15 jun 2009

Layout Heart


Por ahora solo funciona bien para Firefox.



<style>
#hi5-common-header, .profile-nav, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator, ins, #about-right, #about-center, #user-links a img, #picture-links, #about-left .subsection-separator, #comment-heading, .editorTop, #xabout-left a, .request-section, #interests, h1 {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:black !important; overflow-x:hidden !important}

#user-picture a {display:block !important}
.box_profile_info_small_content {width:220px !important}
#user-picture a:hover {background:none !important}

#p_center {background:url(http://i211.photobucket.com/albums/bb113/182barbie/Fondo.jpg) no-repeat !important; height:900px; width:1279px !important; position:absolute; margin-left:-75px}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

#user-details {border:none !important}

div, h2 {color:#000; font-family:century gothic; font-size:9.5px}
div a {color:#000 !important; font-family:Viner Hand ITC !important; font-size:9.5px} div a:hover {text-decoration:none;background-color:#FB64D7 ; color:#000 !important}

#lifestyle {width:250px; height:215px; left:100px; position:absolute; margin-left:40px; margin-top:160px; background:url(http://i211.photobucket.com/albums/bb113/182barbie/About-Me.png)center center no-repeat}
#lifestyle img {max-width:200px; max-height:300px}
#lifestyle .content {background:url(http://i211.photobucket.com/albums/bb113/182barbie/Fondo-1.png) !important; width:255px; height:100px; overflow-x:hidden; margin-top:60px; opacity:0.0;filter:alpha(opacity=0);-moz-opacity:0.0} #lifestyle .content:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0; overflor-y:auto; border:solid #BA52DC 3px !important; overflor-x:hidden !important; width:255px; height:200px; margin-top:-0px }

#about-left {opacity:0.0;filter:alpha(opacity=0);-moz-opacity:0.0} #about-left:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0}
#user-details .content {background-image:none !important; width:310px; position:absolute; margin-left:400px; margin-top:150px; background:url(http://i211.photobucket.com/albums/bb113/182barbie/Heart.png) no-repeat center center !important;}
#user-details {background-image:url(http://i211.photobucket.com/albums/bb113/182barbie/Fondo-1.png)!important}
#user-links {width:130px; background:url(http://i211.photobucket.com/albums/bb113/182barbie/Fondo-1.png); border:solid #BA52DC 3px !important; height:121px; overflow-y:auto; margin-left:65px} #user-picture img {border:dotted #BA52DC 1px !important}
#user-links a:hover {border-left:6px #BA52DC solid}
#user-picture {margin-left:50px}

#comments {z-index:10 !important; position:absolute !important; width:250px; height:200px !important; overflow:hidden; margin-top:105px !important; left:700px; background:url(http://i211.photobucket.com/albums/bb113/182barbie/Comments.png)center center no-repeat}
#comments:hover {overflow-y:visible; border:solid #BA52DC 3px !important}
#comments .content {background:url(http://i211.photobucket.com/albums/bb113/182barbie/Fondo-1.png);opacity:0.0;filter:alpha(opacity=0);-moz-opacity:0.0} #comments .content:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0}
#comments textarea {background-color:#FB64D7 !important; border:solid 1px #BA52DC; color:#000; width:200px !important; height:70px; margin-left:15px}
input {background-color:#FB64D7 !important; border:solid 1px #BA52DC; color:#000}
</style>

No hay comentarios:

Publicar un comentario