|
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;} |
