519 lines
29 KiB
CSS
519 lines
29 KiB
CSS
|
/*
|
|||
|
|
Theme Name: The Morning After
|
|||
|
|
Theme URI: http://code.google.com/p/the-morning-after/
|
|||
|
|
Description: A magazine-style theme for WordPress, available at <a href="http://themasterplan.in/themes/the-morning-after/">The Masterplan</a>.
|
|||
|
|
Version: 1.3.2
|
|||
|
|
Author: Arun Kale
|
|||
|
|
Author URI: http://themasterplan.in/
|
|||
|
|
Please read the license in the README.txt included with the theme.
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
/* Modifi<66> pour SPIP. cf. https://contrib.spip.net/The-Morning-After par Val<61>ry-Xavier Lentz */
|
|||
|
|
|
|||
|
|
/* --------------------------------------------------------------
|
|||
|
|
This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint]
|
|||
|
|
-------------------------------------------------------------- */
|
|||
|
|
|
|||
|
|
/* couleurs utilisees
|
|||
|
|
*
|
|||
|
|
* - #dadada
|
|||
|
|
* - #a11b1b
|
|||
|
|
* - #224970
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
/* Import stylesheets and hide from IE/Mac \*/
|
|||
|
|
@import "lib/compressed.css";
|
|||
|
|
/* End import/hide */
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ------------------------------------------
|
|||
|
|
/* Typographie generale (style transversaux)
|
|||
|
|
/* ------------------------------------------ */
|
|||
|
|
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
|
|||
|
|
body { background: #ebeff2 url(img/bg/body_main.png) repeat-y top center; }
|
|||
|
|
|
|||
|
|
/*on surcharge cette salet<65> de framework Blueprint*/
|
|||
|
|
p img{float:none;margin-top:0;}
|
|||
|
|
|
|||
|
|
/* Titraille / Intertitres */
|
|||
|
|
h1,h2,h3,h4,h5,h6 {}
|
|||
|
|
h1 {}
|
|||
|
|
h2 {font-weight: normal;}
|
|||
|
|
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { }
|
|||
|
|
h3 {}
|
|||
|
|
h3.spip {font-size:1.15em;font-weight:bold;} /* Cf.: spip_style.css */
|
|||
|
|
hr.spip {color:#dadada;} /* Cf.: spip_style.css */
|
|||
|
|
|
|||
|
|
/* Autres enrichissements typo */
|
|||
|
|
strong { font-weight: bold; }
|
|||
|
|
em { font-style: italic; }
|
|||
|
|
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
|
|||
|
|
small { font-size: 0.90em; color: #666; }
|
|||
|
|
dfn { font-weight: bold; color: #666; }
|
|||
|
|
del { text-decoration: line-through; }
|
|||
|
|
ins { color: red !important; text-decoration: none; }
|
|||
|
|
sup, sub { font-size: smaller; font-variant: normal; }
|
|||
|
|
sup { vertical-align: super; line-height: normal;}
|
|||
|
|
|
|||
|
|
/* Listes */
|
|||
|
|
ul.spip {} /* Cf.: spip_style.css */
|
|||
|
|
ol.spip {} /* Cf.: spip_style.css */
|
|||
|
|
dl {}
|
|||
|
|
dt {}
|
|||
|
|
dd {}
|
|||
|
|
|
|||
|
|
/* Citations, code et poesie */
|
|||
|
|
cite { font-style: italic;}
|
|||
|
|
q { font-style: italic;}
|
|||
|
|
blockquote { float: right; width: 260px; color: #666; margin: 0 0 0 1.5em; color: #000; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; border:0;clear:right;}
|
|||
|
|
blockquote p { text-align: right; line-height: 1.5em; }
|
|||
|
|
blockquote.spip_poesie {
|
|||
|
|
border:0 none;
|
|||
|
|
color:#666666;
|
|||
|
|
float:none;
|
|||
|
|
font-family:georgia;
|
|||
|
|
font-size:1.2em;
|
|||
|
|
font-weight:normal;
|
|||
|
|
line-height:1.4em;
|
|||
|
|
margin:1.5em 0;
|
|||
|
|
padding:0 4em;
|
|||
|
|
width:100%;
|
|||
|
|
}
|
|||
|
|
.spip_code {color:#224970;}
|
|||
|
|
.spip_cadre {color:#444; background-color: #fff; border: 1px solid #dadada; font-size:1em; padding:0.5em;width:90%; }
|
|||
|
|
address {}
|
|||
|
|
|
|||
|
|
/* Tableaux */
|
|||
|
|
/* Cf.: spip_style.css */
|
|||
|
|
table.spip { width: 99%; }
|
|||
|
|
table.spip tr.row_first { background: #000; color:white;}
|
|||
|
|
table.spip td, table.spip th {border:white 2px solid;}
|
|||
|
|
|
|||
|
|
/* Logos, documents et img */
|
|||
|
|
img { margin: 0; padding: 0; border: 0; }
|
|||
|
|
.spip_logos {} /* Cf.: spip_style.css */
|
|||
|
|
.spip_documents {} /* Cf.: spip_style.css */
|
|||
|
|
.spip_documents_center {} /* Cf.: spip_style.css */
|
|||
|
|
.spip_documents_left {} /* Cf.: spip_style.css */
|
|||
|
|
.spip_documents_right {} /* Cf.: spip_style.css */
|
|||
|
|
.spip_doc_titre {} /* Cf.: spip_style.css */
|
|||
|
|
.spip_doc_descriptif {} /* Cf.: spip_style.css */
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ------------------------------------------
|
|||
|
|
/* Disposition a l'ecran des blocs principaux
|
|||
|
|
/* ------------------------------------------ */
|
|||
|
|
body { }
|
|||
|
|
|
|||
|
|
#page { }
|
|||
|
|
|
|||
|
|
#entete { padding: 1.5em 0 0 0; height: 108px; border-bottom: 1px solid #C5BC9E; position:relative;}
|
|||
|
|
#entete .accueil { height: 90px; float:left; margin:0 10px 0 0;padding:0;}
|
|||
|
|
#entete .accueil .spip_logos { margin:0; }
|
|||
|
|
#entete .accueil #nom_site_spip { display:block; padding: 0.5em 0 0 0; font: 700 3em arial, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #000; }
|
|||
|
|
#entete .accueil #nom_site_spip a { text-decoration: none; color: #000; }
|
|||
|
|
#entete .accueil #nom_site_spip a:hover { color: #fff; background: #000; }
|
|||
|
|
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
|
|||
|
|
|
|||
|
|
#slogan_site_spip {position:absolute; bottom:0; left:0; text-align:right; width:513px; margin: 0.4em 0 0 0; font: 400 1em arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc; }
|
|||
|
|
|
|||
|
|
#conteneur {}
|
|||
|
|
#contenu {}
|
|||
|
|
|
|||
|
|
#navigation {}
|
|||
|
|
|
|||
|
|
#pied { background: url(img/bg/dot.png) repeat-x top left; padding: 1em 0 0 0; color: #666; margin-top:1.5em;}
|
|||
|
|
#pied a { /*color:#666;*/ } /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
|
|||
|
|
#pied img { vertical-align: middle; }
|
|||
|
|
|
|||
|
|
/* Top banner with rotating img
|
|||
|
|
-------------------------------------------------------------- */
|
|||
|
|
|
|||
|
|
.page_sommaire #topbanner { height: 70px; border-bottom: 1px solid #999; background: url(img/bg/home_banner.png) no-repeat; }
|
|||
|
|
.page_rubrique #topbanner { height: 70px; border-bottom: 1px solid #999; background: url(img/bg/archive_banner.png) no-repeat; }
|
|||
|
|
.page_article #topbanner { height: 70px; border-bottom: 1px solid #999; background: url(img/bg/single_banner.png) no-repeat; }
|
|||
|
|
#topbanner { height: 70px; border-bottom: 1px solid #999; background: url(img/bg/single_banner.png) no-repeat; margin-bottom:1.5em;}
|
|||
|
|
#topbanner .pagetitle { float: left; background: #fff; color: #000; font: 700 2em arial, sans-serif; text-transform: lowercase; letter-spacing: -0.036em; padding: 1px 5px 1px 0; margin: 20px 0 0 0; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ------------------------------------------
|
|||
|
|
/* Habillage des elements du contenu
|
|||
|
|
/* ------------------------------------------ */
|
|||
|
|
|
|||
|
|
#descriptif_site_spip { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #f3f9ff; padding: 0.5em 0.7em 0 0.7em; }
|
|||
|
|
#descriptif_site_spip p { font-size: 0.9em; font-family: tahoma; }
|
|||
|
|
|
|||
|
|
#hierarchie { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
|
|||
|
|
#hierarchie a { color: #999 !important; }
|
|||
|
|
#hierarchie a:hover { color: #fff !important; background:#999;}
|
|||
|
|
|
|||
|
|
.cartouche {}
|
|||
|
|
.cartouche h1 {letter-spacing: -0.04em; font-size:2em;clear:none;}
|
|||
|
|
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; margin-top:0.6em;}
|
|||
|
|
.cartouche .info-publi { color: #666; padding: 0.3em 0 1.4em 0; margin:0; clear: left; }
|
|||
|
|
.cartouche .info-publi p { margin: 0 0 0.4em 0; }
|
|||
|
|
.cartouche .info-publi a {color:#224970;}
|
|||
|
|
|
|||
|
|
.chapo {padding:1em 0;line-height:1.5em;font-weight:bold;}
|
|||
|
|
.chapo p{margin:0.2em 0 0.2em 0;}
|
|||
|
|
.texte {}
|
|||
|
|
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
|
|||
|
|
.notes { clear: both; font-size: 0.90em; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Portfolio */
|
|||
|
|
.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
|
|||
|
|
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
|
|||
|
|
.documents_portfolio a.on .spip_logos { border-color: #224970; }
|
|||
|
|
.documents_portfolio a:focus .spip_logos,
|
|||
|
|
.documents_portfolio a:hover .spip_logos,
|
|||
|
|
.documents_portfolio a:active .spip_logos { border-color: #000; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ------------------------------------------
|
|||
|
|
/* Sous-navigation et autres menus
|
|||
|
|
/* ------------------------------------------ */
|
|||
|
|
|
|||
|
|
/* Habillage general des menus de navigation */
|
|||
|
|
|
|||
|
|
.menu {}
|
|||
|
|
.menu p {}
|
|||
|
|
|
|||
|
|
#menu { width: 400px; float: right; margin: 10px 0 0 2px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }
|
|||
|
|
#menu li { float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 0.9em; }
|
|||
|
|
#menu li a { padding: 0; text-decoration: none; color: #000; }
|
|||
|
|
#menu li a:hover { padding: 0; text-decoration: underline; }
|
|||
|
|
#menu li span { display: block; float: left; padding: 0 0px 0 22px; }
|
|||
|
|
#menu li span.home { background: url(img/bg/home.gif) no-repeat; }
|
|||
|
|
#menu li span.about { background: url(img/bg/info.gif) no-repeat; }
|
|||
|
|
#menu li span.archives { background: url(img/bg/hourglass.gif) no-repeat; }
|
|||
|
|
#menu li span.subscribe { background: url(img/bg/favourite.gif) no-repeat; }
|
|||
|
|
#menu li span.contact { background: url(img/bg/mail.gif) no-repeat; }
|
|||
|
|
|
|||
|
|
#nav {margin-bottom:1.5em;}
|
|||
|
|
#nav .menu-liste { margin: 10px 0 0 2px; list-style: none; font-weight: bold; font-family: Helvetica, Arial;}
|
|||
|
|
#nav .menu-liste .menu-entree {float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 1.15em; }
|
|||
|
|
#nav .menu-liste .menu-entree .menu-liste { margin-left: 1em; border: 0; }
|
|||
|
|
#nav .menu-liste .menu-entree .menu-entree { padding: 0; border: 0;}
|
|||
|
|
#nav .menu-liste .menu-entree a:hover {color:#fff;background:#000;}
|
|||
|
|
|
|||
|
|
#navigation .menu { margin: 0 0 1em 0;}
|
|||
|
|
#navigation .menu a {display: block; text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #000; border-bottom: 1px solid #dadada; border-left: 3px solid #dadada; padding: 3px 12px 0 7px; margin: 0; background: url(img/bg/arrow.png) no-repeat 177px 3px; min-height:19px;}
|
|||
|
|
#navigation .menu a:hover { background: #f1f1f1 url(img/bg/arrow2.png) no-repeat 177px 3px; color: #224970; }
|
|||
|
|
#navigation .menu-liste { list-style: none; list-style-image: url(foo.gif); margin: 0; padding: 0.3em 0 0.2em 0; float:none;font-size:1em;line-height:1em; }
|
|||
|
|
#navigation .menu-liste .menu-entree { padding: 0; margin: 0; }
|
|||
|
|
#navigation .menu-liste .menu-entree .menu-liste { list-style: none; list-style-image: url(foo.gif); margin: 0; padding: 0.3em 0 0.2em 0.8em; }
|
|||
|
|
#navigation .menu-liste .menu-entree .menu-liste .menu-entree { padding: 0; margin: 0; }
|
|||
|
|
#navigation .menu-liste .menu-entree .menu-liste .menu-entree a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; background: url(img/bg/sub.png) no-repeat; }
|
|||
|
|
#navigation .menu-liste .menu-entree .menu-liste .menu-entree a:hover { background: #f1f1f1 url(img/bg/sub1.png) no-repeat; }
|
|||
|
|
|
|||
|
|
/* Pagination */
|
|||
|
|
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
|
|||
|
|
.pagination .on { font-weight: bold; color: #666; }
|
|||
|
|
|
|||
|
|
/* Rubriques */
|
|||
|
|
/*
|
|||
|
|
.rubriques ul { border: 0; }
|
|||
|
|
.rubriques ul li { background: #EEE; border: 0; }
|
|||
|
|
*/
|
|||
|
|
/* formulaire recherche */
|
|||
|
|
#formulaire_recherche {margin-bottom:1.5em;}
|
|||
|
|
#formulaire_recherche label{}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Listes et widgets */
|
|||
|
|
#navigation .liste, #extra .liste { margin: 0 0 1.4em 0; list-style: none;}
|
|||
|
|
#navigation .liste a, #extra .liste a { color: #224970; }
|
|||
|
|
#navigation .liste a:hover, #extra .liste a:hover { color: #000; text-decoration:none;}
|
|||
|
|
#navigation .liste ul, #navigation .liste ol, #extra .liste ul, #extra .liste ol { list-style: none; padding: 0; margin: 0; }
|
|||
|
|
#navigation .liste li, #extra .liste li { padding: 0 0 0.3em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(img/bg/postbullet.png) no-repeat 0 2px; }
|
|||
|
|
|
|||
|
|
/*recent comments*/
|
|||
|
|
#navigation .liste .reccom li, #extra .liste .reccom li{ background: url(img/bg/bubble.png) no-repeat 0 3px !important; }
|
|||
|
|
|
|||
|
|
/* Page d'accueil colonnes */
|
|||
|
|
|
|||
|
|
.page_sommaire #contenu { width:470px; float:left;margin:0 10px 0 0; padding:0;} /* On transforme en span-7 */
|
|||
|
|
|
|||
|
|
.page_sommaire .span-3 {width:470px;} /* On transforme en span-7 */
|
|||
|
|
|
|||
|
|
.page_sommaire #navigation { width:190px;float:right;margin:0 0 0 10px;} /* On transforme en span-3 last */
|
|||
|
|
|
|||
|
|
.page_sommaire #extra { width:260px;float:left;margin:0 10px 0 0;} /* On transforme en span-7 first */
|
|||
|
|
|
|||
|
|
/* Page d'accueil extras */
|
|||
|
|
|
|||
|
|
.page_sommaire #extra .liste-items .item { padding: 0.1em 0 1.2em 0; margin: 0 0 0.8em 0; background: url(img/bg/dot.png) repeat-x bottom left; border:0;}
|
|||
|
|
.page_sommaire #extra .liste-items .spip_logos { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; }
|
|||
|
|
.page_sommaire #extra .liste-items img { float: left; margin: 0; }
|
|||
|
|
.page_sommaire #extra .liste-items a img { background: #999; padding: 2px; margin: 0; border: 0; }
|
|||
|
|
.page_sommaire #extra .liste-items a:hover img { background: #333; padding: 2px; margin: 0; border: 0; }
|
|||
|
|
.page_sommaire #extra .liste-items h3 { font-weight: bold; margin:0; padding:0;}
|
|||
|
|
.page_sommaire #extra .liste-items h3 a { color:#000; }
|
|||
|
|
.page_sommaire #extra .liste-items h3 a:hover { color: #fff; background: #000; }
|
|||
|
|
.page_sommaire #extra .liste-items .info-publi { padding: 0; margin: 0; color: #666; font-size: 0.9em; }
|
|||
|
|
.page_sommaire #extra .liste-items .info-publi a {color:#000;}
|
|||
|
|
|
|||
|
|
/* featured post */
|
|||
|
|
|
|||
|
|
#featured { background: #f2f2f2 url(img/bg/dot.png) repeat-x bottom left; margin: 0 0 1.1em 0; float: left; width: 100%; }
|
|||
|
|
#featured h2 { background: url(img/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em;}
|
|||
|
|
#featured li { float: left; padding: 0 0.7em 0.4em 0.7em; border:0;}
|
|||
|
|
#featured .spip_logos { float: left; padding: 0; margin: 0.2em 1em 1em 0; border: 1px solid #999; }
|
|||
|
|
#featured h3 { font: 700 12px georgia, serif; padding: 0 0 0.3em 0; }
|
|||
|
|
#featured h3 { color: #224970; }
|
|||
|
|
#featured h3 a:hover { color: #000; }
|
|||
|
|
|
|||
|
|
/* Listes d'articles et extraits introductifs */
|
|||
|
|
.liste-items {margin: 0; padding: 0; list-style: none; border-bottom:0;}
|
|||
|
|
|
|||
|
|
.liste-items li:last-child {border:0;}
|
|||
|
|
|
|||
|
|
.liste-items .item { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; }
|
|||
|
|
.liste-items .item .small { color: #818181; padding: 0 0 0.6em 0; }
|
|||
|
|
.liste-items .item h3 { line-height: 1em; padding: 0 0 5px 0; clear:none;}
|
|||
|
|
.liste-items .item h3 a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em;}
|
|||
|
|
.liste-items .item h3 a:hover { color: #fff; background: #000; }
|
|||
|
|
.liste-items .item .info-publi { display:block; color: #818181; padding: 0 0 0.6em 0; }
|
|||
|
|
|
|||
|
|
.liste.articles .spip_logos, .liste-items .spip_logos { float: right; clear: right; margin: .3em 0 4px 16px; }
|
|||
|
|
.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}
|
|||
|
|
|
|||
|
|
.page_sommaire .liste-items { list-style: none; margin: 0; }
|
|||
|
|
.page_sommaire .liste-items .item, .page_forum .liste-items .item { clear:both; padding: 0 0 0.5em 12px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; border-left: 5px solid #dadada; }
|
|||
|
|
.page_sommaire .liste-items .item a, .page_forum .liste-items .item a { color: #224970; }
|
|||
|
|
.page_sommaire .liste-items .item a:hover, .page_forum .liste-items .item a:hover { color: #000; background: #eee; }
|
|||
|
|
.page_sommaire .liste-items .item h3, .page_forum .liste-items .item h3 {font-size:1em;font-weight:bold;margin-bottom:.5em;clear:none;}
|
|||
|
|
.page_sommaire .liste-items .item p, .page_forum .liste-items .item p {margin: 0 0 .5em;}
|
|||
|
|
|
|||
|
|
.page_sommaire .articles .liste-items li.item:first-child, .dernier .liste-items li.item { padding: 0 0 1.5em 0; border:0;margin:0;}
|
|||
|
|
.page_sommaire .articles .liste-items li.item:first-child h3, .dernier .liste-items li.item h3 { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0;}
|
|||
|
|
.page_sommaire .articles .liste-items li.item:first-child h3 a, .dernier .liste-items li.item h3 a {color: #000;}
|
|||
|
|
.page_sommaire .articles .liste-items li.item:first-child .info-publi, .dernier .liste-items li.item .info-publi { font-size: 0.9em; line-height: 1.6em; padding:0; margin:0;}
|
|||
|
|
.page_sommaire .articles .liste-items li.item:first-child .info-publi a, .dernier .liste-items li.item .info-publi a { font-weight: bold; color:#000;}
|
|||
|
|
.page_sommaire .articles .liste-items li.item:first-child .info-publi a:hover, .dernier .liste-items li.item .info-publi a:hover { text-decoration: underline; background-color:transparent;nav
|
|||
|
|
}
|
|||
|
|
.dernier .suite, .lire-la-suite { padding: 0 20px 1px 20px; background: url(img/bg/readon.png) no-repeat top left; }
|
|||
|
|
.dernier .commentaires, .nb_commentaires { padding: 0 20px 1px 20px; background: url(img/bg/comment.png) no-repeat top left; }
|
|||
|
|
.dernier .categorie { padding: 0 20px 1px 20px; background: url(img/bg/category.png) no-repeat top left; }
|
|||
|
|
.repondre { padding: 0 0 0 16px !important; background: url(img/bg/arrow.png) no-repeat top left; }
|
|||
|
|
|
|||
|
|
/* Styles des titres */
|
|||
|
|
|
|||
|
|
h2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }
|
|||
|
|
#navigation h2 a, #extra h2 a {color: #a11b1b;}
|
|||
|
|
|
|||
|
|
.page_article #contenu h2, .page_breve #contenu h2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; background: url(img/bg/stripe.png) repeat; }
|
|||
|
|
|
|||
|
|
/* Couleurs des liens
|
|||
|
|
---------------------------------------------- */
|
|||
|
|
a { color: #000; text-decoration: none; }
|
|||
|
|
a:focus,a:hover,a:active { color: #000; text-decoration: underline; }
|
|||
|
|
a.spip_out, a.spip_glossaire {
|
|||
|
|
color: #000;
|
|||
|
|
background:transparent url(img/out.gif) no-repeat scroll right center;
|
|||
|
|
padding-right:12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Styles des articles */
|
|||
|
|
|
|||
|
|
.info-publi { color: #666; padding: 0.3em 0 1.4em 0; }
|
|||
|
|
.info-publi abbr {border:0;}
|
|||
|
|
.info-publi p img { margin: 0; padding: 0; float: none; }
|
|||
|
|
.info-publi p { margin: 0 0 0.4em 0; }
|
|||
|
|
.traductions {text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: normal; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #5f9410; }
|
|||
|
|
.page_article #contenu p img { margin: 0;padding:0; }
|
|||
|
|
.page_article #contenu img.WP-PrintIcon, .page_article #contenu img.WP-EmailIcon, .page_article #contenu img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }
|
|||
|
|
.page_article #contenu p a, #arch_content p a { color: #224970; }
|
|||
|
|
.page_article #contenu p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }
|
|||
|
|
|
|||
|
|
/* Styles des commentaires */
|
|||
|
|
|
|||
|
|
.forum { margin-top: 1em; }
|
|||
|
|
.forum-chapo { margin-bottom: 1em; }
|
|||
|
|
ul.forum { list-style-type: none; margin: 0; padding: 0 0 12px 0; }
|
|||
|
|
ul.forum li { border-left: 2px dotted #dadada; margin: 1em 0 0 0; padding: 0 1em 0 0.5em; overflow-x: hidden; }
|
|||
|
|
ul.forum li + li { border-left: 2px dotted #dadada;}
|
|||
|
|
ul.forum li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; }
|
|||
|
|
ul.forum li .forum-chapo small { font-style: normal; text-align: left; display: block; color: #818181; }
|
|||
|
|
ul.forum li .forum-chapo small a, ul.forum li .commenttime a { color: #224970; }
|
|||
|
|
ul.forum li .forum-chapo small a:hover, ul.forum li .commenttime a:hover { color: #000; text-decoration: underline; }
|
|||
|
|
ul.forum li .forum-chapo small span { font-weight: bold; color: #333; }
|
|||
|
|
ul.forum li .forum-chapo small span a { font-weight: bold; color: #224970; }
|
|||
|
|
ul.forum li .forum-chapo small span a:hover { color: #000; text-decoration: underline; }
|
|||
|
|
ul.forum li .forum-texte p { margin: 0 0 0.5em 0; padding: 0; }
|
|||
|
|
ul.forum li .repondre{margin:0 0 0 0;}
|
|||
|
|
|
|||
|
|
/* Styles des rubriques */
|
|||
|
|
|
|||
|
|
.page_rubrique .cartouche, .page_auteur .vcard {width:190px;float:left;margin:0 10px 0 0;padding:0;}
|
|||
|
|
.page_rubrique .cartouche .spip_logos, .page_auteur .cartouche .spip_logos {max-width:190px;}
|
|||
|
|
.cartouche .archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(img/bg/feedicon12.png) no-repeat 0 8px; color: #666; }
|
|||
|
|
.cartouche .archive_number, .page_auteur .texte { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(img/bg/info.png) no-repeat 0 8px; }
|
|||
|
|
.cartouche .archive_lien, .hyperlien, .hyperlien .hyperlien { text-align:left; padding: 0.5em 1.5em !important; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(img/bg/link.png) no-repeat 0 8px; }
|
|||
|
|
.cartouche .archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(img/bg/email_author.png) no-repeat 0 8px; cursor:pointer; }
|
|||
|
|
|
|||
|
|
.page_rubrique #latest_post_image {margin-bottom:1.5em;}
|
|||
|
|
.page_rubrique .first .liste, .page_rubrique .first .menu, .page_rubrique #latest_post_image, .page_rubrique .chapo, .page_rubrique #formulaire_site,
|
|||
|
|
.page_auteur .first .liste, .formulaire_ecrire_auteur {width:540px;float:right;margin:0 0 0 10px;}
|
|||
|
|
|
|||
|
|
.page_rubrique .liste-items .item, .page_auteur .liste-items .item { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; }
|
|||
|
|
.page_rubrique .liste-items .item .info-publi, .page_auteur .liste-items .item .info-publi { color: #818181; padding: 0 0 0.6em 0; }
|
|||
|
|
.page_rubrique .liste-items .item .info-publi a, .page_auteur .liste-items .item .info-publi a { color: #224970; }
|
|||
|
|
.page_rubrique .liste-items .item .info-publi a.on, .page_auteur .liste-items .item .info-publi a.on { color: #224970; font-weight:bold; }
|
|||
|
|
.page_rubrique .liste-items .item .info-publi a:hover, .page_auteur .liste-items .item .info-publi a:hover { color: #000; text-decoration: underline; }
|
|||
|
|
.page_rubrique .liste-items .item .introduction, .page_auteur .liste-items .item .introduction {margin:0 0 1.5em;text-align:justify;}
|
|||
|
|
.page_rubrique .liste-items .item .suite, .page_auteur .liste-items .item .suite {font-size:0.8em;}
|
|||
|
|
|
|||
|
|
/* ------------------------------------------
|
|||
|
|
/* Habillage des formulaires
|
|||
|
|
/* ------------------------------------------ */
|
|||
|
|
input, select, textarea { font-size: 100%; font-family: inherit; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Structure generale des formulaires
|
|||
|
|
----------------------------------------------- */
|
|||
|
|
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
|
|||
|
|
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */
|
|||
|
|
|
|||
|
|
/* Fieldset */
|
|||
|
|
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
|
|||
|
|
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
|
|||
|
|
.formulaire_spip fieldset legend { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }
|
|||
|
|
.formulaire_spip fieldset fieldset { margin-top: 1em; }
|
|||
|
|
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
|
|||
|
|
|
|||
|
|
/* Explications */
|
|||
|
|
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }
|
|||
|
|
|
|||
|
|
/* Lignes */
|
|||
|
|
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
|
|||
|
|
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }
|
|||
|
|
|
|||
|
|
/* Labels */
|
|||
|
|
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative; }
|
|||
|
|
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
|
|||
|
|
|
|||
|
|
.formulaire_spip .choix label{display:inline;font-weight:normal;}
|
|||
|
|
.formulaire_spip .choix input.radio,
|
|||
|
|
.formulaire_spip .choix input.checkbox {width:auto;}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Champs de saisie */
|
|||
|
|
.formulaire_spip input.text { width: 15em; border: 1px inset; }
|
|||
|
|
.formulaire_spip textarea { width: 99%; border: 1px inset; }
|
|||
|
|
.formulaire_spip select { width: 99%; }
|
|||
|
|
|
|||
|
|
/* Boutons */
|
|||
|
|
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
|
|||
|
|
.formulaire_spip .boutons input { margin-left: 1em; }
|
|||
|
|
.formulaire_spip .boutons input, input.submit { background: /*#E0691A*/ url(img/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; cursor:pointer;}
|
|||
|
|
|
|||
|
|
/* Reponses, previsu et erreurs
|
|||
|
|
----------------------------------------------- */
|
|||
|
|
|
|||
|
|
/* Champs obligatoires */
|
|||
|
|
.formulaire_spip li.obligatoire {}
|
|||
|
|
.formulaire_spip li.obligatoire label {}
|
|||
|
|
|
|||
|
|
/* Login */
|
|||
|
|
|
|||
|
|
.formulaire_login input { width: 292px; border: 0; background: #fff url(img/bg/input.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }
|
|||
|
|
.page_login #contenu .first { background: #f2f2f2 url(img/bg/dot.png) repeat-x bottom left; margin: 0 0 1.1em 0; float: left; width: 690px; padding:0 20px 20px;}
|
|||
|
|
.page_login #contenu .formulaire_spip { margin: 2em 8em 4em}
|
|||
|
|
|
|||
|
|
/* Previsualisation du message */
|
|||
|
|
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
|
|||
|
|
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
|
|||
|
|
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
|
|||
|
|
.formulaire_spip fieldset.previsu p { margin: 1em 0; }
|
|||
|
|
|
|||
|
|
/* Reponse du formulaire */
|
|||
|
|
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
|
|||
|
|
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
|
|||
|
|
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */
|
|||
|
|
|
|||
|
|
/* * Erreurs */
|
|||
|
|
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
|
|||
|
|
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
|
|||
|
|
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }
|
|||
|
|
|
|||
|
|
/* * OK */
|
|||
|
|
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Variantes et cas particuliers
|
|||
|
|
----------------------------------------------- */
|
|||
|
|
|
|||
|
|
/* Barre de raccourcis typographiques */
|
|||
|
|
table.spip_barre { width: 100%; }
|
|||
|
|
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
|
|||
|
|
table.spip_barre a:focus img,
|
|||
|
|
table.spip_barre a:hover img,
|
|||
|
|
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
|
|||
|
|
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }
|
|||
|
|
|
|||
|
|
/* Formulaire de forum */
|
|||
|
|
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
|
|||
|
|
.formulaire_forum .boutons input {width:250px;background-image:url(img/bg/submit250.png)}
|
|||
|
|
|
|||
|
|
/* Selection des langues */
|
|||
|
|
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }
|
|||
|
|
.formulaire_menu_lang select {padding:5px;border-color:#dadada;width:292px;}
|
|||
|
|
.formulaire_menu_lang label {} /* cf. Formulaires de recherche */
|
|||
|
|
|
|||
|
|
#navigation .formulaire_menu_lang, #extra .formulaire_menu_lang { margin: 1.5em 0; padding: 0; background: none; }
|
|||
|
|
#navigation .formulaire_menu_lang select, #extra .formulaire_menu_lang select {padding:5px;border-color:#dadada;width:190px;}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Formulaires de recherche (site / petitions) */
|
|||
|
|
.formulaire_recherche { margin: 0; padding: 0; background: none; }
|
|||
|
|
.formulaire_recherche * { display: inline; vertical-align: middle; }
|
|||
|
|
.formulaire_recherche label, .formulaire_menu_lang label, #entete #search_menu h2 {display:block; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #000;}
|
|||
|
|
.formulaire_recherche input.text { width: 143px; border: 0; background: #fff url(img/bg/input143.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }
|
|||
|
|
.formulaire_recherche input.submit { background: /*#E0691A*/ url(img/bg/submit32.png) no-repeat; width: 32px;}
|
|||
|
|
|
|||
|
|
#entete #search_menu { padding: 0 0 0 5px; }
|
|||
|
|
#entete .search_input{ width: 292px; border: 0; background: #fff url(img/bg/input.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }
|
|||
|
|
#entete .submit_input { background: /*#E0691A*/ url(img/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Choix des mots-clefs */
|
|||
|
|
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
|
|||
|
|
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
|
|||
|
|
ul.choix_mots li label { display: inline; font-weight: normal; }
|
|||
|
|
|
|||
|
|
.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
|
|||
|
|
|
|||
|
|
/* Formulaire de login dans une page */
|
|||
|
|
.formulaire_login ul li {clear:left;}
|
|||
|
|
.formulaire_login .editer_password .details {display:block;}
|
|||
|
|
.formulaire_login #spip_logo_auteur {float:right;}
|
|||
|
|
|
|||
|
|
/* formulaire_inscription */
|
|||
|
|
|
|||
|
|
#formulaire_inscription legend { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }
|
|||
|
|
|
|||
|
|
/* formulaire_ecrire_auteur */
|
|||
|
|
.formulaire_ecrire_auteur input.submit { background: /*#E0691A*/ url(img/bg/submit250.png) no-repeat; border: 0; height: 24px; padding: 0; width: 170px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; }
|
|||
|
|
|
|||
|
|
/* Publicit<69> / Widget */
|
|||
|
|
|
|||
|
|
.ad_block { border: 1px solid #dadada; padding: 4px 0; margin: 1em 0 1.2em; text-align: center; }
|
|||
|
|
.ad_block .ad160 { margin: 0 auto; width: 160px; }
|
|||
|
|
.ad_block .ad180 { margin: 0 auto; width: 180px; }
|
|||
|
|
.ad_block .ad250 { margin: 0 auto; width: 250px; }
|
|||
|
|
.ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* miscellaneous */
|
|||
|
|
|
|||
|
|
p.surtitre, p.soustitre { font-size: 1.4em; margin:0;}
|
|||
|
|
|
|||
|
|
.none { display: none; }
|
|||
|
|
.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
|
|||
|
|
.dot, .sep { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }
|
|||
|
|
.navigation { color: #818181; }
|
|||
|
|
input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
|
|||
|
|
input.buttonem { background: #dadada; float: left; }
|
|||
|
|
sup { vertical-align: super; font-size: smaller; line-height: normal;}
|