Mercurial > defr > DualBlog

view css/Brushed.css @ 74:d9490757a111

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Aide pour IE: Classes explicites et pas de syntaxe XHTML. Le selecteur [id^='Gest'], bien que pratique, n'est pas supporter par IE6. En conséquence, j'ai ajouté une classe Gestion sur l'ensemble des div concernés et j'ai remplacé cela par un très classique div.Gestion. D'autre part, visiblement, le <label /> faisait plus que troubler IE, qui ne comprenait par conséquent pas bien ou ce dernier ce finissait. Le problème a été réglé en décompactant la balise.
author Franck Deroche <webmaster@defr.org>
date Mon, 31 Mar 2008 14:53:49 +0200
parents 629389204276
children
line wrap: on
line source
/* Dual Blog v10 : OS Edition
    Brushed Version    */
    
#Link, #Link li, dl, dt, dd {display:block; margin:0px;list-style-type:none;}

html {margin:0px;background:#EFEFEF;
      font-family:Tahoma, Verdana, Arial, serif;font-size:11px;}

p {margin:0px;padding:0px;}

#Main {margin:0px;margin-left:-374px;margin-top:-286px;left:50%;top:50%;
       position:absolute;width:768px;height:573px;overflow:hidden;
       padding-top:85px;padding-left:4px;padding-right:9px;
       background:url('./Res_Brushed/Fond_Main.jpg') no-repeat;}

#Adresse {position:absolute;left:512px;top:57px;width:237px;}

#Link    {position:absolute;left:484px;top:70px;border:1px #B3A868 solid;width:246px;height:100px;
          background:white url('./Gimp.jpg') 182px 36px no-repeat;overflow:auto;padding:2px;padding-left:6px;padding-right:6px;
          z-index:100;display:none;}

/* Style sur la colonne de gauche ^^; */

#SideBar {background:#CDCDCD;position:absolute;left:4px;top:83px;
          width:235px;height:485px;overflow:auto;border-right:1px black dashed;}

#SideBar dt, #SideBar dd {margin-left:auto;margin-right:auto;
            padding-left:10px;padding-right:10px;padding-top:4px;
            }

#SideBar dt {background:url('./Res_Brushed/Brush_Title.png') no-repeat;height:17px;width:198px;
            font-weight:bold;color:#575233;margin-top:12px;}

#SideBar dd {background:url('./Res_Brushed/Brush_Side.png') repeat-y;color:#000000;width:198px;
              text-align:left;padding-bottom:4px;border-top:none;}

/* Style sur la partie principale du blog : les posts */

#Posts {top:83px;left:240px;width:524px;height:485px;overflow:auto;
        position:absolute;background:url('Res_Brushed/Degrade_Post.gif') repeat-y;}

.PostContent h2 {
		margin:-19px auto 5px;
		padding:0px 10px;
		border:1px black dashed;background:#EFEFEF;
		font-size:1.1em;}

.PostContent {margin:10px;margin-top:12px;padding:10px;text-align:justify;
              background:url('./Res_Brushed/Fond_Post.gif');border:1px black solid;}

/* Style appliqués sur les span */

i, .i, em      {font-style:italic;color:#333399;}

.b      {font-weight:bold;}

/* Styles sur les liens */
a       {color:#333399;}
a:hover {color:#000000;}
#Link a  {text-decoration:none;margin-left:8px;border-bottom:1px black dotted;}

/* Style sur le tagboard ^^ */
#TagBoard {width:175px;height:465px;border:none;margin:0px;padding:0px;
           margin-left:auto;margin-right:auto;}

p.center img {width:450px;}