Mercurial > defr > DualBlog

view css/HoverExp.css @ 59:caef2b6e5690

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Necessaire pour IE ! Le tag est sinon vide et se retrouve compacté J'avais modifie ca pour rendre le validateur HTML5 content, mais, ce n'est pas vraiment une bonne idee, car sinon le parser XML voit un tag vide, et par consequent lorsqu'il prepare la sortie, il produit un <script /> qu'IE est incapable de gerer correctement.
author Franck Deroche <webmaster@defr.org>
date Tue, 19 Feb 2008 02:54:58 -0800
parents 629389204276
children
line wrap: on
line source
/* Dual Blog, :hover-ed edition ^^; */

#Link, #Link li, dl, dt, dd {display:block; margin:0px;list-style-type:none;}

body {margin:20px;}

#Main {border:1px black solid;padding:5px;padding-left:220px;}

h1 {display:none;}

/* SideBar */
#SideBar {width:200px;float:left;padding:10px;padding-top:0px;position:absolute;left:20px;top:20px;}
#SideBar dt {background:#EEE;border:1px black solid;border-bottom:1px dotted;padding:0px 10px 0px 10px;
					 margin-top:10px;font-weight:bold;}
#SideBar dd {border:1px black solid;margin:0px;border-top:none;padding:10px;font-size:0.9em;}
#SideBar dd p {margin:0px;padding:0px;}
#SideBar dd p:first-letter {color:#06F;}
/* Hover sur la colonne de gauche, youplaboom ^^; */
#SideBar dt:hover {background:#333;color:white;}
#SideBar dt:hover + #SideBar dd, #SideBar dd:hover {background:#333;color:white;}
#SideBar dt:hover + #SideBar dd a, #SideBar dd:hover a {color:#CCC;border-bottom:1px #CCC solid;}
#SideBar dd a:hover {color:#FFF;border-bottom:1px #CCC dashed;}
#SideBar dt:hover + #SideBar dd p:first-letter, #SideBar dd:hover p:first-letter {color:#FC0;}

/* Posts */
#Posts 					{border-left:1px black solid;padding:5px;padding-left:10px}
.PostContent		{text-align:justify;margin-bottom:10px;border-bottom:1px black solid;padding:5px;}
.PostContent h2	{margin-left:auto;margin-right:auto;text-align:center;font-weight:bold;}

/* Some :hover magic */
.PostContent:hover						 {background:#333;color:#FC0;}
.PostContent:hover h2	 {color:#3C9;}
.PostContent:hover span			 {color:#396;}
.PostContent:hover p:first-letter{color:#06F !important;}
.PostContent:hover a					 {color:#0CF;border-bottom:1px #FFF dashed;}
/* on cache la méchante iframe... */
iframe {display:none;}

#Adresse {display:none;}
#Link {display:block;width:auto;overflow:auto;height:100px;border-left:1px black solid; border-bottom:1px black dashed;padding:5px;}
 /*#Link A {position:relative;left:10px;} Fait sortir bizarrement du flow sous IE... */
#Link a {margin-left:10px;}

#SideBar ul, #SideBar li {margin:0px;padding:0px;list-style-type:none;}

.i {font-style:italic;}
.b {font-weight:bold;}

a {color:#666;border-bottom:1px #333 solid;text-decoration:none;}
a:hover {border-bottom:1px #999 dashed;color:#000;}