/********************************************************* * CSS screen * * name: kawai desu * * date: 2009.06.16 * author: erational * version: 0.8 * licence: GPL 3 * * attention: * ce fichier est compresse et mise en cache par SPIP 2 **********************************************************/ @import "layout.css"; /***************** * tags *****************/ body { color: #000; background:#FFF; font-family:Georgia,Verdana,Arial, Helvetica, sans-serif;} h1,h2,h3,h4,h5,h6,p,div,form,ul { margin:0;padding:0;} a, a.spip_in, a.spip_out { color:#666; text-decoration:none; outline:none;} a:hover, a.spip_in:hover, a.spip_out:hover { color:#ff3365; } ul a {color:#000;} ul a:hover { color:#ff3365; } img {border:0;} hr {height:0;border:0;clear:both;} table {margin:0;border-collapse:collapse;} 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 {color:#fff;font-size:0;text-align:right;} #banner h1,#banner h2{display:none;} #banner img {margin:0;} /***************** * container *****************/ #container {clear:both;} /***************** * left menu *****************/ #menul {font-size:0.80em;padding-top:2px;} #menul a {text-decoration:none;color:#000;} #menul a:hover { color:#ff3365;} #menul ul {margin:5em 0 4em 0;padding:0;list-style-type:none;} #menul ul ul {margin:0;border-right:1px solid #999;} #menul ul li a {display:block;padding:1px 0 2px 0; } #menul ul li a:hover {} #menul ul li.on a { font-weight:bold; } #menul ul li.on li a { font-weight:normal; } #menul ul li li a { color:#666; margin-right:6px;} #menul ul li li a:hover { color:#ff3365; } #menul ul li li.on a { font-weight:bold; } /***************** * content *****************/ #content {font-size:0.80em;text-align:left;} #content h1 { font-size:2.0em;} #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.4em; margin:0;} #content h2 a {color:#000;} #content h2 a:hover { color:#ff3365; } #content label.inline {display:inline;} #content p{margin:0.2em 0 0.8em 0;} #content ul {margin:0 0 1em 2em;} #content form ul {margin:0;} #content legend {display:none;} /*#content img {margin:0 !important;padding:0 !important;display:none;}*/ #content .surtitre {} #content .surtitre2 {} #content .soustitre {} #content .texte {} #content .descriptif {font-weight:bold;height:3em;/*margin-bottom:2em;border-bottom:1px solid red;*/} #content .chapo {font-weight:bold;margin-bottom:1em;} #content .date {clear:both;margin:0.2em 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;} #content .article_preview {margin-top:1.2em;} #content .article_preview h1 {margin:0;font-size:1.4em;} #content .article_preview h2 {margin:0 0 .2em 0;font-size:1.8em;} #content .article_preview .meta_date {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 0px 3px 8px;padding:10px 2px;} #content .article_preview .meta {margin-bottom:0.5em;font-size:0.92em;} #content .article_preview small {display:block;text-align:right;margin-bottom:.6em;} #content .article_preview_liner {padding:12px 10px;border-bottom:1px solid #eee;margin:0 !important;} #content .article_preview_even {background:#F7F1F0;} #content .article_preview_even h2 {color:#9E8D8A;} /* voisin */ #neighbour {width:60px;float:right;font-size:1.1em;text-align:right;} #neighbour ul, #neighbour li { list-style-type: none;margin:0;padding:0;display:inline;} #neighbour a {text-decoration:none;margin-left:0;} /* listes */ #content ul.puce, #content ul.puce2 { margin: 0 0 0 45px;padding: 0; line-height: 1.3em;} #content ul.puce li, #content ul.puce2 li { list-style-type: none;} #content ul.puce li a {list-style-type:circle;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce1.gif) no-repeat 0 0;} #content ul.puce2 {margin-top:1em;} #content ul.puce2 h2 {font-size:1em;} #content ul.puce2 li a {list-style-type:circle;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce2.gif) no-repeat center left;font-weight:bold;font-size:1.2em;} #content ul.puce2 ul {margin: 0;padding: 0;/*border-bottom:1px solid #F2F6DF;*/ background:#F7F1F0;margin-bottom:1.4em;} #content ul.puce2 ul li {border-top:1px solid #fff;margin:0;padding:3px 3px 3px 24px;} #content ul.puce2 ul li a {list-style-type:none;text-decoration: none;padding-left:0;background:transparent;font-size:1em;} #content a.spip_in {} #content a.spip_in:hover {} #content a.spip_out {} #content a img {border:1px solid #aaa;} #content a:hover img {border:1px solid #0171bb;} #content a.lien_pagination {text-decoration:none;} #content a.discrete, #menul a.discrete {text-decoration:none;} #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 0 1em 0;list-style-type: none;} #content ul.discrete li a {padding:0;margin:0;text-decoration:none;} #content .item_syndic {background:#fafafa;padding:5px;margin-bottom:20px;} #content .item_syndic ul.discrete {background:#f0f0f0;} /* page sommaire*/ #content .home_news {margin-bottom:2em;} /***************** * 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;} .hidden {display:none;} /***************** * spip (reprise de dist + spip-contrib) *****************/ /* Document */ .spip_doc_titre {font-size:0.8em;} dl.spip_documents {} .spip_documents dt a img, #content .spip_documents dt a img {border:0;} .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;} img.spip_documents {margin:0.5em 0 0.5em 0;} /* 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 td { border:1px solid; } 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; } .formulaire_recherche label {} .formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; } .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;}