/********************************************************* * CSS screen - deco * * name: ATD Quart Monde reloaded * * date: 2007.05.14 * author: erational * version: 0.4 * licence: GPL * **********************************************************/ /* tags */ body { font-family: Comic Sans MS, Arial, Verdana, sans-serif; font-size:100%; color: #05A; background: #DDEBF4; background: url(../img/background0.png);} div, form, fieldset, img, ul, li, p {padding:0;margin:0;} img {border:0;} a {color:#05A; text-decoration:none;} a:hover { color:#579;text-decoration:underline;} /*h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-size:1em;font-weight:normal;}*/ h1 span,h2 span,h3 span, h4 span,h5 span,h6 span {display:none;} /* container */ #container { background: transparent;} #container #wrapper { background: transparent url(../img/background.png) repeat-y top left; /*border:1px solid red;*/} #container #wrapper #content #droite { float:right;} #container #wrapper #header { background: transparent url(../img/bulle.png) no-repeat top left; } #container #wrapper #header #bulle #grostitre { font-size:150%; color:#05A; text-align:center;margin:auto;width:275px;} #container #wrapper #texte {width:700px;padding:0px 5px;margin:0px;margin-top:20px;border:0px;text-align:left;} #container #wrapper #bandehaut { height:10px;font-size:0px;width:710px;background: transparent url(../img/bandehaut.png) no-repeat top left; } #container #wrapper #bandebas { height:10px;font-size:0px;width:710px;background: transparent url(../img/bandebas.png) no-repeat top left; } #container #wrapper #bandemilieu {width:690px;padding:0px 10px;margin:0px;border:0px;} #container #wrapper #bandemilieu { background: transparent url(../img/bandemilieu.png) repeat-y top left; } #container #wrapper #banderubhaut { height:10px;width:450px;font-size:0px;background: transparent url(../img/banderubhaut.png) no-repeat top left; } #container #wrapper #banderubbas { height:10px;width:450px;font-size:0px;background: transparent url(../img/banderubbas.png) no-repeat top left; } #container #wrapper #banderubmilieu {width:440px;padding:0px 5px;margin:0px;border:0px;} #container #wrapper #banderubmilieu { background: transparent url(../img/banderubmilieu.png) repeat-y top left; } #container #wrapper #banderubmilieu { font-weight:normal;text-align:left; } #container #wrapper #bandedroitehaut { height:10px;width:250px;font-size:0px;background: transparent url(../img/bandedroitehaut.png) no-repeat top left; } #container #wrapper #bandedroitebas { height:10px;width:250px;font-size:0px;background: transparent url(../img/bandedroitebas.png) no-repeat top left; } #container #wrapper #bandedroitemilieu {width:230px;padding:0px 10px;margin:0px;border:0px;} #container #wrapper #bandedroitemilieu { background: transparent url(../img/bandedroitemilieu.png) repeat-y top left; } #container #wrapper #bandedroitemilieu { font-weight:normal;text-align:left; } .sousrub { width:210px;padding:0px;margin:0px;border:0px;} .sousrub { background: #FFE79C;} .sousrub { font-size: 120%;text-align:left; } #container #footer { background: transparent url(../img/bg_footer.png) repeat-y bottom left; /*border:1px solid red;*/} /* tools */ #tools { font-size:9px;} #tools ul { list-style:none; display:inline;} #tools ul li { display:inline;} #tools ul li a{ margin:0 0 0 3px;} /* langbar */ #langbar { font-size:0.75em;} #langbar a {margin:0 3px 0 0;} #langbar a.more {margin:0 0 0 12px;} /* path */ #path {clear:both;} /* MSIE6 bug */ #path { color:#94999f; margin:8px 0 18px 0;} #path a { color:#94999f; } #path a:hover {color:#6a6e72;} #path img { vertical-align:baseline;} #path .inactive { color:#585a5c;} /* content */ #content {text-align:left;} #content h2 {color:#00a2e5;font-size:1.4em; margin:0 0 0.2em 0;} #content h3 {font-size:1em; margin:0.4em 0 0.4em 0;font-weight:bold;} #content h4 {font-size:1.6em; margin:1.8em 0 0.2em 0; color:#9a9b43;} #content h5 {font-size:1.4em; margin:0.6em 0 0.1em 0; color:#9a9b43;} #content .logo {} #content .logo_rub { float:right; margin:0 0 5px 5px;} #content .desc {font-weight:bold; color:#777; margin:8px 0 16px 0;} #content .hyperlink {margin: 0 0 14px 0; font-weight:bold; /*background:#f7f7f7; padding:9px; */ text-align:right; } #content .syndic { padding:16px;} #content .notes {margin:20px 0 10px 0; padding-top:5px;font-size:0.90em; border-top:1px solid #eee; } #content .pagination {width:100%; margin:10px 0; padding:8px;/*background:#eee;*/color:#888;} #content .pagination a {font-weight:bold;} /* spip */ .spip_surligne { background: yellow;} a.spip_out {text-decoration:underline;margin:0 3px;} a.spip_in { text-decoration:underline; margin:0 3px;} p.spip { margin: 0 0 1.2em 0;} .spip-admin-float {} .spip-admin-boutons {} img.spip_logos {margin:0 8px 8px 0 !important;} /* column */ #column a {color:#05A; text-decoration:none;} #column a:hover { color:#D60;text-decoration:underline;} #column .menu { width:250px;height:65px;} #column .menupos { padding-left:85px;padding-right:25px;padding-top:30px;font-size:0.9em;font-weight:bold; text-align:center;} #column .sousmenu { font-size:1em;font-weight:normal;text-align:left; } #column #sousmenuhaut { height:15px;width:250px;font-size:0px;background: transparent url(../img/sousmenuhaut.png) no-repeat top left; } #column #sousmenumilieu { height:auto;width:220px;padding:0 15px; background: transparent url(../img/sousmenumilieu.png) repeat-y top left; } #column #sousmenubas { height:10px;width:250px;font-size:0px;background: transparent url(../img/sousmenubas.png) no-repeat top left; } /* footer */ #footer { color:#222222; font-size:0.9em; } #footer ul { list-style:none; margin:5px 0;} #footer ul li { display:inline;} #footer ul li a { margin: 0 4px;} #footer a { color:#444444; } #footer a:hover { color:#444444; } .navigation { text-align:center; font-weight:normal; } .titrerub { font-weight:bold; text-align:center; font-size:1.1em;} .cadre-left-3 {float:left;width:200px; margin-left:5px;margin-right:5px;} .cadre-center-3 {margin:auto;width:200px;} .cadre-right-3 {float:right;width:200px; margin-left:5px;margin-right:5px;} .cadre-left-2 {float:left;width:300px; margin-left:10px;margin-right:10px;} .cadre-right-2 {float:right;width:300px;margin-left:10px;margin-right:10px; } .cadre-center-1 {margin:auto;width:600px; } /* normalement ces 3 suivants sont inutiles */ .cadre-left-1 {margin:auto;width:600px; } .cadre-center-2 {float:left;width:300px; } .cadre-right-1 {margin:auto;width:600px; } /****************************************** PLAN DU SITE : affichages spécifiques au plan du site (plan.html) ******************************************/ ul.plan { margin: 0 4px; padding:0; } ul.plan ul { margin: 0 4px; padding:0; } ul.plan li { list-style-type: none; margin: 4px 0 4px 20px; padding:0; } ul.plan li.rubriques { margin: 10px 0 10px 20px; } ul.plan li.rubriques strong { border: 1px solid #ff7200 ; -moz-border-radius: 5px; background-color:#fffef2 ; padding:2px; font-size:14px; } ul.plan li.articles strong { border: none ; background:none; padding:0; font-size:12px; } ul.plan li.rubriques strong a { color: #05A ; text-decoration:none; } td.petititre a { font-weight:normal; font-size:0.5em; text-decoration:none; } .spip_documents { text-align: center; width:130px;} .spip_documents_center { clear: both; width: 100%; margin: auto; } span.spip_documents_center { display: block; } .spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; } .spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; } .spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; } .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; } /* ------------------------------------------ /* Habillage des forums /* ------------------------------------------ */ .forum-repondre { clear: both; text-align:right; margin-top: 2.5em; padding-top: 2px; /*border-top: 2px solid #CCC;*/ font-size: 0.88em; font-weight: bold; } .forum-decompte { margin-top: -2.5em; padding-top: 2px; /*border-top: 2px solid #CCC;*/ font-size: 0.25em; font-weight: normal; } /* * Habillage des forums */ ul.forum { display: block; clear: both; margin: 0; padding: 0; } ul.forum, ul.forum ul { list-style: none; } .forum-fil { margin-top: 1.5em; } .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; } .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; } .forum-chapo small {} .forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; } .forum-texte .forum-lien {} .forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; } /* Boite d'un forum : eclaircissement progressif des bords */ ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; } ul ul .forum-message { border: 1px solid #A4A4A4; } ul ul ul .forum-message { border: 1px solid #B8B8B8; } ul ul ul ul .forum-message { border: 1px solid #CCC; } ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; } ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; } /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */ ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; } ul ul .forum-chapo { background: #D4E8E8; } ul ul ul .forum-chapo { background: #E4F0F0; } ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; } ul ul ul ul ul .forum-chapo { background: #FFF; }