/********************************************************* * CSS screen * * name: purple is my crown * * date: 2009.09.24 * author: erational * version: 0.6 * licence: GPL * **********************************************************/ @import "layout.css"; /***************** * tags *****************/ body { color: #4C4C4C; background:#FFF url(../img/bg0.png); font-family:Arial, Helvetica, verdana, sans-serif;} h1,h2,h3,h4,h5,h6,p,div,form { margin:0;padding:0;} a { color:#FFF;background:#000; text-decoration:none;padding:0 2px;} a:hover { background:#DDD;/*EEECD8;*/ color:#4C4C4C;} a.basic {padding:0;} 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; } form li {list-style:none;margin:0;padding:0;} fieldset {border:0;} legend {background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666;} label {display:block;font-weight:bold;} label span {color:red;} textarea {font-family:Arial, Helvetica, verdana, sans-serif;font-size:1em;} /* FF fix*/ /***************** * bodywrap *****************/ #bodywrap {} /***************** * banner *****************/ #banner {padding-top:2.4em; line-height:200%; } #banner h1{ border-top:20px solid #000;width:400px;} #banner img {margin:0;} #banner a {background:#FFF;color:#000;padding:0;} #banner a:hover {background:#000;color:#FFF;} #banner a.spip_out {background:#FFF;} #banner a.spip_out:hover {background:#000;color:#FFF;} #banner .desc {font-weight:bold;font-size:1.2em;line-height:120%;} #navlang {float:right;background:#fff;line-height:100%;} #navlang a {padding:5px;margin:0;float:left;} #navlang a.on {background:#000;color:#FFF;font-weight:bold;padding:5px;} /***************** * navbar *****************/ #navbar {clear:both;} /* menu */ #navbar ul {list-style:none;margin:0 0 1em 0;padding:0;} #navbar li {padding-top:0.4em;} #navbar ul.on {border-right:5px solid #000; padding:5px 10px;margin-top:5px;} #navbar ul.on a.on {color:#000;background:#FFF;} /***************** * container *****************/ #container {clear:both;} /***************** * footer *****************/ #footer {font-size:x-small;} #footer div {width: 610px;} #footer ul {list-style:none;margin:8px 0;padding:0;} #footer ul.first {padding-top:24px;} #footer li {margin:0;padding:0;display:inline} #footer a {padding:3px;} #footer a.rss {background:#000 url(../img/but_rss.png) no-repeat center right;padding-right:20px;} #footer a.rss:hover {background:#DDD url(../img/but_rss.png) no-repeat center right;;color:#4C4C4C;} #footer div.object {float:left;width:110px;} /* avec les trames */ #footer div {background:#fff;height:110px;width: 650px;} #banner span {background:#fff;padding:0 5px;} #banner h1 a {padding:0 5px;} #banner {margin-bottom:10px;} #content {width:640px;padding:0 5px 10px 5px;} /***************** * content *****************/ #content {font-size:0.88em;color:#50534D; background:#fff; line-height:1.4em; } #content h1,#content h2,#content h3 {color:#000;padding:5px;padding-left:0px;} #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 {margin-top:1em;} #content label.inline {display:inline;} #content p{margin:0.2em 0 0.8em 0;} #content #ariane {color:#C3C090;background:transparent url(../img/bg_ariane.png) no-repeat center left;padding-left:15px;} #content #ariane a {padding:2px;} #content #ariane a.on {font-weight:bold;} #content #ariane h1 {display:inline; } #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;border-top:1px solid #000;color:#000;} #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;} #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;} /* forum */ #content a.forum {margin:2.2em 0 1em 0;text-decoration:none;display:block;padding:4px 0 4px 37px;font-weight:bold;color:#B1B686;background:transparent url(../img/but_forum.png) no-repeat center left;} #content ul#forums {list-style:none;margin:0;padding:0;} #content ul#forums {margin:2em 0 0 0;padding:0;list-style:none;} #content ul#forums li {padding:6px;clear:both;} #content ul#forums li.odd {} #content ul#forums li.even {background:#fafafa;} #content ul#forums {text-decoration:none;font-weight:bold;} #content ul#forums strong {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:left;margin:3px 8px 3px 0;padding:10px 2px;} #content ul#forums span {font-weight:normal;color:#8D8E8D;} #content ul#forums div {font-weight:normal;margin:0.4em 0;padding:0 0 0 95px;} /* 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 { border-left:7px solid #000;padding-left:12px;} #content ul.puce2 li:hover { border-left:7px solid #DDD;} #content ul.puce2 li a {background:#fff;} #content ul.puce2 li a img {border:0;} #content a img {border:1px solid #aaa;} #content a:hover img {border:1px solid #0171bb;} #content a.discrete img {border:none;} #content #portfolio {margin:1em 0 0 0;border-top:1px solid #000;} #content #portfolio a {padding:0;} #content #portfolio div {width:160px;height:120px;float:left;} #content #portfolio div img {border:1px solid #eee;float:left;} #content #portfolio div img:hover {border:1px solid #697FC7;} #TB_window a {padding:0;} /* fix pour thickbox */ #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;} #content ul.discrete li a img {border:0 !important;} #content .item_syndic {background:#fafafa;padding:5px;margin-bottom:20px;} #content .item_syndic ul.discrete {background:#f0f0f0;} /* page plan */ #content h2 a.plan, #content ul.plan li a {background:#fff;} #content h2 a.plan:hover, #content ul.plan li a:hover {padding-left:30px;} #content h2 a.plan img {border:0 !important;} /* page recherche */ #content .formulaire_recherche label {display:none;} /* page sommaire*/ #content #home_focus_container { background:#f4f4f4;border:5px solid #f4f4f4;margin-bottom:10px; position:relative; z-index:1; /* http://www.mail-archive.com/jquery-en@googlegroups.com/msg85660.html */ } #content .home_focus_item {padding:5px;} #content .home_focus_item .illus {float:left;width:140px;text-align:left;} #content .home_focus_item .texte {float:left;width:430px;text-align:left;} #content .home_focus_item h1 {font-size:1.4em; margin:1em 0 0 0;} #content #home_focus_thumb {margin:-5px 0 0 0 ;} #content #home_focus_thumb ul {list-style:none;margin:0;padding:0;} #content #home_focus_thumb li {float:left;} #content .home_thumb_item {float:left;width:130px;border:5px solid #fff;/*#F9B700;*/} #content .home_thumb_item .legende { display:block;width:130px;font-size:0.9em; /*height:60px;position:relative;top:-70px; */ } #content .home_thumb_item .legende a {/*color:#fff;*/} #content .homebloc {margin:1em 0;margin-bottom:1px solid #eee;} /* agenda */ #content .event {border-top:1px solid #eee;padding:5px 0;clear:both; } #content .event a {text-decoration:none;} #content .event h2 {font-size:1.2em;margin-bottom:0;} #content .event h3 {float:right;width:300px;text-align:right;} #content .event h4 span {font-weight:normal;color:#888;} #content .event .illus {float:left;width:50px;padding-top:0.75em;} #content .event .illus img {padding-bottom:5px;} #content .event .event2 {float:left;width:570px;margin-bottom:1em;border-left:15px solid #B1B686;padding-left:24px;} /***************** * misc *****************/ .spacer { clear: both; } a.discrete {color: #4C4C4C;} a.discrete:hover { color:#FF8400; } /***************** * page lettre.html (formulaire) *****************/ .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) *****************/ /* lien */ /* a.spip_out{padding-right:16px;margin-right:4px;background:#000000 url(../img/spip_out.png) no-repeat right;} a.spip_out:hover {background:#EEECD8 url(../img/spip_out_hover.png) no-repeat right;} a.spip_in {} */ /* Document (version 2009.10.10) */ .spip_doc_titre {font-size:0.8em;} dl.spip_documents {} .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;} dl.spip_documents_center, .spip_documents_center { display: block !important; float:none;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;} dl.spip_documents a img {border: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: #888; } tt { color: #333; } .spip_cadre { width: 98%; padding: 4px; padding-top: 0.5em; background: #eee; color: #888; border: 1px inset #eee; border-left: 4px solid #888;} .spip_surligne {background: yellow;} /* Formulaires */ .reponse_formulaire {padding:5px;background:#efefef;} .formulaire_ecrire_auteur {margin:1.2em 0 0 0;} .formulaire_ecrire_auteur label {display:block;} .formulaire_ecrire_auteur ul {list-style:none;margin:0;} .formulaire_spip fieldset ul {padding:.2em;} .formulaire_lettre {background:#F7F1F0;margin:1.2em 0 0 0;padding-top:1em;} .formulaire_lettre .reponse_formulaire {margin:1em;background:#fff;border:2px dashed #DD9085;} .formulaire_lettre label {float:left;padding-right:8px;text-align:right;width:200px;} .formulaire_don {background:#F1F1F1;padding:5px;line-height:1.6em;margin-bottom:1em;} .formulaire_don_bicol {float:left;margin-top:10px;width:250px;text-align:center;padding:5px;} .formulaire_don_bicol img {vertical-align:middle;margin-right:8px;} .formulaire_don small {display:block;text-align:right;} .formulaire_don2 {background:#F1F1F1;padding:5px;line-height:1.6em;margin-bottom:1em;} .formulaire_don2 label {float:left;width:140px;text-align:right;margin-right:5px;} .formulaire_don2 li {clear:both;margin-bottom:0.2em;} /* 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;} /* CVT */ .reponse_formulaire_erreur {color:#900;} .formulaire_ok {color:#090;} .erreur_message {color:#900;float:right;font-size:x-small;} li.erreur input {background:#f90;color:#fff;}