678 lines
13 KiB
CSS
678 lines
13 KiB
CSS
/*
|
|
Credit: http://www.templatemo.com
|
|
*/
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1.5em;
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
font-size: 12px;
|
|
color: #555a4a;
|
|
background: #a0c73f;
|
|
}
|
|
|
|
a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; }
|
|
a:active, a:hover { color: #0683ab; text-decoration: underline; }
|
|
|
|
.button_01 a {
|
|
display: block;
|
|
width: 102px;
|
|
height: 23px;
|
|
padding: 7px 0 0 0;
|
|
background: url(images/templatemo_button.png) no-repeat;
|
|
color: #333;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button_01 a:hover {
|
|
color: #fff;
|
|
background:url(images/templatemo_button_hover.png) no-repeat;
|
|
}
|
|
|
|
p { margin: 0px; padding: 0px; }
|
|
|
|
img { margin: 0px; padding: 0px; border: none; }
|
|
|
|
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
|
|
|
|
.cleaner_h30 { clear: both; width:100%; height: 30px; }
|
|
.cleaner_h40 { clear: both; width:100%; height: 40px; }
|
|
|
|
.margin_r10 { margin-right: 10px; }
|
|
|
|
.float_l { float: left; }
|
|
.float_r { float: right; }
|
|
|
|
#templatemo_header_wrapper {
|
|
width: 100%;
|
|
height: 265px;
|
|
background: url(images/templatemo_header.jpg) no-repeat top center;
|
|
}
|
|
|
|
#templatemo_header {
|
|
position: relative;
|
|
width: 980px;
|
|
height: 265px;
|
|
padding: 0 10px;
|
|
margin: 0 auto;
|
|
background: url(images/templatemo_header.jpg) no-repeat top center;
|
|
}
|
|
|
|
/* site title */
|
|
|
|
#templatemo_header .accueil {
|
|
float: left;
|
|
width: 240px;
|
|
padding: 40px 0 0 40px;
|
|
}
|
|
.accueil .spip_logos,
|
|
.accueil .spip_logos:hover
|
|
{margin:0; border:0;}
|
|
#nom_site_spip {
|
|
padding: 0;
|
|
margin: 20px 0 0 0;
|
|
}
|
|
|
|
#nom_site_spip a {
|
|
margin: 0;
|
|
padding: 0px;
|
|
font-size: 30px;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#nom_site_spip a:hover {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
/* Mon site <span>ZPIP</span> */
|
|
#nom_site_spip a span {
|
|
margin-left: 2px;
|
|
font-size: 150%;
|
|
font-weight: bold;
|
|
letter-spacing: 5px;
|
|
}
|
|
|
|
#slogan_site_spip {color:white; margin-top:5px; font-size:110%; font-style:italic;}
|
|
|
|
/* end of site title */
|
|
|
|
/* menu */
|
|
|
|
#templatemo_menu {
|
|
position:absolute;
|
|
top:70px;
|
|
height:43px;
|
|
right:0px;
|
|
}
|
|
|
|
#templatemo_menu .menu-liste {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
#templatemo_menu .menu-liste .menu-entree {
|
|
padding: 0;
|
|
margin: 0;
|
|
display: inline;
|
|
}
|
|
|
|
#templatemo_menu .menu-liste .menu-entree a {
|
|
float: left;
|
|
display: block;
|
|
|
|
margin: 0 1em;
|
|
padding:4px;
|
|
border: 1px solid transparent;
|
|
-moz-border-radius: 8px;
|
|
-webkit-border-radius: 8px;
|
|
-o-border-radius: 8px;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
text-decoration: none;
|
|
color: #333333;
|
|
font-weight: bold;
|
|
outline: none;
|
|
}
|
|
|
|
#templatemo_menu .menu-entree a:hover,
|
|
#templatemo_menu .menu-entree.on a {
|
|
color: #333333;
|
|
border: 1px solid rgba(255,255,255,0.8);
|
|
-moz-box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px;
|
|
-webkit-box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px;
|
|
-o-box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px;
|
|
box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px;
|
|
background:rgba(255,255,255,0.9);
|
|
}
|
|
|
|
/* end of menu */
|
|
|
|
/* Search */
|
|
|
|
#formulaire_recherche {
|
|
position:absolute;
|
|
top:160px;
|
|
background: url(images/templatemo_search.png) no-repeat;
|
|
border:none;
|
|
margin:0; padding:0;
|
|
}
|
|
|
|
#formulaire_recherche form {
|
|
width: 280px;
|
|
height: 27px;
|
|
margin: 0;
|
|
padding: 10px 0 0 0;
|
|
}
|
|
|
|
#recherche {
|
|
height: 17px;
|
|
width: 270px;
|
|
padding: 2px 5px 6px 5px;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-variant: normal;
|
|
line-height: normal;
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
/* end of search */
|
|
|
|
/* content */
|
|
|
|
#templatemo_content_wrapper {
|
|
width: 920px;
|
|
margin: 0 auto;
|
|
padding: 30px 40px;
|
|
background: url(images/templatemo_content.jpg) repeat-y;
|
|
}
|
|
|
|
#templatemo_content_wrapper_bottom {
|
|
width: 1000px;
|
|
height: 15px;
|
|
margin: 0 auto;
|
|
background: url(images/templatemo_content_bottom.jpg) no-repeat;
|
|
}
|
|
|
|
#templatemo_content {
|
|
float: left;
|
|
width: 600px;
|
|
}
|
|
|
|
#templatemo_content p {
|
|
text-align: justify;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.content_section {
|
|
clear: both;
|
|
width: 100%;
|
|
}
|
|
|
|
#templatemo_content .h1 {
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
#templatemo_content .h2 {
|
|
color: #3a5909;
|
|
font-size: 24px;
|
|
line-height: 1.15em;
|
|
padding: 20px 0 60px 20px;
|
|
background: url(images/templatemo_header_bg.png) no-repeat bottom left;
|
|
}
|
|
|
|
|
|
|
|
#templatemo_content_wrapper .comments>.comments-list,
|
|
#templatemo_content_wrapper .menu>.menu-liste,
|
|
#templatemo_content_wrapper .liste>.liste-items {
|
|
margin-left:30px;
|
|
}
|
|
#templatemo_content_wrapper .comments-list,
|
|
#templatemo_content_wrapper .menu-liste,
|
|
#templatemo_content_wrapper .liste-items {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
#templatemo_content_wrapper .comments-list .comment,
|
|
#templatemo_content_wrapper .menu-liste .menu-entree,
|
|
#templatemo_content_wrapper .liste-items .item {
|
|
padding: 0;
|
|
margin: 0;
|
|
padding: 5px 0 5px 20px;
|
|
background: url(images/puce.png) left 10px no-repeat;
|
|
list-style-type:none;
|
|
}
|
|
#templatemo_content #comments,
|
|
#templatemo_content .liste.articles:not(.resultats) .liste-items .item {
|
|
background-position: left 2.5em;
|
|
margin-bottom:2em;
|
|
}
|
|
#templatemo_content .comments-list ul {
|
|
padding-left:1em;
|
|
}
|
|
|
|
|
|
.menu-liste .menu-entree a,
|
|
.liste-items .item a {
|
|
color: #201f1c;
|
|
}
|
|
.menu-liste .menu-entree a:hover,
|
|
.liste-items .item a:hover {
|
|
color: #537c11;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.menu-liste .menu-entree .h3,
|
|
.liste-items .item .h3 {
|
|
font-size:180%;
|
|
padding-bottom:5px;
|
|
margin-bottom:.2em;
|
|
border-bottom:1px solid #8cba3f;
|
|
}
|
|
|
|
.info-publi {
|
|
text-align:right;
|
|
color:#3e6b33;
|
|
margin-bottom:.4em;
|
|
}
|
|
|
|
|
|
#templatmeo_sidebar {
|
|
float: right;
|
|
width: 280px;
|
|
padding: 0;
|
|
}
|
|
|
|
#templatmeo_sidebar .sidebar_section {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
#templatmeo_sidebar .sidebar_section_content {
|
|
margin:0 0 0 35px;
|
|
}
|
|
|
|
#templatmeo_sidebar .h2 {
|
|
color: #3a5909;
|
|
font-size: 24px;
|
|
line-height: 1.15em;
|
|
padding: 20px 0 60px 20px;
|
|
background: url(images/templatemo_header_bg.png) no-repeat bottom left;
|
|
}
|
|
#templatmeo_sidebar .h2 a {
|
|
color: #3a5909;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.sidebar_section label {
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sidebar_section #input_field {
|
|
height: 20px;
|
|
width: 233px;
|
|
padding: 0 5px;
|
|
margin-bottom: 10px;
|
|
color: #000000;
|
|
font-size: 12px;
|
|
font-variant: normal;
|
|
line-height: normal;
|
|
}
|
|
|
|
.sidebar_section #submit_btn{
|
|
float: right;
|
|
height: 30px;
|
|
width: 80px;
|
|
margin: 0px;
|
|
padding: 3px 0 15px 0;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
white-space: pre;
|
|
outline: none;
|
|
}
|
|
|
|
/* end of content */
|
|
|
|
/* footer */
|
|
|
|
#templatemo_footer {
|
|
width: 980px;
|
|
margin: 0 auto;
|
|
padding: 30px 10px;
|
|
text-align: center;
|
|
color: #333333;
|
|
}
|
|
|
|
#templatemo_footer a {
|
|
color: #000000;
|
|
}
|
|
|
|
#templatemo_footer .footer_menu {
|
|
margin: 0 0 10px 0;
|
|
padding: 0px;
|
|
list-style: none;
|
|
}
|
|
|
|
|
|
/* end of footer */
|
|
|
|
|
|
/* SURCHARGE D'origine */
|
|
|
|
#formulaire_menu_lang {
|
|
position:absolute;
|
|
right:20px; top:0px;
|
|
background:none;
|
|
border:none;
|
|
}
|
|
#formulaire_menu_lang label {display:inline; padding-right:1em;}
|
|
#formulaire_menu_lang select {display:inline; width:auto;}
|
|
|
|
#templatemo_header .accueil {
|
|
text-align:center;
|
|
}
|
|
#templatemo_header .accueil>strong {
|
|
display:block;
|
|
}
|
|
#templatemo_header .accueil>strong a {
|
|
color:white; font-size:120%;
|
|
}
|
|
|
|
/*
|
|
Formulaire recherche
|
|
*/
|
|
#formulaire_recherche label {
|
|
position:relative;
|
|
left:-3000em;
|
|
}
|
|
#formulaire_recherche input.text {position:relative; top:-18px; left:0px;}
|
|
#formulaire_recherche input.submit {
|
|
color:transparent;
|
|
background:transparent;
|
|
height:60px;
|
|
width:60px;
|
|
position:relative; top:-30px;
|
|
border:transparent;
|
|
}
|
|
|
|
/*
|
|
forum
|
|
*/
|
|
.forum-chapo {
|
|
color:white;
|
|
padding:1px .5em;
|
|
background:#8ab93f;
|
|
border:1px solid #8ab93f;
|
|
border-radius:6px 6px 0 0;
|
|
-webkit-border-radius:6px 6px 0 0;
|
|
-moz-border-radius:6px 6px 0 0;
|
|
|
|
}
|
|
.forum-chapo a:active,
|
|
.forum-chapo a:link,
|
|
.forum-chapo a:hover,
|
|
.forum-chapo a {
|
|
color:white;
|
|
}
|
|
|
|
.comment-content {
|
|
padding:.5em;
|
|
}
|
|
.forum-message,
|
|
.comment-message {
|
|
border:1px solid #8ab93f;
|
|
border-radius:7px;
|
|
-o-border-radius:7px;
|
|
-webkit-border-radius:7px;
|
|
-moz-border-radius:7px;
|
|
background:#f2f6ea;
|
|
margin-bottom:.5em;
|
|
}
|
|
.forum-texte { padding:.5em;}
|
|
|
|
.puce {}
|
|
hr {border:1px solid #8ab93f; background:#8ab93f; height:1px; width:10%;}
|
|
|
|
|
|
/*
|
|
Tables
|
|
*/
|
|
table.spip {
|
|
border-collapse: collapse;
|
|
margin: 10px 0;
|
|
width:100%;
|
|
border: 1px solid #E8E8E8;
|
|
}
|
|
table.spip caption {
|
|
margin: 0px;
|
|
text-align:left;
|
|
}
|
|
|
|
table.spip th strong {
|
|
color: #fff;
|
|
}
|
|
table.spip th {
|
|
vertical-align:middle;
|
|
background: #93BC0C;
|
|
height: 29px;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
color: #FFF;
|
|
text-align: left;
|
|
border:0;
|
|
border-left: 1px solid #B6D59A;
|
|
}
|
|
table.spip tr {
|
|
height: 30px;
|
|
}
|
|
table.spip td {
|
|
vertical-align:top;
|
|
border:0;
|
|
padding: 8px 11px;
|
|
border-left: 1px solid #E8E8E8;
|
|
border-bottom: 1px solid #DFDFDF;
|
|
}
|
|
table.spip td.first,table.spip th.first {
|
|
border-left: 0px;
|
|
}
|
|
table.spip tr.row_even {
|
|
background: #F8F8F8;
|
|
}
|
|
table.spip tr.row_odd {
|
|
background: #EFEFEF;
|
|
}
|
|
|
|
|
|
blockquote, blockquote.spip{
|
|
margin: 2em 0;
|
|
padding: .2em .2em .2em 6em;
|
|
font-style: italic;
|
|
border:none;
|
|
background: #fff url(images/blockquote.png) no-repeat 4px top;
|
|
}
|
|
blockquote p, blockquote.spip p{
|
|
padding: 8px 0;
|
|
margin: 2px;
|
|
}
|
|
blockquote.spip_poesie {
|
|
font-size:100%;
|
|
background:none;
|
|
border:none;
|
|
width:80%;
|
|
margin:2em auto;
|
|
}
|
|
|
|
/*
|
|
Formulaires
|
|
*/
|
|
|
|
|
|
/* form elements */
|
|
.formulaire_spip {
|
|
margin:10px 0; padding: 10px;
|
|
border: 1px solid #dfdfdf;
|
|
border-radius:10px;
|
|
-moz-border-radius:10px;
|
|
-webkit-border-radius:10px;
|
|
background-color: #dfdfdf;
|
|
}
|
|
.formulaire_spip fieldset legend {background-color: #dfdfdf;}
|
|
.formulaire_spip label {
|
|
display:block;
|
|
font-weight:bold;
|
|
margin:5px 0;
|
|
}
|
|
.formulaire_spip input.text,
|
|
.formulaire_spip input.password,
|
|
.formulaire_spip select {
|
|
padding:2px;
|
|
border:1px solid #ccc;
|
|
color:#777;
|
|
}
|
|
.formulaire_spip textarea {
|
|
padding:2px;
|
|
border:1px solid #ccc;
|
|
display:block;
|
|
color:#777;
|
|
}
|
|
.formulaire_spip input.text:focus,
|
|
.formulaire_spip input.password:focus,
|
|
.formulaire_spip textarea:focus,
|
|
.formulaire_spip select:focus {
|
|
border:1px solid #8EB50C;
|
|
}
|
|
|
|
.formulaire_spip .boutons {text-align:left;}
|
|
.formulaire_spip .boutons input,.formulaire_spip input.submit {
|
|
font: bold 12px Arial, Sans-serif;
|
|
height: 24px;
|
|
margin: 0;
|
|
padding: 2px 3px;
|
|
color: #FFF;
|
|
border: 2px solid #8EB50C;
|
|
background: #8EB50C;
|
|
border-radius:6px;
|
|
-moz-border-radius:6px;
|
|
-webkit-border-radius:6px;
|
|
}
|
|
.formulaire_spip .boutons input:hover,
|
|
.formulaire_spip input.submit:hover {
|
|
border: 2px solid white;
|
|
}
|
|
|
|
.formulaire_spip fieldset.previsu {border:2px solid #66146d;}
|
|
.formulaire_spip fieldset.previsu legend {color: #66146d;}
|
|
|
|
|
|
/*
|
|
Images
|
|
*/
|
|
.spip_documents {}
|
|
.spip_documents_portfolio {}
|
|
.spip_logos { /* portfolio */
|
|
border:5px solid #E6E0CE;
|
|
margin:.5em;
|
|
}
|
|
a .spip_logos:hover {
|
|
border:5px solid #CAC1A5;
|
|
}
|
|
|
|
|
|
dl.spip_documents {background:#E6E0CE; padding:5px;} /* modele doc */
|
|
span.spip_documents img {background:#E6E0CE; padding:5px;} /* modele img */
|
|
|
|
.cartouche .spip_logos {float:right; margin-left:1em; margin-bottom:1em;}
|
|
.h3 .spip_logos {float:right; margin-left:1em; margin-top:3em;}
|
|
/*
|
|
Liens
|
|
*/
|
|
a:link,
|
|
a:hover,a.spip_in, a.spip_out, a.spip_ancre, a.spip_glossaire {color:#0683AB;}
|
|
a:focus {color:white !important; background:#0683AB !important;}
|
|
a.spip_out, a.spip_glossaire {padding-right:14px; background:url(images/out.gif) right no-repeat;}
|
|
|
|
/*
|
|
Pagination
|
|
*/
|
|
.pagination {text-align:center;}
|
|
#templatemo_content .liste .pagination {margin-left:4em;}
|
|
.pagination a,
|
|
.pagination .on {
|
|
background:#66146d;
|
|
color:white; padding:2px 5px;
|
|
margin-right:4px;
|
|
border:1px solid #66146d;
|
|
border-radius:6px;
|
|
-o-border-radius:6px;
|
|
-webkit-border-radius:6px;
|
|
-moz-border-radius:6px;
|
|
display:block; float:left;
|
|
}
|
|
.pagination .on,
|
|
.pagination a:hover {
|
|
background:#f0dff1; border-color:#e0bfe3; color:#66146d;
|
|
text-decoration:none;
|
|
}
|
|
.pagination .separateur {color:transparent;}
|
|
|
|
/*
|
|
Hierarchie
|
|
*/
|
|
#hierarchie {margin-top:-2em;}
|
|
#hierarchie a {color:#65882e;}
|
|
#hierarchie .on {font-weight:normal;}
|
|
|
|
|
|
/*
|
|
Codes
|
|
*/
|
|
code, .spip_code, .spip_cadre {color:#4D4D4D;}
|
|
.spip_cadre {
|
|
width:100%; padding:.5em; background:#fafafa;
|
|
border:1px solid #68a704;
|
|
-moz-border-radius: 8px;
|
|
-webkit-border-radius: 8px;
|
|
-o-border-radius: 8px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
|
|
/*
|
|
Pied de page
|
|
*/
|
|
.pied {margin:1em 0;}
|
|
.pied a {padding:0 1em;}
|
|
.pied img {vertical-align:middle;}
|
|
|
|
/*
|
|
Boutons d'admin
|
|
*/
|
|
body .spip-admin-float {
|
|
right:auto;
|
|
left:12%;
|
|
margin:5px;
|
|
}
|
|
|
|
body a.spip-admin-boutons {
|
|
border:1px solid #8ab93f;
|
|
background: rgba(255,255,255,0.2);
|
|
color:#3e6b33;
|
|
}
|
|
body a.spip-admin-boutons:hover {
|
|
border:1px solid #8ab93f;
|
|
background: #fff;
|
|
text-decoration:none;
|
|
}
|
|
|