annotate css/Brushed.css @ 11:ff57b45eda37

Changement profond de l'index. Utilisation des templates. Dual Blog utilise maintenant intimement la libraire de templates que l'on peut trouver sur http://hg.defr.org/defr/templates, ce qui permet d'eviter de mixer du code PHP avec du HTML. Accessoirement, on est aussi assurer d'avoir du XML valide, puisque c'est l'API DOM qui est utilisée pour générer la sortie.
author Franck Deroche <webmaster@defr.org>
date Wed, 24 Oct 2007 20:06:00 +0200
parents 629389204276
children
rev   line source
webmaster@0 1 /* Dual Blog v10 : OS Edition
webmaster@0 2 Brushed Version */
webmaster@0 3
webmaster@0 4 #Link, #Link li, dl, dt, dd {display:block; margin:0px;list-style-type:none;}
webmaster@0 5
webmaster@0 6 html {margin:0px;background:#EFEFEF;
webmaster@0 7 font-family:Tahoma, Verdana, Arial, serif;font-size:11px;}
webmaster@0 8
webmaster@0 9 p {margin:0px;padding:0px;}
webmaster@0 10
webmaster@0 11 #Main {margin:0px;margin-left:-374px;margin-top:-286px;left:50%;top:50%;
webmaster@0 12 position:absolute;width:768px;height:573px;overflow:hidden;
webmaster@0 13 padding-top:85px;padding-left:4px;padding-right:9px;
webmaster@0 14 background:url('./Res_Brushed/Fond_Main.jpg') no-repeat;}
webmaster@0 15
webmaster@0 16 #Adresse {position:absolute;left:512px;top:57px;width:237px;}
webmaster@0 17
webmaster@0 18 #Link {position:absolute;left:484px;top:70px;border:1px #B3A868 solid;width:246px;height:100px;
webmaster@0 19 background:white url('./Gimp.jpg') 182px 36px no-repeat;overflow:auto;padding:2px;padding-left:6px;padding-right:6px;
webmaster@0 20 z-index:100;display:none;}
webmaster@0 21
webmaster@0 22 /* Style sur la colonne de gauche ^^; */
webmaster@0 23
webmaster@0 24 #SideBar {background:#CDCDCD;position:absolute;left:4px;top:83px;
webmaster@0 25 width:235px;height:485px;overflow:auto;border-right:1px black dashed;}
webmaster@0 26
webmaster@0 27 #SideBar dt, #SideBar dd {margin-left:auto;margin-right:auto;
webmaster@0 28 padding-left:10px;padding-right:10px;padding-top:4px;
webmaster@0 29 }
webmaster@0 30
webmaster@0 31 #SideBar dt {background:url('./Res_Brushed/Brush_Title.png') no-repeat;height:17px;width:198px;
webmaster@0 32 font-weight:bold;color:#575233;margin-top:12px;}
webmaster@0 33
webmaster@0 34 #SideBar dd {background:url('./Res_Brushed/Brush_Side.png') repeat-y;color:#000000;width:198px;
webmaster@0 35 text-align:left;padding-bottom:4px;border-top:none;}
webmaster@0 36
webmaster@0 37 /* Style sur la partie principale du blog : les posts */
webmaster@0 38
webmaster@0 39 #Posts {top:83px;left:240px;width:524px;height:485px;overflow:auto;
webmaster@0 40 position:absolute;background:url('Res_Brushed/Degrade_Post.gif') repeat-y;}
webmaster@0 41
webmaster@0 42 .PostContent h2 {
webmaster@0 43 margin:-19px auto 5px;
webmaster@0 44 padding:0px 10px;
webmaster@0 45 border:1px black dashed;background:#EFEFEF;
webmaster@0 46 font-size:1.1em;}
webmaster@0 47
webmaster@0 48 .PostContent {margin:10px;margin-top:12px;padding:10px;text-align:justify;
webmaster@0 49 background:url('./Res_Brushed/Fond_Post.gif');border:1px black solid;}
webmaster@0 50
webmaster@0 51 /* Style appliqués sur les span */
webmaster@0 52
webmaster@0 53 i, .i, em {font-style:italic;color:#333399;}
webmaster@0 54
webmaster@0 55 .b {font-weight:bold;}
webmaster@0 56
webmaster@0 57 /* Styles sur les liens */
webmaster@0 58 a {color:#333399;}
webmaster@0 59 a:hover {color:#000000;}
webmaster@0 60 #Link a {text-decoration:none;margin-left:8px;border-bottom:1px black dotted;}
webmaster@0 61
webmaster@0 62 /* Style sur le tagboard ^^ */
webmaster@0 63 #TagBoard {width:175px;height:465px;border:none;margin:0px;padding:0px;
webmaster@0 64 margin-left:auto;margin-right:auto;}
webmaster@0 65
webmaster@0 66 p.center img {width:450px;}