Mercurial > defr > DualBlog

comparison 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
comparison
equal deleted inserted replaced
-1:000000000000 0:629389204276
1 /* Dual Blog, :hover-ed edition ^^; */
2
3 #Link, #Link li, dl, dt, dd {display:block; margin:0px;list-style-type:none;}
4
5 body {margin:20px;}
6
7 #Main {border:1px black solid;padding:5px;padding-left:220px;}
8
9 h1 {display:none;}
10
11 /* SideBar */
12 #SideBar {width:200px;float:left;padding:10px;padding-top:0px;position:absolute;left:20px;top:20px;}
13 #SideBar dt {background:#EEE;border:1px black solid;border-bottom:1px dotted;padding:0px 10px 0px 10px;
14 margin-top:10px;font-weight:bold;}
15 #SideBar dd {border:1px black solid;margin:0px;border-top:none;padding:10px;font-size:0.9em;}
16 #SideBar dd p {margin:0px;padding:0px;}
17 #SideBar dd p:first-letter {color:#06F;}
18 /* Hover sur la colonne de gauche, youplaboom ^^; */
19 #SideBar dt:hover {background:#333;color:white;}
20 #SideBar dt:hover + #SideBar dd, #SideBar dd:hover {background:#333;color:white;}
21 #SideBar dt:hover + #SideBar dd a, #SideBar dd:hover a {color:#CCC;border-bottom:1px #CCC solid;}
22 #SideBar dd a:hover {color:#FFF;border-bottom:1px #CCC dashed;}
23 #SideBar dt:hover + #SideBar dd p:first-letter, #SideBar dd:hover p:first-letter {color:#FC0;}
24
25 /* Posts */
26 #Posts {border-left:1px black solid;padding:5px;padding-left:10px}
27 .PostContent {text-align:justify;margin-bottom:10px;border-bottom:1px black solid;padding:5px;}
28 .PostContent h2 {margin-left:auto;margin-right:auto;text-align:center;font-weight:bold;}
29
30 /* Some :hover magic */
31 .PostContent:hover {background:#333;color:#FC0;}
32 .PostContent:hover h2 {color:#3C9;}
33 .PostContent:hover span {color:#396;}
34 .PostContent:hover p:first-letter{color:#06F !important;}
35 .PostContent:hover a {color:#0CF;border-bottom:1px #FFF dashed;}
36 /* on cache la méchante iframe... */
37 iframe {display:none;}
38
39 #Adresse {display:none;}
40 #Link {display:block;width:auto;overflow:auto;height:100px;border-left:1px black solid; border-bottom:1px black dashed;padding:5px;}
41 /*#Link A {position:relative;left:10px;} Fait sortir bizarrement du flow sous IE... */
42 #Link a {margin-left:10px;}
43
44 #SideBar ul, #SideBar li {margin:0px;padding:0px;list-style-type:none;}
45
46 .i {font-style:italic;}
47 .b {font-weight:bold;}
48
49 a {color:#666;border-bottom:1px #333 solid;text-decoration:none;}
50 a:hover {border-bottom:1px #999 dashed;color:#000;}