Mercurial > defr > DualBlog
view css/icons/Somatic.css @ 52:829d6b0d3d0b
Lorsqu'on édite un billet ou un brouillon, on éplingle la zone.
Cela permet de ne pas voir la zone de texte disparaitre si le curseur
ne survole plus le li correspondant.
A noter que le parentNode.parentNode n'est pas des plus esthétiques,
et qu'il y reste quelques problèmes relatifs à la non suppression
de l'état épinglé.
author | Franck Deroche <webmaster@defr.org> |
---|---|
date | Tue, 29 Jan 2008 11:33:33 +0100 |
parents | 629389204276 |
children |
line wrap: on
line source
/* Dual Blog, Somatic Edition */ html, body {margin:0px;padding:0px; background:#EEE; font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans serif;font-size:12px;} #Link, #Link li, dl, dt, dd {display:block; margin:0px;list-style-type:none;} #Main {width:798px; margin:5px auto; background:white; border:1px #333 solid;/*padding-top:181px;*/} h1 { margin:0px; margin-bottom:150px; padding:5px; width:786px; height:21px; text-align:center; border-bottom:1px #333 solid; font-size:17px; background-image:url('bg_test.png'); } #Adresse, .SideTitle { /*float:left;*/ position:absolute; top:38px; left:50%; display:block; width:132px; padding-top:135px; background:no-repeat 2px 5px; text-align:center; border-bottom:1px #333 solid; border-right:1px #333 solid; font-size:0.9em; } /* Let's give some 8-bits pngs to IE... */ * html #Adresse {background-image:url('icons/fav_8bit.png') !important;} * html #About {background-image:url('icons/connect_8bit.png') !important;} * html #Profile {background-image:url('icons/profile_8bit.png') !important;} * html #Like {background-image:url('icons/like_8bit.png') !important;} * html #Geekness {background-image:url('icons/geek_8bit.png') !important;} * html #Archives {background-image:url('icons/Hank_8bit.gif') !important;} * html #ToDo {background-image:url('icons/todo_8bit.png') !important;} #Adresse { margin-left:-398px; background-image:url('icons/fav.png'); } #About { margin-left:-265px; background-image:url('icons/connect.png'); } #Profile { margin-left:-132px; background-image:url('icons/profile.png'); } #Like { margin-left:1px; background-image:url('icons/like.png'); } #Geekness { margin-left:134px; background-image:url('icons/geek.png'); } #Archives { margin-left:134px; background-image:url('icons/Hank.png'); } #ToDo { margin-left:267px; border-right:0px; background-image:url('icons/todo.png'); } .SideTitle:hover, #Adresse:hover {background-color:#dec;} .Actif {background-color:#eee !important;} #SideBar p, #Posts {margin:5px 0px; padding:0px;text-align:justify;} #Link, .SideContent { font-size:0.9em; border-bottom:1px #333 solid; padding:5px 10px; background-image:url('Res_Somatic/bg_test.png'); max-height:180px; overflow:auto; } #Link {display:none;} .PostContent { padding:10px; text-align:justify; border-bottom: 1px #333 solid; } .PostTitle { font-weight:bold; text-align:center; border:1px #666 solid; margin:0px 15px; background:url('Res_Somatic/bg_titre.png'); } #SideBar a, #Link a {text-decoration:none;color:#666;font-style:italic;} #Link a {margin-left:10px;} #SideBar a:hover, #Link a:hover, #Posts a:hover {border-bottom:1px black dashed;} #SideBar ul {list-style-type:none;} a img {padding:10px;border:1px solid #795;background-image:url('Res_Somatic/bg_test.png');} i, .i {color:#67B;} #Posts a {color:#795;text-decoration:none;}