Mercurial > defr > DualBlog
diff css/HoverExp.css @ 0:629389204276
Import initial
author | Franck Deroche <webmaster@defr.org> |
---|---|
date | Sat, 20 Oct 2007 14:15:10 +0200 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/css/HoverExp.css Sat Oct 20 14:15:10 2007 +0200 @@ -0,0 +1,50 @@ +/* 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;}