Mercurial > defr > DualBlog

annotate css/HoverExp.css @ 0:629389204276

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Import initial
author Franck Deroche <webmaster@defr.org>
date Sat, 20 Oct 2007 14:15:10 +0200
parents
children
rev   line source
webmaster@0 1 /* Dual Blog, :hover-ed edition ^^; */
webmaster@0 2
webmaster@0 3 #Link, #Link li, dl, dt, dd {display:block; margin:0px;list-style-type:none;}
webmaster@0 4
webmaster@0 5 body {margin:20px;}
webmaster@0 6
webmaster@0 7 #Main {border:1px black solid;padding:5px;padding-left:220px;}
webmaster@0 8
webmaster@0 9 h1 {display:none;}
webmaster@0 10
webmaster@0 11 /* SideBar */
webmaster@0 12 #SideBar {width:200px;float:left;padding:10px;padding-top:0px;position:absolute;left:20px;top:20px;}
webmaster@0 13 #SideBar dt {background:#EEE;border:1px black solid;border-bottom:1px dotted;padding:0px 10px 0px 10px;
webmaster@0 14 margin-top:10px;font-weight:bold;}
webmaster@0 15 #SideBar dd {border:1px black solid;margin:0px;border-top:none;padding:10px;font-size:0.9em;}
webmaster@0 16 #SideBar dd p {margin:0px;padding:0px;}
webmaster@0 17 #SideBar dd p:first-letter {color:#06F;}
webmaster@0 18 /* Hover sur la colonne de gauche, youplaboom ^^; */
webmaster@0 19 #SideBar dt:hover {background:#333;color:white;}
webmaster@0 20 #SideBar dt:hover + #SideBar dd, #SideBar dd:hover {background:#333;color:white;}
webmaster@0 21 #SideBar dt:hover + #SideBar dd a, #SideBar dd:hover a {color:#CCC;border-bottom:1px #CCC solid;}
webmaster@0 22 #SideBar dd a:hover {color:#FFF;border-bottom:1px #CCC dashed;}
webmaster@0 23 #SideBar dt:hover + #SideBar dd p:first-letter, #SideBar dd:hover p:first-letter {color:#FC0;}
webmaster@0 24
webmaster@0 25 /* Posts */
webmaster@0 26 #Posts {border-left:1px black solid;padding:5px;padding-left:10px}
webmaster@0 27 .PostContent {text-align:justify;margin-bottom:10px;border-bottom:1px black solid;padding:5px;}
webmaster@0 28 .PostContent h2 {margin-left:auto;margin-right:auto;text-align:center;font-weight:bold;}
webmaster@0 29
webmaster@0 30 /* Some :hover magic */
webmaster@0 31 .PostContent:hover {background:#333;color:#FC0;}
webmaster@0 32 .PostContent:hover h2 {color:#3C9;}
webmaster@0 33 .PostContent:hover span {color:#396;}
webmaster@0 34 .PostContent:hover p:first-letter{color:#06F !important;}
webmaster@0 35 .PostContent:hover a {color:#0CF;border-bottom:1px #FFF dashed;}
webmaster@0 36 /* on cache la méchante iframe... */
webmaster@0 37 iframe {display:none;}
webmaster@0 38
webmaster@0 39 #Adresse {display:none;}
webmaster@0 40 #Link {display:block;width:auto;overflow:auto;height:100px;border-left:1px black solid; border-bottom:1px black dashed;padding:5px;}
webmaster@0 41 /*#Link A {position:relative;left:10px;} Fait sortir bizarrement du flow sous IE... */
webmaster@0 42 #Link a {margin-left:10px;}
webmaster@0 43
webmaster@0 44 #SideBar ul, #SideBar li {margin:0px;padding:0px;list-style-type:none;}
webmaster@0 45
webmaster@0 46 .i {font-style:italic;}
webmaster@0 47 .b {font-weight:bold;}
webmaster@0 48
webmaster@0 49 a {color:#666;border-bottom:1px #333 solid;text-decoration:none;}
webmaster@0 50 a:hover {border-bottom:1px #999 dashed;color:#000;}