Mercurial > defr > DualBlog

view css/HoverExp.css @ 31:2d98421d43da

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Le formulaire d'ajout de commentaire vient remplacer <tr:commentForm /> Avant, il était considéré comme un post en plus dans le document, ce qui ne permettait pas de l'activer ou de le desactiver selon les différents modèles de squelettes (embettant pour la feed Atom par exemple)
author Franck Deroche <webmaster@defr.org>
date Mon, 05 Nov 2007 08:59:51 +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;}