Mercurial > defr > DualBlog

view css/HoverExp.css @ 64:d4f26e9767bf

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Filtrage via Akismet du spam. Suite aux nombreuses attaques de spammers sur le blog, j'ai du chercher une solution efficace permettant d'y faire face. La solution la plus efficace que j'ai pour le moment, c'est Akismet, qui semble ne pas avoir trop de faux positifs (je n'en ai pas encore eu un seul). Il est necessaire de creer un compte sur WordPress.com pour obtenir une clef permettant d'utiliser le service, c'est totalement gratuit.
author Franck Deroche <webmaster@defr.org>
date Tue, 11 Mar 2008 08:16:11 -0700
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;}