/********************************************************* * CSS screen - * * name: taro-ushi * * date: 2009.09.22 * author: erational * version: 0.7 * licence: GPL * * attention: * ce fichier est compresse et mise en cache par SPIP 2 **********************************************************/ /* fichier de disposition des blocs */ @import "layout.css"; /***************** * tags *****************/ body { color: #000; background:#FFF; font-family:Arial, Helvetica, verdana, sans-serif;} h1,h2,h3,h4,h5,h6,p,div,form { margin:0;padding:0;font-weight:normal;font-size:1em;} a { color:#D31E8A;text-decoration:none; } a:hover { color:#FF0098; } img {border:0;} hr {height:0;border:0;clear:both;} table {margin:0;border-collapse:collapse;/*width:95%;*/} table.spip {margin:-0.8em 0 0.6em 0;} td {font-size:0.8em;} form { margin: 0; padding-left: 5px; } fieldset {border:0;} legend {background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666;} label span {color:red;} textarea {font-family:Arial, Helvetica, verdana, sans-serif;font-size:1em;} /* FF fix*/ object {outline:none; /* to remove gray border when hit flash with FF*/} /***************** * bodywrap *****************/ #bodywrap {} #bodywrap2 {} /***************** * banner *****************/ #banner {padding-top:.5em;color:#848484;} #banner h1, #banner h2 {width:650px;} /* hack pour eviter asc. */ #banner h1 {background:transparent url(../img/logo.png) no-repeat top left;height:67px;} /* hauteur pour passer le logo*/ #banner h1 a {color:#FF921D;font-weight:bold;padding-left:105px;} #banner h2 {font-size:0.8em;position:relative;top:-3.6em;left:105px;} #banner h2 a {font-weight:bold;} #banner a:hover {color:#000;} /* formulaire recherche */ #banner_tools {width:210px;position:absolute;top:.5em;margin-left:675px;/*border:1px solid red;*/} #banner_tools form {float:right;display:inline;} #banner_tools form div {/*display:inline;*/width:140px;height:16px;margin-right:.6em;background:#fff; border:1px solid #ccc;border-right:1px solid #aaa;border-bottom:1px solid #aaa;} #banner_tools label {display:none;} #banner_tools input {float:left;} /* bug IE espace blanc*/ #banner_tools input.text {border:1px solid #fff;font-size:11px;width:120px;margin:0;padding:0 0 0 2px;} #banner_tools input.image {margin:0;padding:0;} #banner_tools div.link {clear:both;text-align:right;padding:.6em .6em 0 0;} #banner_tools a.rss {font-size:0.8em;color:#848484;background:transparent url(../img/but_rss.png) no-repeat center left;padding:5px 0 5px 20px;} #banner_tools a.rss:hover {color:#000;} /***************** * navbar *****************/ #navbar {clear:both;font-size:0.9em;} #navbar div {width:755px;margin:0 auto;text-align:left;padding-left:82px;} /* menu */ #navbar h1 {float:left;} #navbar h1 a {display:block;width:100px;padding:0.4em 0.4em 0.4em 0.8em;background:#FF921D;color:#FFF;margin-right:4px;} #navbar h1 a:hover {background:#E88419;} #navbar h1 a.on {background:#D31E8A;} #navbar h1 a.on:hover {background:#B51976;} /***************** * container *****************/ #container {clear:both;} /***************** * footer *****************/ #footer {clear:both;font-size:0.9em;margin-bottom:1em;text-align:center;} #footer div {width:885px;margin:0 auto;text-align:left;background:#FF921D;} #footer ul {list-style:none;margin:0 0 0 1em;padding:0.6em 0;} #footer li {margin:0;padding:0 0.7em;display:inline;border-left:1px solid #fff;} #footer li.first {border-left:1px solid #FF921D;} #footer a {text-decoration:none;color:#FFF;} #footer a:hover {color:#000;} #footer #licence {float:right;width:235px;background:#D31E8A;padding:0.6em 0;} #footer #licence a {margin:0 1em;background:url(../img/but_cc.png) no-repeat center right;display:block;} /***************** * left menu *****************/ #menul {color:#50534D;font-size:.9em;} #menul h1 {font-size:1em;background:#D31E8A;color:#fff;padding:0.4em 0.7em;} #menul a {text-decoration:none;} #menul ul {margin:1.4em 0;padding:0;list-style-type:none;} #menul ul li {text-align:left;} #menul ul li a {color:#5B5B5B;display:block;padding:0.1em;font-size:.88em;} #menul ul li.on a {font-weight:bold;} #menul ul li a:hover {color:#aaa;} #menul .info_site {margin-bottom:2em;color:#8D8D8D;text-align:center;} #menul .info_site small {display:block;margin-top:.4em;} /* formulaire abonnement */ #menul form {font-size:x-small;background:#F4F4F4;padding:10px;} #menul input {font-size:x-small;} #menul label {display:none;} #menul input.email {width:130px;border:1px solid #000;padding-left:2px;} /***************** * content *****************/ #content {font-size:0.88em;color:#50534D;} #content h1,#content h2,#content h3 {color:#CE91B5;} #content h1 { font-size: 1.8em; margin:0.8em 0 0.4em 0;} #content h1 a {text-decoration:none;} #content h1 a span {color:#8D8E8D;font-size:0.8em;font-weight:normal} #content h1 a img {border:1px solid #fff;} #content h1.hidden {display:none;} #content h2, #content h3{ font-size: 1.2em; margin:0.3em 0 0.2em 0;} #content h3 {font-weight:bold;margin-top:1em;} #content label.inline {display:inline;} #content p{margin:0.2em 0 0.8em 0;} #content .liner {clear:both;border-top:1px solid #ededed;} #content .dater {float:left;width:90px;font-size:.9em;padding:14px 0 0 5px;} /* item*/ #content .item {float:right;width:520px;text-align:justify;margin-bottom:0.4em;padding:5px 10px 10px 10px;} #content .item:hover {background:#F6F9E1;} #content .item h2 {margin-bottom:0;} #content .item h2 a {font-weight:bold;font-size:1.1em;color:#FF921D;padding-left:0px;} #content .item h2 a:hover {color:#758218;} #content .item a {color:#848484;padding-left:2px;} #content .item a:hover {color:#000;} #content .item div {float:right;padding:10px 0 2px 15px;} #content .item_next {text-align:right;padding:0.8em 0;} #content .item_next a {color:#848484;padding-left:2px;} #content .item_next a:hover {color:#000;} /* generique*/ #content .surtitre {font-weight:bold;margin:1em 0 -1em 0;} #content .surtitre2 {font-weight:bold;margin:1.2em 0 0 0;} #content .soustitre {} #content .texte {} #content .descriptif {} #content .chapo {font-weight:bold;margin-bottom:1em;} #content .date {clear:both;margin:1em 0; color:#B2B5A5;} #content .license_detail {clear:both;margin: 0; color:#B2B5A5;} #content .auteur {margin-bottom:1em; color:#B2B5A5;} #content .auteur a {text-decoration:none;font-weight:bold;} #content .note {font-size:0.88em;border-top:1px solid #eee;padding-top:0.5em;margin-top:1em;} #content .pagination {margin:1em 0;} /* listes */ #content #portfolio {margin:1.2em 0 0 0;} #content #portfolio .gallery-thumb {width:140px;height:200px;float:left;} #content #portfolio .gallery-thumb img {border:1px solid #fff;} #content #portfolio .gallery-thumb img:hover {border:1px solid #697FC7;} #content .docjoint {float:left;width:150px;margin:15px 25px 0 0;} #content .docjoint a img{border:0;} #content .cadre {border:1px solid #57D300;} #content .bicol {width:45%;float:left;margin:0 10px 0 0;} #content .bicol h3 {color:#fff; font-size:1.1em;background:#57D300;padding:2px;margin:0;} #content .bicol ul {padding:0;margin:4px 4px 15px 4px;list-style-type:none;} #content .bicol ul li {margin-bottom:4px;font-size:0.98em;} #content .bicol ul li a {padding:0;margin:0;text-decoration:none;} #content .bicol ul li a.on {color:#d00;} #content .puce_active ul.spip {margin-left:18px;list-style-type:disc !important;} #content ul.discrete {padding:0;margin:0;list-style-type: none;} #content ul.discrete li {padding:5px;/*border-bottom:1px solid #ddd;*/margin-bottom:5px;} #content ul.discrete li.odd0 {background:#76c9ff;/*#DDEEF9;*/} #content ul.discrete li.odd1 {background:#d2e7ff;/*#F2F8FF;*/} #content ul.discrete li a {padding:0;margin:0;text-decoration:none;} /* page recherche */ #content .formulaire_recherche label {display:none;} /* page sommaire*/ #content .home_last_news {border-left:8px solid #FFFF14;padding:0 10px 10px 10px;margin:0.5em 0;} #content ul#home_news {margin:0;padding:0;list-style:none;border-top:1px solid #eee;} #content ul#home_news li {padding:4px 0;border-bottom:1px solid #eee;} #content ul#home_news a {text-decoration:none;font-weight:bold;} #content ul#home_news a strong {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:right;margin:3px 0 8px 3px;padding:10px 2px;} #content ul#home_news a span {font-weight:normal;color:#8D8E8D;/*float:left;width:300px;padding:5px 0;*/;display:inline;} #content ul#home_news img {margin:8px 8px 8px 0;} #content .focus {margin:0 0 1em 0;padding:10px;border:1px dashed #00B0E8;background:#fff;} #content .home_focus h1 {font-size:1.4em; margin:0;} /***************** * misc *****************/ .spacer { clear: both; } .row { clear: both; padding-top: 10px; } .row label { float: left; width: 90px; padding-right:20px; text-align: right; } .required {color:#f00;} .warning { margin: 5px; padding: 15px 15px 15px 60px; background: #fff url(../img/but_warning.png) no-repeat 5px 5px;} .congratulation { margin: 5px; padding: 15px 15px 15px 60px; background: #fff url(../img/but_congratulation.png) no-repeat 5px 5px;} /***************** * spip (reprise de dist + spip-contrib) *****************/ /* lien */ a.spip_out{padding-right:14px;background:transparent url(../img/spip_out.gif) no-repeat right;} /* Document */ .spip_doc_titre {font-size:0.8em;} dl.spip_documents {/*width:120px; text-align:center;*/} .spip_documents dt a img, #content .spip_documents dt a img {border:0;} .spip_documents a.spip_out {background:transparent !important;text-decoration:none!important;border:0px #fff !important;} /* pour eviter les bordures sur lien img [->url] */ .spip_documents_left { float: left; margin-right: 8px; margin-bottom: 8px;} .spip_documents_right { float: right; padding-left: 8px; padding-bottom: 8px;} .spip_documents_center { display: block !important; text-align: center; margin: 5px auto;} .spip_doc_titre, .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; } img.spip_logos {margin:0 8px 8px 0 !important;} /* Paragraphes, citations, code et poesie */ blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; } blockquote, blockquote.spip { margin: 1em 0; padding : 4px 1em 4px 1em; border: 1px solid #CCC; border-left: 4px solid #A0C0E0;color: #333;} .spip_poesie { margin: 1em; padding-left: 1em; border-left: 1px solid; font-family: Garamond, Georgia, Times, serif; } .spip_poesie div { text-indent: -60px; margin-left: 60px; } tt, .spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em;} .spip_code { color: #345DA4; } tt { color: #333; } .spip_cadre { width: 98%; padding: 4px; padding-top: 0.5em; background: #eee; color: #3465a4; border: 1px inset #eee; border-left: 4px solid #345DA4;} .spip_surligne {background: yellow;} /* Tableaux */ table.spip { margin: auto; margin-bottom: 1em; border: 1px solid; border-collapse: collapse; font-size:14px; font-weight:bold; } table.spip caption { caption-side: top; text-align: center; margin: auto; padding: 3px; font-weight: bold; } table.spip tr.row_first { background: #FFC; } table.spip tr.row_odd { background: #DDD; } table.spip tr.row_even { background: #EEE; } table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; } table.spip a img {border:0;} .table_adherent th {font-size:10px;} .table_adherent td {border:1px solid #888;} /***************** * spip : formulaire (reprise de dist) *****************/ 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 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_adherent label {float:left;padding-right:8px;text-align:right;width:200px;} .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 { } /* Boutons */ .formulaire_spip .boutons { clear: both; margin: 0; padding: 0; } .formulaire_spip .boutons input { margin-left: 1em; } .formulaire_spip .boutons input, input.submit {} /* Reponses, previsu et erreurs ----------------------------------------------- */ /* Champs obligatoires */ .formulaire_spip li.obligatoire {} .formulaire_spip li.obligatoire label {} /* 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%; } /* Selection des langues */ .formulaire_menu_lang { margin: 0; padding: 0; background: none; } /* Formulaires de recherche (site / petitions) */ .formulaire_recherche { margin: 0; padding: 0; background: none; } .formulaire_recherche * { display: inline; vertical-align: middle; } /* 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;}