Pink Myspace 2.0 layout

Pink Layout for emo. Maybe for emogirl. Very pretty #header,#googlebar,#topnav {background-color: transparent;} #topnav ul li {border-left:1px solid #F589BB;} #topnav ul {border-right:1px solid #F589BB;} body{background: #9B185A url(http://i591.photobucket.com/albums/ss358/zmeevolk/bg-1.jpg) no-repeat fixed center top;} div.module{color: #ffffff;} div.moduleMid{background-color:#A01F60;} div.module a{color: #F74E9F;} h3.moduleHead{font-weight:bold;} ul.contactLinks {margin-bottom:1em;} div.profileDemographics{border-top:1px solid #F589BB;padding-top:1.5em;padding-left:0;padding-right:0;} /* ROUNDED CORNERS */ div[class~="module"] { border:none; } /*ROUNDED OUTER BORDERS*/ div[class~="moduleTop"], div[class~="moduleTop"] div, div[class~="moduleBottom"], div[class~="moduleBottom"] div { background-color: transparent; background-image: url(http://profile.myspace.com/rc.ashx?bg=A01F60&r=10&w=1000&s=F589BB&sw=1); font-size:0px; } div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background:#A01F60; } div[class~="moduleTop"] div div { height:9px; border-top: 1px solid #F589BB; margin: 0px 10px; } div[class~="moduleBottom"] div div { height:9px; border-bottom: 1px solid #F589BB; margin: 0 10px; } div[class~="moduleMid2"] { margin: 0 5px; } div[class~="moduleMid"] { border-left: solid #F589BB 1px; } div[class~="moduleMid1"] { border-right: solid #F589BB 1px; } div.moduleTop { background-position: top left; } div.moduleTop div { background-position: top right; } div.moduleBottom { background-position: bottom left; } div.moduleBottom div { background-position: bottom right; } /* MUSIC PLAYER - hide border */ div.musicPlayerModule div.moduleTop, div.musicPlayerModule div.moduleTop div, div.musicPlayerModule div.moduleMid, div.musicPlayerModule div.moduleMid1, div.musicPlayerModule div.moduleBottom, div.musicPlayerModule div.moduleBottom div { background:none; border:0; padding:0; text-align:center;} /* VIDEO PLAYER - hide border */ div.videoPlayerModule div.moduleTop, div.videoPlayerModule div.moduleTop div, div.videoPlayerModule div.moduleMid, div.videoPlayerModule div.moduleMid1, div.videoPlayerModule div.moduleBottom, div.videoPlayerModule div.moduleBottom div { background:none; border:0; padding:0; text-align:center;} div.videoPlayerModule div.moduleMid2 { margin: 0; } /* VIDEO SLIDER - hide border */ div.videoSliderModule div.moduleTop, div.videoSliderModule div.moduleTop div, div.videoSliderModule div.moduleMid, div.videoSliderModule div.moduleMid1, div.videoSliderModule div.moduleBottom, div.videoSliderModule div.moduleBottom div { background:none; border:0; padding:0; text-align:center;} div.videoSliderModule div.moduleMid2 { margin: 0; } div.musicPlayerModule div.moduleMid2 { margin: 0; }
Get the code!

Emoboy and emogirl layout

Emo couple, sad layot for all emotional people body { font-family: Verdana,Arial,sans-serif; font-size:11px; background:#DCB5D3 url(http://i591.photobucket.com/albums/ss358/zmeevolk/bg_girlie.gif) repeat-y fixed center top; color:#b20e0e} p{line-height:1.6;} a,a:hover{text-decoration:none;} a:link, a:visited { font-size: 11px; } a:hover { color:#010100; text-decoration: underline; font-size: 11px; } span.count { color:#060606; font-size: 11px; } div.wrap { background-color:transparent; } div#header, div#googlebar { background-color:#87285c; } #topnav { background-color: transparent; } #topnav ul { border-right: none; } #topnav ul li { border-left: none; } div#footer { background-color:transparent; padding:0 0 20px 0;} div#footer a { color:#fff} div#footer div { padding:10px 0; color:#b20e0e} div.module { background-color:#F9C9E3; } div.basicInfoModule, div.basicInfoModule a { background-color:#87285c ; color:#fff; background-image:none;} div.module h3 {padding:4px;} h1,h2,h3,h4 { font-weight: bold; } h4 { font-size: 110%; } div.blogsModule div.moduleMid { color: #060606; } div.blogsModule h3 { color: #960100; } div.blogsModule ul.moduleList { border-top: dotted #bd1e1e 1px; } div.blogsModule ul.moduleList li { border-bottom: dotted 1px #bd1e1e; } div.blogsModule ul.moduleList span.date { color: #960100; } div.blogsModule a, div.blogsModule a:hover, div.blogsModule a:visited { color: #010100; } div.blurbsModule div.moduleMid { background:#F9C9E3 url(bg_extended_girlie.jpg) no-repeat scroll right bottom; color: #010100; font-size: 11px; } div.blurbsModule h3 { color: #960100; } div.blurbsModule h4 { background-color: transparent; color: #010100; font-weight: bold; font-size: 12px; } div.calendarModule div.moduleMid { background:#F9C9E3 url(bg_extended_girlie.jpg) no-repeat scroll right bottom; color: #960100; } div.calendarModule h3 { color: #960100; } div.calendarModule ul.moduleList li.moduleItem{ border-top: dotted 1px #bd1e1e; } div.calendarModule a, div.calendarModule a:hover, div.calendarModule a:visited { color: #010100; } div.friendSpaceModule div.moduleMid { background:#F9C9E3 url(bg_extended_girlie.jpg) no-repeat scroll right bottom; color: #960100; font-size: 11px; } div.friendSpaceModule h3 { color: #960100; } div.friendSpaceModule ol.moduleList li a img { border: 2px solid #fff; } div.friendSpaceModule a, div.friendSpaceModule a:hover, div.friendSpaceModule a:visited { color: #010100; } div.commentsModule div.moduleMid { background:#F9C9E3 url(bg_extended_girlie.jpg) no-repeat scroll right bottom; color: #960100; font-size: 11px; } div.commentsModule ul.moduleList li { background-color:transparent; } div.commentsModule a.profileLink, div.commentsModule p.datePosted { font-weight:bold; } div.commentsModule h3 { color: #960100;} div.commentsModule p.datePosted { color:#000; } div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #3d3d3d; } div.commentsModule ul.moduleList li ul.commentsInfo li.last { border-right: none; } div.commentsModule a, div.commentsModule a:hover, div.commentsModule a:visited { color: #010100; } div.commentsModule ul li.odd, div.commentsModule ul li.odd { border-top:1px dotted #a46c8c; border-bottom:1px dotted #a46c8c; background-color:#e8aacc } div.commentsModule p.datePosted { color: #010100; font-size: 11px; } div.firstColumn div.module, div.firstColumn div.module a { background-image:none; background-color:#87285c; color:#fff; } div.firstColumn div.module h3 {padding:4px; background-color:#f9c9e3; color:#960100; } div.firstColumn div.musicPlayerModule, div.musicPlayerModule div.moduleMid,div.musicPlayerModule div.moduleMid { background:none; background-color:transparent; border:none;} div.musicPlayerModule h3.moduleHead { display: none; } div.module { border:2px solid #87285c} div.toolbar ul li a { text-decoration:underline } div.profileDemographics { background-color:#ac5886; } div.pageLinks ul li a { padding:3px 5px; color:#fff; background-color:#ac5886; font-weight:normal; }
Get the code!