Mercurial > defr > DualBlog

view css/HoverExp.css @ 75:49b0a2f3a118

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fix IE: Rend l'administration utilisable avec Internet Explorer 6 En réalité, seulement trois réels changements sont introduits ici: - il existait quelques problèmes dans le code supposé être executés lorsque le navigateur ne connait pas les treewalkers, le code fait désormais ce qu'il faut (la mauvaise fonction était associé à l'édition des brouillons, la fonction de test ne renvoyait pas true / false) - Internet Explorer 6 ne connait pas textContent. Une fonction essayant diverses possibilités de remplacement, et faisant un parcours récursif de tous les noeuds fils dans le pire des cas a été mise en place - le code cherchant un remplacement à DOMParser supposait que l'objet ActiveX XMLDOM fournissait exactement la même API, ce qui aurait été trop beau. Un wrapper a été développé autour de XMLDOM qui fournit la seule fonction de DOMParser utilisé dans le script. Evidemment ce n'est pas une solution totalement générique... Avec ces modifications, il est possible de poster depuis Internet Explorer (testé sur la version 6), Safari (testé avec la version 3.1) et Firefox (testé avec les versions 2 et 3)
author Franck Deroche <webmaster@defr.org>
date Mon, 31 Mar 2008 15:07:21 +0200
parents 629389204276
children
line wrap: on
line source
/* 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;}