1 /* --------------------------------------------------------- */
2 /* Feuille de style des squelettes par defaut pour SPIP 2.0 */
3 /* --------------------------------------------------------- */
4 /* ----------------------------------------------
5 Adaptation pour Spip-zen : Cedric Morin http://www.yterium.com
6 ------------------------------------------------ */
8 /* Specificites SPIP */
9 h3
.spip
{text-align:left
;}
11 #hierarchie { clear: both
; margin-bottom: 2em; font-size: 0.90em; }
12 #hierarchie, #hierarchie a
{ color: #666; }
14 .cartouche { margin-bottom: 2em; }
15 .cartouche .spip_logos { float: right
; margin-left: 16px; margin-bottom: 4px; }
16 .cartouche p { margin: 0; padding: 0; clear: left
; }
17 .surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase
; letter-spacing: 0.10em; }
18 .cartouche .surtitre { margin-bottom: 0.30em; }
19 .cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
20 .cartouche .traductions { font-size: 0.90em; }
22 .chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold
; color: #669; }
23 .texte { line-height: 1.60em; }
24 .hyperlien { display: block
; background: #EEE; padding: 0.50em 1em; font-weight: bold
; }
25 .ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
26 .notes { clear: both
; font-size: 0.90em; }
28 abbr
.published
{ border: 0; }
31 .documents_portfolio { clear: both
; margin: 2em auto
; text-align: center
; }
32 .documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid
#DDD; }
33 .documents_portfolio a:hover .spip_logos { border-color: #F57900; }
34 .documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
35 #document_actif { margin: 1em auto
; }
36 #document_actif img
{ padding: 4px; border: 1px solid
#DDD; }
39 .pagination { clear: both
; text-align: right
; font-size: 0.95em; color: #666; }
40 .pagination .on { font-weight: bold
; color: #666; }
42 .menu-liste, .liste-items {list-style:none
;}
44 .liste-items {border-bottom:1px solid
#EBEBEB;}
45 .liste-items .item {padding:5px;clear:both
;overflow:hidden
;border-top:1px solid
#EBEBEB;}
46 .liste-items + .pagination {margin-top:0;padding-top:0;}
52 border-top: 1px solid
#EBEBEB;
54 .menu-liste .menu-entree {
56 border-bottom: 1px solid
#EBEBEB;
60 * html body
.menu-liste
.menu-entree
{
63 .menu-liste .menu-entree a {
64 text-decoration: none
;
65 background-image: none
;
68 .menu-liste .menu-entree a:hover {
71 .menu-liste .menu-liste { margin-left: 5px; padding: 0; }
72 .menu-liste .menu-liste .menu-entree { border: none
; }
74 .formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/
77 /* Habillage des forums
78 ---------------------------------------------- */
79 .repondre { clear: both
; margin-top: 0em; margin-right: 1em; text-align: right
; font-weight: bold
; }
81 /* * Habillage des forums */
82 ul
.forum
{ display: block
; clear: both
; margin: 0; padding: 0; }
83 ul
.forum
, ul
.forum ul
{ list-style: none
; }
87 ul
.forum
,ul
.forum ul
{
91 border-color: #F0F0F0;
92 border-width: 1px 1px 0 1px;
94 ul
.forum ul
.spip
{border:0;}
96 ul
.forum ul
{ margin:0; }
101 border-bottom: 1px solid
#F0F0F0;
103 .forum ul.spip li {border:0;padding:0;}
114 .forum li cite .forum-chapo {
118 .forum li .forum-texte {
120 margin: 0; padding: 0;
127 tables
.spip tr
,tables
.spip tr
.row_odd
,tables
.spip tr
.row_even
{background:transparent
;}
128 /* ----------------- */
129 /********************************************
131 WEBSITE: http://www.styleshout.com/
132 TEMPLATE NAME: Outdoor
133 TEMPLATE CODE: S-0020
135 *******************************************/
137 /********************************************
139 ********************************************/
142 * { margin: 0; padding: 0; outline: 0 }
145 background: #f7f0e3 url
(img/bg.jpg) repeat-x
;
146 font: 70%/1.6em Verdana
, Tahoma
, Arial
, Geneva
, sans-serif
;
156 text-decoration: none
;
161 text-decoration: underline
;
165 h1
,.h1
, h2
,.h2
, h3
,.h3
, h3
.spip
{
166 font-family: 'Trebuchet MS', Tahoma
, Sans-serif
;
173 letter-spacing: -1px;
185 h1
,.h1
, h2
,.h2
, h3
,.h3
, h3
.spip
, p
{
189 ul
.spip
, ol
.spip
, ul
.forum ul
.spip
{
198 .spip_documents img, .spip_logos img {
200 border: 1px solid
#dcdcdc;
203 .spip_documents_right {
204 margin: 5px 10px 10px;
207 .spip_documents_left {
208 margin: 5px 0px 10px;
212 .spip_code,code {font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace
;}
219 font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace
;
220 /* white-space: pre; */
221 border: 1px solid
#F4F3EC;
227 border-bottom: 1px dashed
#777;
233 border: 1px solid
#F4F3EC;
234 background: #FAFAE7 url
(img/quote.jpg) no-repeat
7px 10px;
235 font: bold
1.3em/1.5em 'Trebuchet MS', Tahoma
, Sans-serif
;
241 border-collapse: collapse
;
244 table
.spip caption
{text-align:left
;}
245 table
.spip th strong
{
249 background: #93BC0C url
(img/nav.jpg) repeat-x
;
256 border-left: 1px solid
#B6D59A;
257 border-bottom: solid
2px #fff;
266 border-left: 1px solid
#fff;
267 border-bottom: 1px solid
#fff;
272 table
.spip tr
.row_even
{
275 table
.spip tr
.row-odd
{
282 margin:10px 0; padding: 10px;
283 border: 1px solid
#f1f1f1;
284 background-color: #f5f5f5;
286 .formulaire_spip fieldset legend {background-color: #f5f5f5;}
287 .formulaire_spip label {
292 .formulaire_spip input.text,input.password {
294 border:1px solid
#eee;
295 font: normal
1em Verdana
, sans-serif
;
298 .formulaire_spip textarea {
300 font: normal
1em Verdana
, sans-serif
;
301 border:1px solid
#eee;
306 #contenu .formulaire_spip textarea
{ width:400px;}
308 .formulaire_spip .boutons input {
309 font: bold
12px Arial
, Sans-serif
;
314 background: #8EB50C url
(img/nav.jpg) repeat-x
0 0;
315 border: 1px solid
#88AD0C;
319 .formulaire_recherche {
320 background-color: transparent
;
322 margin: 0; padding: 5px 0 15px 0;
325 #formulaire_recherche {width: 250px;}
327 .formulaire_recherche p { margin: 0; padding: 0; }
328 .formulaire_recherche input.text {
332 border: 1px solid
#E5E5E5;
334 background-image:none
;
336 #formulaire_recherche input
.text
{width: 170px;}
338 .formulaire_recherche input.submit {
345 /********************************************
347 ********************************************/
350 background: #fff url
(img
/wrap-bg
.jpg
) repeat-y
;
352 margin: 50px auto
0 auto
;
357 background: #fff url
(img
/content-bg
.jpg
) repeat-x
;
364 border-top: 5px solid
#fff;
365 border-bottom: 1px solid
#e5e5e5;
366 border-left: 1px solid
#fff;
367 border-right: 1px solid
#fff;
371 background: #fff url
(img
/header-bg
.jpg
) repeat-x
;
378 background: url
(img
/header-photo
.jpg
) no-repeat bottom left
;
382 #header #nom_site_spip
{
384 margin: 0; padding: 0;
385 font: normal
42px Georgia
, "Times New Roman", Times
, serif
;
386 letter-spacing: -1.5px;
388 text-transform: none
;
389 text-decoration: none
;
391 /* change the values of top and left to adjust the position of the logo*/
392 top: 22px; left: 20px;
394 #header .accueil img
.spip_logos
{
396 /* change the values of top and left to adjust the position of the logo*/
397 top: 0px; right: 0px;
400 #header #slogan_site_spip
{
402 margin: 0; padding: 0;
403 font: normal
12px Georgia
, "Times New Roman", Times
, serif
;
404 text-transform: none
;
407 /* change the values of top and left to adjust the position of the slogan*/
408 top: 67px; left: 25px;
410 #descriptif_site_spip {
411 font: normal
12px Georgia
, "Times New Roman", Times
, serif
;
412 text-transform: none
;
416 #header .formulaire_menu_lang
{ position: absolute
; right: 0; top: 250px; display: block
; margin:0;width: 235px;padding:0;background:none
;border:0; } /*Cf.: spip_formulaires.css*/
419 #header #header-links
{
421 top: 25px; right: 10px;
423 font: normal
11px Georgia
, "Times New Roman", Times
, serif
;
424 text-transform: uppercase
;
426 #header #header-links a
{
428 text-decoration: none
;
432 #header #header-links
a:hover
{
447 margin: 0; padding: 0;
453 margin: 0; padding: 0;
459 background: url
(img/nav.jpg) repeat-x
;
462 text-transform: uppercase
;
467 #nav .menu-liste
.menu-entree
{
469 margin: 0; padding: 0;
471 #nav .menu-liste
.menu-entree a
{
477 border-right: 1px solid
#899D00;
478 border-left: 1px solid
#A7D101;
479 font: bold
14px/45px "Century Gothic", "Trebuchet MS", Helvetica
, Arial
, Geneva
, sans-serif
;
480 text-transform: uppercase
;
481 text-decoration: none
;
485 #nav .menu-liste
.menu-entree
a:hover
,
486 #nav .menu-liste
.menu-entree
a:active
{
487 background: url
(img
/nav-hover
.jpg
) repeat-x
;
489 #nav .menu-liste
.menu-entree
.on a
{
490 background: url
(img
/nav-current
.jpg
) repeat-x
;
495 #nav .menu-liste li
.menu-entree
{
500 #nav li
.menu-liste
{
501 background-color: #e5e5e5;
502 background-image: none
;
510 border: 1px solid
#fff;
513 #nav li
.menu-liste
.menu-entree
{
514 background: url
(img/nav.jpg) repeat-x
;
518 #nav li
.menu-liste
.menu-entree a
{
522 #nav li:hover ul
,#nav li
.hover ul
{display:block
;}
523 #nav li:hover li ul
,#nav li
.hover li ul
{display:none
;}
524 #nav li:hover
li:hover ul
,#nav li
.hover li
.hover ul
{display:block
;}
525 #nav li:hover
li:hover li ul
,#nav li
.hover li
.hover li ul
{display:none
;}
526 #nav li:hover
li:hover
li:hover ul
,#nav li
.hover li
.hover li
.hover ul
{display:block
;}
527 #nav li:hover
li:hover
li:hover li ul
,#nav li
.hover li
.hover li
.hover li ul
{display:none
;}
528 #nav li:hover
li:hover
li:hover
li:hover ul
,#nav li
.hover li
.hover li
.hover li
.hover ul
{display:block
;}
536 padding: 15px 0 0 0; margin: 0 0 0 10px;
542 font: normal
2.3em 'Trebuchet MS', Tahoma
, Sans-serif
;
544 letter-spacing: -1px;
545 text-transform: none
;
549 text-decoration: none
;
552 list-style-image: url
(img/bullet.gif);
559 padding: 25px 0 0 0; margin: 0;
562 #sidebar .formulaire_recherche label
{
565 font: normal
1.6em 'Trebuchet MS', Tahoma
, Sans-serif
;
572 #sidebar .menu ul li
{
574 #sidebar .menu ul li a
{
576 #sidebar .menu ul li
a:hover
{
586 border-bottom: 15px solid
#fff;
587 border-top: 1px solid
#fff;
589 #footer-wrap a:hover
{
596 text-transform: uppercase
;
608 text-decoration: none
;
617 border-top: 1px solid #e5e5e5;
620 border-bottom: 1px solid #e5e5e5;
622 #footer-content li a {
625 padding: 5px 0 5px 10px;
628 #footer-content .col3, .col3-center {
632 #footer-content .col3-center {
650 /* Listes d'articles et extraits introductifs */
651 .articles ul li { clear: both
; padding: 0.40em 0.20em; }
652 .articles ul li h3 { margin: 0.30em 0; }
653 .articles .spip_logos { float: right
; clear: right
; margin: 0 0 4px 16px; }
654 .articles ul li .enclosures { float: right
; text-align: right
; max-width: 60%; margin: 0; }
655 .articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }
659 padding: 5px; margin: 20px 0 15px;
662 border: 1px solid
#EAE7DB;
666 .meta-publi .date-redac { margin: 0 10px 0 5px; }
667 .meta-publi .nb_commentaires { margin: 0 10px 0 5px; }
668 .meta-publi .lire-la-suite { margin: 0 10px 0 5px; }
670 .info-publi { font-size: .95em; padding-top: 0; margin-left: 1px; }
671 .h3+.info-publi {margin-top:-10px;}