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