225 lines
6.2 KiB
CSS
225 lines
6.2 KiB
CSS
|
/* ----------------------------------------------
|
||
|
|
Template Name : Keep It Simple
|
||
|
|
Template Code : S-0027
|
||
|
|
Version : 1.0
|
||
|
|
Author : Erwin Aligam
|
||
|
|
Author URI : http://www.styleshout.com/
|
||
|
|
Last Date Modified : September 29, 2008
|
||
|
|
Adaptation pour Zpip-dist : Cedric Morin http://www.yterium.com
|
||
|
|
------------------------------------------------ */
|
||
|
|
|
||
|
|
/* Titraille / Intertitres */
|
||
|
|
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5,h6,.h6 {
|
||
|
|
font-family: Georgia, 'Times New Roman', Times, serif;
|
||
|
|
color: #444;
|
||
|
|
}
|
||
|
|
h1,.h1 { letter-spacing: -2px; }
|
||
|
|
h2,.h2 { color: #663333; }
|
||
|
|
h2 a:link,h2 a:visited { color: #663333; }
|
||
|
|
|
||
|
|
h3,.h3 { letter-spacing: -0.5px;font-weight: normal;}
|
||
|
|
|
||
|
|
/* Couleurs des liens
|
||
|
|
---------------------------------------------- */
|
||
|
|
a:link, a:visited {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #AE855C;
|
||
|
|
}
|
||
|
|
a:focus,a:hover,a:active {
|
||
|
|
border-bottom: 1px dotted #AE855C;
|
||
|
|
}
|
||
|
|
a.more-link {
|
||
|
|
padding-bottom: 2px;
|
||
|
|
font-weight: bold;
|
||
|
|
border-bottom: 1px dotted #AE855C;
|
||
|
|
}
|
||
|
|
a:hover.more-link {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
abbr,acronym {
|
||
|
|
cursor: help;
|
||
|
|
border-bottom: 1px dotted #895F30;
|
||
|
|
}
|
||
|
|
small,.small { font-size: 0.90em; color: #666; }
|
||
|
|
dt { color: #7BA857;}
|
||
|
|
/* Citations, code et poesie */
|
||
|
|
blockquote {
|
||
|
|
padding-top: 1.6em;
|
||
|
|
padding-left:42px;
|
||
|
|
border: 1px solid #F0F0F0;
|
||
|
|
background: #f8f8f8 url(img/quote.gif) no-repeat 12px 12px;
|
||
|
|
font-size: 17px;
|
||
|
|
line-height: 1.5em;
|
||
|
|
font-family: Georgia, 'Times New Roman', Times, Serif;
|
||
|
|
color: #555;
|
||
|
|
}
|
||
|
|
blockquote.spip_poesie {padding-bottom: 1.6em;}
|
||
|
|
.spip_cadre {
|
||
|
|
/* white-space: pre; */
|
||
|
|
border: 1px solid #F0F0F0;
|
||
|
|
background: #f8f8f8;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.spip tr.odd td,table.spip tr:nth-child(odd) td { background: #F9F9F9; padding: 0.4em;}
|
||
|
|
table.spip tr.even td,table.spip tr:nth-child(even) td { background: #dddddd;padding: 0.4em; }
|
||
|
|
table.spip th,table.spip td {border-width: 1px;border-style: solid;}
|
||
|
|
table.spip thead th,table.spip tbody th {color: #7BA857;background: #EFFAE6;border-color: #DFF4D5 #D3EFC3 #A7DF8A #D3EFC3;padding: 0.4em;}
|
||
|
|
table.spip td {border-color: #EFEFEF;padding: 0.4em;}
|
||
|
|
/* end - table */
|
||
|
|
/* Images */
|
||
|
|
.spip_documents img,.spip_logos img {background: #FAFAFA;border: 1px solid #DCDCDC;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;}
|
||
|
|
|
||
|
|
|
||
|
|
/* ------------------------------------------
|
||
|
|
/* Habillage des elements du contenu
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
#descriptif_site_spip {color:#7BA45B;font-family:Georgia,'Times New Roman',Times,Serif;font-size:17px;font-style:italic;font-weight:normal;letter-spacing:-0.5px;}
|
||
|
|
|
||
|
|
#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
|
||
|
|
#hierarchie, #hierarchie a { color: #666; }
|
||
|
|
|
||
|
|
.cartouche { margin-bottom: 2em; }
|
||
|
|
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
|
||
|
|
.cartouche p { margin: 0; padding: 0; clear: left; }
|
||
|
|
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
|
||
|
|
.cartouche .surtitre { }
|
||
|
|
.cartouche .soustitre { margin-bottom: 1em; }
|
||
|
|
.cartouche .traductions { font-size: 0.90em; }
|
||
|
|
|
||
|
|
.chapo { margin-bottom: 3.2em; line-height: 1.40em; font-weight: bold; color: #669; }
|
||
|
|
.texte { line-height: 1.60em; }
|
||
|
|
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; }
|
||
|
|
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
|
||
|
|
.notes { clear: both; font-size: 0.90em; }
|
||
|
|
|
||
|
|
abbr.published { border: 0; }
|
||
|
|
|
||
|
|
/* Listes d'articles et extraits introductifs */
|
||
|
|
.liste-items .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
|
||
|
|
.articles .liste-items .item .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
|
||
|
|
.articles .liste-items .item .introduction { margin-top: 0.30em; line-height: 1.40em; }
|
||
|
|
|
||
|
|
.info-publi { font-size: .95em; padding-top: 3px; color: #B0B0B0; }
|
||
|
|
.info-publi a, .info-publi a:visited { color: #000; border: none; }
|
||
|
|
.h3 + .info-publi {margin-top:-15px;}
|
||
|
|
|
||
|
|
/* meta-publi */
|
||
|
|
.meta-publi {padding: 5px; margin: 20px 0px 15px 0px;border: 1px solid #EBEBEB;background: #f8f8f8;}
|
||
|
|
.meta-publi a { background: transparent; }
|
||
|
|
.meta-publi a:hover { border: none; }
|
||
|
|
.meta-publi .nb_commentaires { margin: 0 10px 0 5px; }
|
||
|
|
.meta-publi .lire-la-suite { margin: 0 10px 0 5px; }
|
||
|
|
.meta-publi .date-redac{ margin: 0 10px 0 5px; }
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* ------- */
|
||
|
|
|
||
|
|
#entete .accueil #nom_site_spip {
|
||
|
|
position: absolute;
|
||
|
|
margin: 0; padding: 0 5px 0 0;
|
||
|
|
font: normal 75px Georgia, 'Times New Roman', Times, serif;
|
||
|
|
letter-spacing: -6px;
|
||
|
|
color: #93b876;
|
||
|
|
text-decoration: none;
|
||
|
|
|
||
|
|
/* change the values of top and left to adjust the position of the logo*/
|
||
|
|
top: 90px; left: 20px;
|
||
|
|
}
|
||
|
|
#entete .accueil #nom_site_spip a{color: #93b876;}
|
||
|
|
|
||
|
|
#entete .accueil img.spip_logos {
|
||
|
|
position: absolute;
|
||
|
|
/* change the values of top and left to adjust the position of the logo*/
|
||
|
|
top: 60px; right: 10px;
|
||
|
|
}
|
||
|
|
#entete #slogan_site_spip {
|
||
|
|
color:#7BA45B;
|
||
|
|
font-family:Georgia,'Times New Roman',Times,Serif;
|
||
|
|
font-size:17px;
|
||
|
|
font-style:italic;
|
||
|
|
font-weight:normal;
|
||
|
|
letter-spacing:-0.5px;
|
||
|
|
line-height:1.6em;
|
||
|
|
margin:0pt;
|
||
|
|
padding:0pt;
|
||
|
|
position:absolute;
|
||
|
|
width:400px;
|
||
|
|
/* change the values of top and left to adjust the position of the logo*/
|
||
|
|
top:175px; left:110px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#pied img { vertical-align: middle; }
|
||
|
|
#pied .h3,
|
||
|
|
#pied p {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
#pied a {
|
||
|
|
color: #333;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* footer-list */
|
||
|
|
#pied ul.footer-list {
|
||
|
|
border-top: 1px solid #E6E6E6;
|
||
|
|
list-style: none;
|
||
|
|
padding: 0;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
#pied ul.footer-list li {
|
||
|
|
border-bottom: 1px solid #E6E6E6;
|
||
|
|
}
|
||
|
|
#pied ul.footer-list li a {
|
||
|
|
display: block;
|
||
|
|
width: 98%;
|
||
|
|
line-height: 2em;
|
||
|
|
font-weight: bold;
|
||
|
|
padding: 4px 0;
|
||
|
|
margin-left: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
color: #888;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
#pied ul.footer-list li a span {
|
||
|
|
font-style: italic;
|
||
|
|
font-weight: normal;
|
||
|
|
font-family: Georgia, 'Times New Roman', Times, Serif;
|
||
|
|
}
|
||
|
|
#pied ul.footer-list li a:hover,
|
||
|
|
#pied ul.footer-list li a:hover span {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
/* footer-content */
|
||
|
|
#pied-contenu {
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
padding: 0 0 35px 0;
|
||
|
|
margin: 10px 0 0 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* footer-bottom */
|
||
|
|
#pied-bas {
|
||
|
|
clear: both;
|
||
|
|
border-top: 1px solid #dadada;
|
||
|
|
width: 940px;
|
||
|
|
margin: 0 auto;
|
||
|
|
font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
|
||
|
|
}
|
||
|
|
#pied-bas .bottom-left {
|
||
|
|
float: left;
|
||
|
|
padding-left: 5px;
|
||
|
|
}
|
||
|
|
#pied-bas .bottom-right {
|
||
|
|
text-align: right;
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Cas particuliers
|
||
|
|
*/
|
||
|
|
|
||
|
|
.page_sommaire .h2 {color: #444;}
|