Mercurial > defr > DualBlog

view css/HoverExp.css @ 72:217f56e6bc77

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Si on arrive pas à vérifier le commentaire via Akismet, on l'affichera Le comportement précédent n'était pas réellement défini pour le cas ou l'authentification auprès d'Akismet ne se fait pas correctement, c'est maintenant réparé.
author Franck Deroche <webmaster@defr.org>
date Thu, 20 Mar 2008 19:47:11 +0100
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;}