468 lines
17 KiB
CSS
468 lines
17 KiB
CSS
/*
|
|
Theme Name: Cubismo
|
|
Theme URI: http://colorlightstudio.com
|
|
Description: Free WP Theme by Igor Penjivrag
|
|
Version: 1.0
|
|
Author: Igor Penjivrag
|
|
Author URI: http://www.colorlightstudio.com/
|
|
|
|
Adapté pour Zpip - Decembre 2009
|
|
*/
|
|
|
|
/* --------------------------------------------------------- */
|
|
/* Feuille de style des squelettes par defaut pour SPIP 2.0 */
|
|
/* --------------------------------------------------------- */
|
|
|
|
/* couleurs utilisees
|
|
*
|
|
* - #559AD3 (bleu)
|
|
* - #a52a79 (rouge)
|
|
* - #75a546 (vert)
|
|
* - #eee (gris)
|
|
* - #b8c7da (gris bleu)
|
|
*/
|
|
|
|
|
|
/* ------------------------------------------
|
|
/* Typographie generale (style transversaux)
|
|
/* ------------------------------------------ */
|
|
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
|
|
body { font-family: Georgia, Times, serif; }
|
|
|
|
/* Titraille / Intertitres */
|
|
h1,h2,h3,h4,h5,h6,
|
|
.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
|
|
h1,.h1 { font-size:15px; color: #A52A2A; padding:10px 0; font-weight:bold;}
|
|
h2,.h2 { font-size: 15px; font-weight: normal; }
|
|
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
|
|
.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { color: #003; }
|
|
h3,.h3 { font-size: 15px ; font-weight: bold; padding:10px 18px; background: #fff;}
|
|
h3.spip {} /* Cf.: spip_style.css */
|
|
hr.spip {} /* 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:#898989; }
|
|
dfn { font-weight: bold; color: #666; }
|
|
del { text-decoration: line-through; }
|
|
ins { color: red !important; text-decoration: none; }
|
|
sup, sub { font-size: .8em; font-variant: normal; }
|
|
|
|
/* Listes */
|
|
ul li, ul.spip li {
|
|
background:transparent url(img/bullet.gif) no-repeat scroll 0 0.6em;
|
|
line-height:20px;
|
|
list-style-image:none;
|
|
list-style-position:outside;
|
|
list-style-type:none;
|
|
padding-left:25px;
|
|
}
|
|
ul, ul.spip {margin:0;padding:0.5em 2.5em;}
|
|
ul ul {margin:0;padding:0;}
|
|
ol.spip {margin:0;padding:0.5em 2.5em;} /* Cf.: spip_style.css */
|
|
dl {}
|
|
dt {}
|
|
dd {}
|
|
|
|
/* Citations, code et poesie */
|
|
cite {}
|
|
q {}
|
|
blockquote, blockquote.spip {
|
|
background: #f9f9f9 none repeat scroll 0 0;
|
|
border-bottom: 1px solid #eee;
|
|
border-left: 1px solid #eee;
|
|
color: #737373;
|
|
font-size:13px;
|
|
line-height:20px;
|
|
margin:10px auto;
|
|
padding:0 10px;
|
|
width:87%;
|
|
}
|
|
blockquote.spip_poesie {} /* Cf.: spip_style.css */
|
|
/* Cf.: spip_style.css */
|
|
.spip_code {color:#737373;}
|
|
.spip_cadre {color:#444; background-color: #fff; border: 1px solid #b8c7da; font-size:1em; padding:0.5em;width:90%; }
|
|
address {}
|
|
|
|
/* Tableaux */
|
|
/* Cf.: spip_style.css */
|
|
table.spip { width: 99%; }
|
|
table.spip tr.row_first { background: #559AD3; color:white;}
|
|
table.spip tr.row_odd {background: #f9f9f9;}
|
|
table.spip tr.row_even {background: #eee;}
|
|
table.spip td, table.spip th {border:white 2px solid;}
|
|
|
|
|
|
/* Logos, documents et images */
|
|
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 { background: url(img/bg.gif); margin: 0; padding: 0; text-align: center; }
|
|
|
|
#page { position: relative; width: 781px; margin: 0 auto; padding:0; text-align: left; }
|
|
|
|
#entete { width: 100%; margin: 0; padding-top: 10px; height:6.25em;}
|
|
#entete .accueil { display: block; width: 67%; padding-top: 25px; }
|
|
#entete .accueil .spip_logos { vertical-align: bottom; line-height: 1em; }
|
|
#entete .accueil #nom_site_spip { vertical-align: bottom; font-size: 30px; font-weight: normal; }
|
|
#entete .accueil #nom_site_spip a {color: #fff; }
|
|
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 25px; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
|
|
|
|
#slogan_site_spip {color: #8F8F8F; font-size: 13px; padding-top: 1px;}
|
|
|
|
#nav { font-size: 14px; position: relative; width: 100%;}
|
|
|
|
#conteneur { clear: both; overflow: hidden; padding:0 16px; width:749px; background: #eee url(img/content_wrap_bg.gif) 0 16px;}
|
|
#contenu { float:left; width:486px;}
|
|
|
|
#descriptif_site_spip {
|
|
background: #fff none repeat scroll 0 0;
|
|
float: left;
|
|
font-size: 14px;
|
|
margin: 10px 0 15px !important;
|
|
padding: 0 20px;
|
|
width: 100%;
|
|
}
|
|
|
|
#descriptif_site_spip p {padding:12px 0;margin: 0;}
|
|
#descriptif_site_spip p:last-child {padding:12px 0 0;}
|
|
|
|
#navigation, #extra { float: right; width: 216px; padding:15px; overflow: hidden; font-size:13px;}
|
|
|
|
#navigation {background: url(img/nav_margin_top.png) top repeat-x}
|
|
|
|
#pied {
|
|
clear: both;
|
|
background: #fff;
|
|
height: 2.7em;
|
|
border-top: #eee 15px solid;
|
|
border-bottom: #eee 15px solid;
|
|
padding: 10px 0px 0 10px;
|
|
line-height: 24px;
|
|
font-size: 12px;
|
|
}
|
|
#pied a { color: #2E2E2E; padding: 6px;}
|
|
#pied a:hover { color: #fff; background: #5EA3DB;}
|
|
#pied ul { width: 490px; float: left;}
|
|
#pied li {display: inline; list-style: none;}
|
|
#pied li a {display: block; float: left; padding: 0 6px; margin-right: 19px; color: #2E2E2E; }
|
|
#pied li.on a {color: #fff; background: #5EA3DB; }
|
|
#pied p { width: 100px; float: right; font-size: 11px; line-height: 3.5em;}
|
|
#pied p a {color: #A52A2A;}
|
|
#pied img { vertical-align: middle; }
|
|
|
|
/* ------------------------------------------
|
|
/* Habillage des elements du contenu
|
|
/* ------------------------------------------ */
|
|
|
|
/* Blocs de contenu */
|
|
#hierarchie, #descriptif_site_spip, #contenu .item, .cartouche, .chapo , .texte, .ps, .notes, #contenu h2, #contenu .h2, .hyperlien, .pagination, .forum-message, .repondre, .plan
|
|
{font-size:13px; margin: 0 0 15px 0; background:#fff; padding: 5px 15px 15px; width:456px;}
|
|
|
|
/* laisser le descriptif_site_spip dans le bloc navigation s'adapter à la dimension du bloc #navigation */
|
|
#navigation #descriptif_site_spip {
|
|
width:auto;
|
|
}
|
|
#hierarchie { clear: both; margin-top:15px; padding: 10px 18px; width:450px;}
|
|
|
|
.cartouche { margin-bottom:1px;}
|
|
.cartouche .spip_logos { float: right; margin-top: 12px; margin-left: 16px; margin-bottom: 4px; }
|
|
.cartouche .info-publi { margin: 0; padding: 0; clear: left; }
|
|
|
|
.info-publi {font-size: 12px !important; line-height:20px;}
|
|
.info-publi abbr {border: 0; }
|
|
.info-publi a { text-decoration: none; color: #559AD3; }
|
|
.info-publi a:hover {text-decoration: underline; }
|
|
|
|
.chapo { line-height: 20px; margin-bottom:1px;}
|
|
.texte { line-height:20px; }
|
|
.texte p, .chapo p {padding:10px 0;margin:0;}
|
|
.ps, .notes { line-height: 20px; }
|
|
.notes { clear: both;}
|
|
.notes p {font-size: 12px;}
|
|
.chapo p:last-child, .texte p:last-child, .hyperlien p.hyperlien, .ps p:last-child, .notes p:last-child {padding:10px 0 0; margin: 0;}
|
|
|
|
#contenu .ps h2, #contenu .notes h2, #contenu .ps .h2, #contenu .notes .h2 {padding:0;margin:0;}
|
|
|
|
/* Portfolio */
|
|
.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
|
|
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #b8c7da; }
|
|
.documents_portfolio a.on .spip_logos { border-color: #b8c7da; }
|
|
.documents_portfolio a:focus .spip_logos,
|
|
.documents_portfolio a:hover .spip_logos,
|
|
.documents_portfolio a:active .spip_logos { border-color: #559AD3; }
|
|
|
|
|
|
/* ------------------------------------------
|
|
/* Sous-navigation et autres menus
|
|
/* ------------------------------------------ */
|
|
|
|
/* Habillage general des menus de navigation */
|
|
|
|
#nav ul {width: 100%;padding:0;}
|
|
#nav li {
|
|
display: block;
|
|
line-height: 2.5em;
|
|
float: left;
|
|
margin-right: 10px;
|
|
background: url(img/menu_left_bg.gif) no-repeat left;
|
|
font-weight: bolder;
|
|
padding: 0;
|
|
}
|
|
#nav li a {
|
|
line-height: 2.5em;
|
|
display: block;
|
|
background: url(img/menu_bg_right.jpg) repeat-x right;
|
|
margin-left: 1px;
|
|
color: #fff;
|
|
padding-left: 19px;
|
|
padding-right: 20px;
|
|
}
|
|
* html #nav li a {width: 1%;}
|
|
#nav li.on, #nav li.on a { background: #fff; color: #559AD3; }
|
|
#nav li.on a:hover { text-decoration: none; }
|
|
|
|
#nav li.menu-entree ul.menu-liste { display:none; } /* Pas de sous menus actuellement */
|
|
|
|
#navigation .menu {}
|
|
#navigation .menu a {/*color:#666;*/} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
|
|
#navigation .menu-liste, #navigation .liste-items, #extra .liste-items {padding:10px 0;margin:0;}
|
|
#navigation .menu-liste .menu-entree, #navigation .liste-items .item, #extra .liste-items .item {
|
|
background:transparent url(img/bullet.gif) no-repeat 0 9px;
|
|
line-height:23px;
|
|
padding-left:23px;}
|
|
#navigation .menu-liste .menu-entree .menu-liste { }
|
|
#navigation .liste .h2 {}
|
|
#navigation .formulaire_recherche {margin-bottom: 15px;}
|
|
|
|
#navigation h2, #extra h2, #navigation .h2, #extra .h2, #navigation h2 a, #extra h2 a, #navigation .h2 a, #extra .h2 a {
|
|
color:#75A546;
|
|
font-size:13px;
|
|
line-height:18px;
|
|
padding:10px 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#navigation p, #extra p {line-height:20px; padding:10px 0;}
|
|
|
|
#navigation .formulaire_spip, #extra .formulaire_spip {width:216px;margin: 15px 0;padding:0;}
|
|
#navigation form, #extra form {width:184px;margin:0;padding: 15px;}
|
|
#navigation input.text, #extra input.text {width:184px; padding: 5px 0; margin:0;}
|
|
|
|
|
|
/* Pagination */
|
|
.pagination { clear: both; text-align: right; margin-bottom:0;padding: 10px 15px;}
|
|
.pagination .on { font-weight: bold; color: #666; }
|
|
|
|
|
|
/* Rubriques */
|
|
/*
|
|
.rubriques ul { border: 0; }
|
|
.rubriques ul li { background: #EEE; border: 0; }
|
|
*/
|
|
|
|
/* Listes d'articles et extraits introductifs */
|
|
.liste-items {margin:0;padding:0;}
|
|
.liste-items .item {}
|
|
.liste-items .item .h3, .liste-items .item .h3 a { font-size:15px; color: #A52A2A; padding:10px 0; font-weight:bold; }
|
|
.liste-items .item .h3 a:hover { text-decoration: underline;}
|
|
.liste-items .item .info-publi { display:block; }
|
|
|
|
.liste.articles .spip_logos { float: right; clear: right; margin: .8em 0 4px 16px; }
|
|
.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}
|
|
|
|
.meta-publi {clear: both; margin:0 -15px;border-top: 1px solid #eee; padding: 10px 15px 0; font-size: 12px;}
|
|
|
|
#contenu h2, #contenu .h2, .repondre {clear: both; margin-top:15px; padding: 10px 18px; width:450px; font-size:15px; font-weight: bold;}
|
|
|
|
/* Forums
|
|
----------------------------------------------- */
|
|
|
|
ul.forum,li.forum-fil {margin: 0; padding: 0; list-style: none; }
|
|
|
|
.forum-message {font-size: 13px ;line-height: 20px;}
|
|
.forum-message p { padding: 10px 0; margin: 0; }
|
|
.forum-message p.repondre {padding-bottom: 0px;}
|
|
.forum-chapo {clear: both; margin:0 -15px;border-bottom: 1px solid #eee; padding: 10px 15px; }
|
|
.forum-chapo small {font-size: 13px; padding-left:5px;}
|
|
.repondre {margin:0;}
|
|
.repondre a { color: #000; }
|
|
|
|
|
|
/* Couleurs des liens
|
|
---------------------------------------------- */
|
|
a { color: #559AD3; text-decoration: none; }
|
|
a:focus,a:hover,a:active { text-decoration: underline; }
|
|
a.spip_out, a.spip_glossaire {
|
|
color: #559AD3;
|
|
background:transparent url(img/out.gif) no-repeat scroll right center;
|
|
padding-right:12px;
|
|
}
|
|
|
|
/* ------------------------------------------
|
|
/* Habillage des formulaires
|
|
/* ------------------------------------------ */
|
|
input, select, textarea { font-size: 100%; font-family: inherit; }
|
|
|
|
|
|
/* Structure generale des formulaires
|
|
----------------------------------------------- */
|
|
.formulaire_spip { clear: both; margin: 0 0 15px 0; padding: 15px; border: 0; text-align: left; font-size:13px; background:#fff; width:456px;}
|
|
*:last-child.formulaire_spip {margin-bottom:0;}
|
|
.formulaire_spip form {
|
|
background: #fafafa;
|
|
width: 440px;
|
|
border: #ededed 1px solid;
|
|
padding: 15px 0 15px 15px;
|
|
margin: 0 auto;} /* Bug IE/Win */
|
|
|
|
.formulaire_spip li {background: none; padding: 0px 0 5px 0; line-height: 20px;}
|
|
|
|
.formulaire_spip input.text, .formulaire_spip textarea {
|
|
border: #eee 1px solid;
|
|
background: #fff;
|
|
padding: 5px;
|
|
font-size: 15px;
|
|
font-family: Georgia;
|
|
}
|
|
|
|
/* Fieldset */
|
|
.formulaire_spip fieldset { clear: both; margin: 0; padding: 0; border: 0; }
|
|
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 15px; font-weight: bold; } /* Preciser la couleur des legend et du fond pour IE/Win */
|
|
.formulaire_spip fieldset fieldset { margin-top: 15px; }
|
|
.formulaire_spip fieldset fieldset legend { font-size: 13px; 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; font-weight:normal; color: #000; text-align: left; /* 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: 184px; border: #eee 1px solid;}
|
|
.formulaire_spip textarea {
|
|
border: #eee 1px solid;
|
|
width: 415px;
|
|
height: 170px;
|
|
padding: 3px;
|
|
font-size: 15px;
|
|
font-family: Georgia;
|
|
}
|
|
.formulaire_spip select { width: 415px; }
|
|
|
|
/* Boutons */
|
|
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align:left; }
|
|
.formulaire_spip .boutons input {margin-left:0; cursor: pointer;}
|
|
.formulaire_spip .boutons input, input.submit {color: #4f4f4f;background:#b6e477;border:1px solid #81c227;padding:3px 6px;}
|
|
.formulaire_spip .boutons input:hover, input.submit:hover {background:#ade166;cursor:pointer;}
|
|
|
|
|
|
/* Reponses, previsu et erreurs
|
|
----------------------------------------------- */
|
|
|
|
/* Champs obligatoires */
|
|
.formulaire_spip li.obligatoire {}
|
|
.formulaire_spip li.obligatoire label {}
|
|
|
|
/* Previsualisation du message */
|
|
.formulaire_spip fieldset.previsu { margin-bottom: 16px; 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%; }
|
|
|
|
/* Selection des langues */
|
|
#entete .formulaire_spip, #entete .formulaire_spip form { padding: 0; margin:0 ; background: none; border:0;}
|
|
#entete .formulaire_spip form {width:100%;}
|
|
#entete .formulaire_spip label {color: #fff;}
|
|
#entete .formulaire_spip select {width:95%;}
|
|
|
|
/* Formulaires de recherche (site / petitions) */
|
|
.formulaire_recherche { margin: 0; padding: 0; background: none; clear:both;}
|
|
.formulaire_recherche * { display: inline; vertical-align: middle; }
|
|
.formulaire_recherche label {display:none;}
|
|
#navigation .formulaire_recherche input.text {
|
|
background: #fff;
|
|
border: #B8C7DA 1px solid;
|
|
width: 136px;
|
|
height: 21px;
|
|
font-size: 13px;
|
|
padding: 3px 2px 0 3px;
|
|
}
|
|
.formulaire_recherche input.submit {}
|
|
|
|
/* 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;}
|
|
|
|
/* Copyright */
|
|
|
|
#copyright {
|
|
width: 781px;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
padding: 15px 0 25px 0;
|
|
color: #8F8F8F;
|
|
}
|
|
|
|
#copyright p {
|
|
line-height: 19px;
|
|
}
|