/* --------------------------------------------------------- */ /* Feuille de style des squelettes par defaut pour SPIP 2.0 */ /* --------------------------------------------------------- */ /* ---------------------------------------------- Adaptation pour Spip-zen : Cedric Morin http://www.yterium.com ------------------------------------------------ */ /* Specificites SPIP */ h3.spip {text-align:left;} img.puce {border:none;background:none;margin : auto;padding:0 0 0 0;} #hierarchie { clear: both; margin-bottom: 1em; font-size:0.95em; position:relative; top :-20px;} #nav .menu-liste .menu-entree.on { background: url(img/right-nav-bg.gif) no-repeat right top; } .cartouche { margin-bottom: 2em; } .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; background: #150e0b; border: 1px solid #261b15;padding: 12px;} .ps, .notes { margin-bottom: 2em; line-height: 1.40em; } .notes { clear: both; font-size: 0.90em; } .published { border: 0; } /* Pagination */ .pagination { clear: both; text-align: right; font-size: 0.95em; color: #333; } .pagination .on { font-weight: bold; color: #333; } /* form elements */ .formulaire_spip { margin: 10px 0px; padding: 25px; border: 1px solid #251a14; background-color: #130d0a; } .formulaire_spip ul li {border-bottom:1px solid #221813;padding:13px 5px 8px;} .formulaire_spip ul .choix_mots li.saisie_mot {border : 0;} .formulaire_spip label { display: block; font-weight: bold; color: #8E7D6A; } .formulaire_spip input.text,.formulaire_spip input.password,.formulaire_spip select { margin: 5px 0; padding: 7px 5px; border-width: 1px; border-style: solid; border-color: #322014; background-color: #1E150D; font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif; color: #925D3A; } .formulaire_spip textarea { margin: 5px 0; padding: 7px 5px; border-width: 1px; border-style: solid; border-color: #322014; background-color: #1E150D; font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif; color: #925D3A; } #contenu .formulaire_spip textarea { width:400px;} .formulaire_spip input.text,.formulaire_spip input.password,.formulaire_spip select { margin: 5px 0; padding: 7px 5px; border-width: 1px; border-style: solid; border-color: #322014; background-color: #1E150D; font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif; color: #925D3A; } .formulaire_spip .boutons {text-align:left;} .formulaire_spip .boutons input, .formulaire_spip input.submit { height: 30px; margin: 0; padding: 2px 3px; border: 1px solid #c96111; background: #e2721b url(img/button-bg.png) repeat-x; font: bold 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif; text-decoration: none; color: #fff; } .formulaire_spip fieldset { border:none; margin-bottom:1em; } .formulaire_spip fieldset legend { font-size:1.2em; color:#fff; background-color:#130d0a; } .formulaire_spip .choix label, .formulaire_spip .saisie_mot label { display: inline; } input:focus, select:focus, textarea:focus { background-color: #934A00; border: 1px solid #BF6000; color: #fff; } .formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/ #formulaire_recherche { position: absolute; top: 120px; right: 0px; z-index: 999999; padding: 0; margin: 0; border: none; width: 222px; height: 32px; background: url(img/header-search.png) no-repeat top left; } #formulaire_recherche {padding:2px;} .formulaire_recherche input.text { color: #4a413c; margin: 0; padding: 5px; border: none; background: transparent; width: 170px; } #formulaire_recherche input.text {width: 170px;} .formulaire_recherche input.submit { text-indent:-1000px; width: 29px; height: 29px; border:0; background:#110b09 url(img/search.png) no-repeat right center; } #formulaire_recherche label { display: none; } #formulaire_menu_lang { position: absolute; top: 60px; right: 0px; background-color: transparent; border: none; margin: 0; width:222px; padding:2px; } #formulaire_menu_lang label { display:none; } .formulaire_menu_lang p { margin: 0; padding: 0 0 10px 0; } .liste-items, .menu-liste {list-style:none;} /* Listes d'items */ .liste-items { margin: 10px 0 8px; padding: 0; border-top: 1px solid #29201c; text-align: left;} .liste-items .item { clear: both; overflow:hidden; padding: 8px 5px;border-bottom: 1px solid #29201c; } * html body .liste-items .item { height: 1%; } #sidebar .liste-items .item {font-size: 11px; line-height: 20px; } /* menu hierarchises */ .menu-liste { margin: 10px 0 8px; padding: 0; border-top: 1px solid #29201c; text-align: left; } .menu-liste .menu-entree { list-style: none; margin: 0; padding: 8px 5px; border-bottom: 1px solid #29201c; font-size: 11px; line-height: 20px; } #sidebar .menu-liste .menu-entree {font-size: 11px; line-height: 20px; } .menu-liste .menu-entree a:link, .menu-liste .menu-entree a:visited { padding-left: 0; font-weight: bold; color: #F1E3D8; } /*.menu-liste .menu-entree span { display: block; margin-left: -16px; color: #9a8377; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; text-transform: none; }*/ .menu-liste .menu-entree a:hover { color: #fff; border: none; } .menu-liste .menu-liste { margin: 0 0 0 5px; padding: 0; border: none; } .menu-liste .menu-liste .menu-entree { border: none; } /* Portfolio */ .documents_portfolio { clear: both; margin: auto; text-align: left; } .documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; background: #150e0b; border: 1px solid #261b15;padding: 12px; float:none; } .documents_portfolio a:hover .spip_logos { border: 1px solid #453025; } .documents_portfolio a.on .spip_logos { border: 1px solid #453025; } #document_actif { margin: 1em auto; } #document_actif img { padding: 4px; border: 1px solid #DDD; } /* Habillage des forums ---------------------------------------------- */ .repondre { clear: both; margin-top: 0em; margin-right: 1em; text-align: right; font-weight: bold; } p.repondre a {/* padding: 5px; background-color: #E27304; border: 1px solid #E7871C; font-weight: bold; font-size: 11px; color: #fff;*/} /* * Habillage des forums */ ul.forum { display: block; clear: both; margin: 0; padding: 0; } ul.forum, ul.forum ul { list-style: none; } /* comments list */ ul.forum,ul.forum ul { margin: 12px 10px; padding: 0; border-style: solid; border-color: #453025; border-width: 1px 1px 0 1px; } ul.forum ul.spip {border:0;} ul.forum ul { margin:0; } .forum li { margin: 0; padding: 10px; list-style: none; border-bottom: 1px solid #453025; } .forum ul.spip li {border:0;padding:0;} .forum li cite { display: block; font-style: normal; font-weight: bold; padding: 7px; } .forum li cite img { float: left; margin-right: 10px; } .forum li cite .forum-chapo { font-size: .8em; font-weight: normal; } .forum li .forum-texte { clear: both; margin: 0; padding: 0; } .forum li.alt { background: #f8f8f8 } /* tables */ tables.spip tr,tables.spip tr.row_odd,tables.spip tr.row_even {background:transparent;} /* ----------------- */ /* ---------------------------------------------- Template Name : Jungleland Template Code : S-0030 Version : 1.0 Author : Erwin Aligam Author URI : http://www.styleshout.com/ Last Date Modified : August 31, 2009 ------------------------------------------------ */ /* ---------------------------------------------- HTML ELEMENTS ------------------------------------------------- */ body { font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color: #91807F; margin: 0; padding: 0; background: #1d140f url(img/bg.gif) repeat-x; text-align: center; } /* links */ a:link, a:visited { text-decoration: none; color: #c67114; } a:hover { color: #fff; } a:link.more, a:visited.more { float: left; margin-top: 20px; margin-right: 5px; padding: 3px 5px 4px 5px; border: 1px solid #E7871C; background-color: #E27304; text-transform: lowercase; font-weight: bold; text-decoration: none; color: #fff; } a:hover.more { border: 1px solid #5A9223; background-color: #4C7B1E; } /* headers */ h1,.h1, h2,.h2, h3,.h3, h4,.h4 { font: bold 1em/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color: #f0e8e8; margin: 10px 0 7px; } h1,.h1 { font-size: 2.9em; font-weight: bold; letter-spacing: -2px; } h3,.h3,h2,.h2 { font-size: 2.1em; font-weight: normal; letter-spacing: -0.5px; padding-top: 5px; } h4 { font-size: 1.7em; } /* Lists */ ul, ol { margin: 10px 0; padding: 0 20px; } ul { list-style: disc; } ol { list-style: decimal; } dt { font-weight: bold; color: #6f892c; } dd { padding-left: 20px; margin-left:0; } p, dl { margin: 10px 0; } /* images */ .spip_documents img,.spip_logos img { background: #150e0b; border: 1px solid #261b15; padding: 8px; } .spip_documents_left { margin: 5px 0px 10px; margin-right: 26px; } .spip_documents_right { margin: 5px 0px 10px; margin-left: 10px; margin-right: 16px; } .spip_code {font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;color:#D0C8C8;} .spip_cadre { margin: 3px 0; padding: 20px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace; /* white-space: pre; */ border: 1px solid #251a14; background-color: #130d0a; width:90%; color:#D0C8C8; } acronym,abbr { cursor: help; border-bottom: 1px dotted #555; } blockquote.spip { margin: 10px 0; padding: 15px; padding-left: 47px; border: 1px solid #251a14; background: #130d0a url(img/quote.gif) no-repeat 12px 12px; font-weight: normal; font-size: 17px; line-height: 1.5em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, Serif; } strong { font-weight: bold; } /* start - table */ table.spip { border-collapse: collapse; margin: 10px 0px; } table.spip caption {text-align:left;color:#F0E8E8;} table.spip tr.row_even,table.spip tr.row_odd { background: #130d0a } table.spip th, table.spip td { text-align: left; border-width: 1px; border-style: solid; } table.spip th { background-color: #45561B; padding: .8em 1em; border-color: #647C28 #586A22 #43511A #5A6F23; font-weight: bold; color: #fff; } table.spip td { border-color: #231A14; padding: .7em 1em; } /* end - table */ /* ------------------------------------------ LAYOUT ------------------------------------------- */ #wrap { width: 900px; margin: 0 auto; text-align: left; position:relative; background: url(img/content-bg.jpg) no-repeat center 100%; } /* header */ #header { position: relative; margin: 0 auto 20px auto; height: 164px; background: url(img/header-bg.jpg) no-repeat center bottom; } #header .accueil img.spip_logos { display:none; } #header-content #slogan_site_spip { position: absolute; font: 16px 'Trebuchet Ms', Sans-serif; text-transform: none; color: #91807F; margin: 0; padding: 0; /* change the values of left and top to adjust the position of the slogan */ top: 120px; left: 10px; } #header .accueil #nom_site_spip a { position: absolute; /* change the values of top and left to adjust the position */ top: 68px; left: 10px; margin: 0; padding: 0 5px 0 0; font: bold 48px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif; letter-spacing: -3px; text-decoration: none; color: #FFF; } #descriptif_site_spip { font: 16px 'Trebuchet Ms', Sans-serif; text-transform: none; color: #91807F; } /* RSS Feed */ #header #rss-feed { position: absolute; right: 5px; top: 18px; z-index: 99999; } #header #rss-feed a.feed { padding: 0 0 0 30px; background: url(img/feed-icon16.gif) no-repeat 5px center; font-weight: bold; text-transform: lowercase; color: #f0e8e8; } /* navigation */ #header #nav { position: absolute; left: 0px; top: 0px; margin: 0; padding: 0; overflow: hidden; height: 60px; width: 900px; } #header #nav ul { float: left; margin: 0; padding: 0; width: 100%; list-style: none; } #header #nav ul li { float: left; margin: 0; padding: 0 0 0 5px; } #header #nav ul li a:link, #header #nav ul li a:visited { float: left; margin: 0; padding: 30px 15px 17px 11px; font: bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; text-transform: lowercase; color: #867474; } #header #nav ul li a:hover, #header #nav ul li a:active { border: none; color: #fff; } #header #nav ul li#current { background: url(img/left-nav-bg.gif) no-repeat; } #header #nav ul li#current a { background: url(img/right-nav-bg.gif) no-repeat right top; color: #f0e8e8; } #header #nav .menu-entree .menu-liste{ display:none; } /* featured block */ #featured { clear: both; margin: 0; padding-bottom: 20px; width: 900px; background: url(img/sep-bg.jpg) no-repeat center bottom; } #featured-block { position: relative; border: 1px solid #251a14; background-color: #130d0a; width: 900px; margin-left: 10px; padding-bottom: 25px; } #featured-ribbon { position: absolute; background: url(img/ribbon.png) no-repeat; width: 99px; height: 98px; top: -1px; right: -2px; z-index: 99999; } #featured h2 { margin-bottom: 0; padding-bottom: 0; font: bold 2.7em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; letter-spacing: -2.0px; color: #f0e8e8; } #featured h2 a { color: #f0e8e8; border: none; } #featured .image-block { float: left; width: 380px; margin: 20px 0 0 25px; padding: 10px 0 0 0; display: inline; } #featured .image-block img { background-color: #1c130e; border: 1px solid #251a15; padding: 12px; } #featured .text-block { float: right; width: 480px; margin: 15px 25px 0 0; display: inline; } #featured a.more-link { float: left; margin-top: 25px; padding: 5px 10px; border: 1px solid #c96111; background: #e2721b url(img/button-bg.png) repeat-x; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: bold; line-height: 20px; color: #fff; display: block; } #featured a.more-link:hover { border: 1px solid #2f4c13; background: #4a781d url(img/button-hover-bg.png) repeat-x; } /* Content */ #content-wrap { clear: both; width: 900px; margin: 5px 0 0 0; padding: 0; overflow:hidden; } #content { float: left; width: 900px; padding-bottom: 40px; display: inline; } /* Main */ #main { width: 560px; float: left; padding-top: 5px; } #main h2 { color: #f0e8e8; border-bottom: 1px solid #29201c; margin-top: 15px; } #main h2 a { color: #f0e8e8; } #main h2 + .liste-items {border-top:0;margin-top:0;} #main h2 + .menu-liste {border-top:0;margin-top:0;} #main .block { float: left; width: 265px; margin-top: 10px; padding-bottom: 15px; display: inline; } #main .block img { margin: 0 0 20px 0; padding: 10px; background-color: #150e0b; border: 1px solid #261b15; display: block; } /* sidebar */ #sidebar { float: right; width: 290px; padding-top: 5px; } #sidebar .h3 { margin: 10px 0 15px; color: #f0e8e8; } #sidebar .h3 a, #sidebar .h2 a {color: #f0e8e8;} /* sidemenu */ .sidemenu .menu-liste {} .sidemenu .menu-liste .menu-entree { padding-left: 19px; background: url(img/bullet.gif) no-repeat 0 14px; text-transform: uppercase; } .sidemenu .menu-liste .menu-entree a:link, .sidemenu .menu-liste .menu-entree a:visited {} .sidemenu ul li a:hover { } .sidemenu ul ul { } .sidemenu ul ul li { } .sidemenu .liste-items .item { padding-left: 19px; background: url(img/bullet.gif) no-repeat 0 14px; text-transform: uppercase; } /* footer */ #footer { float: left; width: 100%; text-align: center; background: url(img/footer-bg.png) repeat-x; } #footer-outer { clear: both; width: 940px; margin: 0 auto; font-size: .9em; text-align: left } #footer-wrap { float: left; width: 920px; margin-left: 10px; padding-top: 20px; display: inline; } #footer-wrap h3 { margin-bottom: 15px; font-size: 1.6em; font-weight: bold; color: #baaca2; } #footer-wrap h2 { margin-bottom: 15px; font-size: 1.6em; font-weight: bold; color: #baaca2; } #footer-wrap .col-a { width: 450px; float: left; display: inline; } #footer-wrap .col-a img {border:none;background:none;margin : auto;padding:0 0 0 0;} #footer-wrap .col-a a {color: #6f892c;} #footer-wrap .col-b { width: 225px; float: right; display: inline; } /* footer-list */ #footer-outer .footer-list ul { list-style: none; margin-left: 20px; padding: 0; border-top: 1px solid #29201c; } #footer-outer .footer-list ul li { border-bottom: 1px solid #29201c; } #footer-outer .footer-list ul li a { display: block; width: 98%; margin-left: 0; padding: 5px 0; border: none; line-height: 2em; color: #877878; } #footer-outer .footer-list ul li .email { background: url(img/email.gif) no-repeat 0 center; padding-left: 20px; } #footer-outer .footer-list ul li .rssfeed { background: url(img/feed-icon14.gif) no-repeat 0 center; padding-left: 20px; } #footer-outer .footer-list ul li .twitter { background: url(img/twitter.gif) no-repeat 0 center; padding-left: 20px; } #footer-outer .footer-list ul li a span { font-style: italic; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, Serif; font-size: .95em; } #footer-outer .footer-list ul li a:hover, #footer-outer .footer-list ul li a:hover span { color: #fff; } /* footer-bottom */ #footer-bottom { float: left; width: 100%; margin: 30px auto 15px auto; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif; } #footer-bottom .bottom-left { float: left; } #footer-bottom .bottom-right { text-align: right; padding-right: 0; } #footer-bottom a.back-to-top { background: url(img/arrow-up.gif) no-repeat right center; padding-right: 20px; } /* pagenavigation */ .navigation { margin: 10px 20px; padding: 0; width: 560px; } .navigation a:link, .navigation a:visited { float: left; display: block; margin: 10px 10px 0 0; padding: 5px 7px; border: 1px solid #E7871C; background-color: #E27304; text-transform: lowercase; text-decoration: none; font-weight: bold; color: #fff; } .navigation a:hover { border: 1px solid #5A9223; background-color: #4C7B1E; } /* thumbnails */ p.thumbs { margin: 0; padding: 10px 0 0 0px; } .thumbs img { position: relative; margin: 4px; padding: 8px; background: #150e0b; border: 1px solid #261b15; } .thumbs img:hover { border: 1px solid #453025; } .thumbs a:hover { background-color: transparent; border: none } .liste-items .item .h3 { margin: 0; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; font-size: 1.4em; font-weight: normal; line-height: 125%; } .liste-items .item .h3 a { color: #6f892c;} #main .blk-content .sommaire h3 p a:link, #main .blk-content .sommaire h3 p a:visited { color: #b5b5b5; } #main .block .blk-content { width: 100%; } #main .block .blk-content p { margin: 5px; } .articles .item .spip_logos { float: right; clear: right; margin: 0 0 4px 16px;background: #150e0b; border: 1px solid #261b15;padding: 12px; } .articles .liste-items .item .introduction { margin-top: 0.30em; } /* .articles .liste-items { list-style:none; margin: 0; padding: .3em 0 1em 5px; } .articles .liste-items .item .h3 { margin: 0.30em 0; } .articles .liste-items .item .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; } */ .meta-publi { clear:both; padding: 7px 15px; margin: 20px 0 15px; border: 1px solid #251a14; background-color: #130d0a;} .info-publi { margin-top: 0; font-size: 11px; color:#B5B5B5;} .info-publi a, .info-publi a:visited { color: #6f892c; border: none; font-weight: bold } .info-publi .published { padding: 0 0 5px 20px; background: url(img/clock.gif) no-repeat 0 0; } .info-publi .auteurs { /* padding: 0 0 5px 20px; background: url(img/bonom.png) no-repeat 0 0; */ } /* .meta-publi {float:right} .meta-publi .lire-la-suite-titre {display:none} .meta-publi .nb_commentaires { margin-left: 5px; padding: 0 0 5px 20px; background: url(img/comment.gif) no-repeat 0 1px; }*/ .page_sommaire .articles .liste-items .meta-publi .lire-la-suite-titre, .page_sommaire .articles .liste-items .meta-publi .nb_commentaires, .page_sommaire .articles .liste-items .meta-publi .sep, .page_sommaire .articles .liste-items .meta-publi .date-redac {display:none;} .page_sommaire .articles .liste-items .meta-publi { background-color:#E27304; color:#fff; border:1px solid #E7871C; float:left; font-weight:bold; padding:3px 5px 4px; margin-top:20px; } .page_sommaire .articles .liste-items .meta-publi a, .page_sommaire .articles .liste-items .meta-publi a:link, .page_sommaire .articles .liste-items .meta-publi a:visited {color:#fff;} .page_sommaire .articles .liste-items .meta-publi:hover { background-color:#4C7B1E; border:1px solid #5A9223; } .page_sommaire .articles .liste-items .item:nth-child(2n+1) {width:265px;float:left;border:none;} .page_sommaire .articles .liste-items .item:nth-child(2n) {clear:none;width:265px;float:right;border:none;}