Emo Collage Myspace Layout - Emo Grunge Collage Theme for Myspace

LAYOUT DETAILS

MYSPACE 1.0 THEMECODE:
1.0 INSTRUCTIONS

<style>

.PROFILErehab{
Layout by: www.PROFILErehab.com;
}

body {
	background: url(http://www.profilerehab.com/pb/designs/emo/emo_collage_background.jpg) repeat fixed left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: ffffff;
}

img {
	border: none;
	padding: 0!important;
	background-color: transparent!important;
	color: ffffff;
}	
	
td.text table table table tr td a {
	background-color: transparent!important;
	border-bottom: none!important;
	color: ffffff;
}
	
td.text table table table tr td a:hover {
	color: ffffff;
	border-bottom: none;
	}

table, tr, td {
	background-color: transparent;
	border-style:none;
	color: ffffff;
}

table table table {
	border-color: f6f1d1;
	border-style: none;
	border-width: 2px;
	color: ffffff;
}

.contactTable, .profileInfo, table.interestsAndDetails, table.userProfileDetail, table.userProfileSchool, table.userProfileNetworking, table.userProfileCompany, table.latestBlogEntry, table.blurbs, table.friendsComments, table.friendSpace{
	border: 4px none f6f1d1;
	background: black url(http://www.profilerehab.com/pb/nonnetta/nonnettacollageTT.png) no-repeat center -11px;
	color: ffffff;
}

table.userProfileURL{
	background-color: black;
	border: 4px none f6f1d1;
	color: ffffff;
}

table table table table{
	background-image:none;
	background-color:transparent;
	border-style:none;
	color: ffffff;
}

table, tr, td, li, p, div, .text {
	color: ffffff;
	line-height: 13px;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, sans-serif;
}

td.text {
	vertical-align: top;
	color: ffffff;
}
	
ExtendedNetwork,table.extendedNetwork{
	background: url(http://www.profilerehab.com/pb/myspace/gothic/emo_collage_1e.png) no-repeat center top;
	height: 298px;
	color: ffffff;
}

.blacktext12{
	color: ffffff;
	font-size: 12px;
	_font-size: 12px;
	font-weight: normal;
	font-family:     Georgia, "Times New Roman", Times, serif;
	text-align: center center;
	line-height: ;
	padding: ;
	margin: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

.nametext {
	color: ffffff;
	font-size: 21px;
	_font-size: 21px;
	font-weight: normal;
	font-family:      Georgia, "Times New Roman", Times, serif;
	text-align: center;
	line-height: 0px;
	padding: ;
	margin-top: 35px;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position:;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	padding-bottom: 30px;
}		
	
.btext {
	color: ffffff;
	font-size: 14px;
	_font-size: 14px;
	font-weight: normal;
	font-family:      Georgia, "Times New Roman", Times, serif;
	text-align: left;
	line-height: 44px;
	padding: ;
	margin: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
}

table.latestBlogEntry .btext {
	color: ffffff;
	font-size: 16px;
	_font-size: 16px;
	font-weight: normal;
	font-family:      Georgia, "Times New Roman", Times, serif;
	text-align: center;
	line-height: 0px;
	padding: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 25px;
}

table.blurbs td.text span.orangetext15{
	padding-bottom: 10px;
		width: 439px!important;
	color: ffffff;
	margin-top: 10px;
}

table.latestBlogEntry span.btext{
	padding-bottom: 15px;
	color: ffffff;
}

table.friendSpace .orangetext15 {
	color: ffffff;
	font-size: 16px;
	_font-size: 16px;
	font-weight: normal;
	font-family:      Georgia, "Times New Roman", Times, serif;
	text-align: center;
	line-height: 10px;
	padding: ;
	margin: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 1px;
	margin-top: 13px;
}

table.friendsComments .orangetext15 {
	color: ffffff;
	font-size: 16px;
	_font-size: 16px;
	font-weight: normal;
	font-family:      Georgia, "Times New Roman", Times, serif;
	text-align: center;
	line-height: 40px;
	padding: ;
	margin-top: 10px;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 1px;
	padding-top: ;
}

table.blurbs .orangetext15 {
	color: ffffff;
	font-size: 16px;
	_font-size: 16px;
	font-weight: normal;
	font-family:      Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	padding-bottom: 0px;
	margin-bottom: 1px;
	margin-top: ;
}	
	
		
.orangetext15 {
	color: ffffff;
	_font-size: 14px;
	text-align: center;
	padding: ;
	margin: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	font: normal 14px/20px     Georgia, "Times New Roman", Times, serif;
}	
	
.whitetext12 {
	color: ffffff;
	font-size: 16px;
	_font-size: 16px;
	font-weight: normal;
	font-family:      Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding: ;
	margin: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: ;
	padding-top: 15px;	
}

.redtext, .redbtext {
	color: ffffff;
	font-family:     Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	}
	
.blacktext10 {
	color: ffffff;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: ;
	}

.lightbluetext8 {
	color: ffffff;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	}

a:link, a:visited, a.redlink:active, a.redlink:visited, a.redlink:link, a.searchlinksmall:link, a.searchlinksmall:visited {
	color: ffffff;
*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	font-weight: normal;
	text-decoration: none;
	padding: ;
}

a:hover, a.redlink:hover, a.searchlinksmall:hover, a:hover img {
	color: ffffff;
	border-bottom-color: transparent;
	text-decoration: none;
	padding: 0;
}

a.navbar:active, a.navbar:visited, a.navbar:link {
	color: ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.navbar:hover {
	color: ffffff;
	text-decoration: d85b66;
}

div table tr td table {
	background-color: transparent!important;
	color: ffffff;
}
div table tr td table a {
	zpadding: 0!important;
	color: ffffff;
}
div table tr td table font {
	color: ffffff;
}

</style>

.contactTable {
	width:300px !important; 
	height:250px !important; 
	padding:0px !important;
	background-image: url(http://www.profilerehab.com/pb/myspace/gothic/emo_collage_theme_1m.png);
	background-position:center center;
	background-repeat:no-repeat; 
	background-color:transparent;
	color: ffffff;
}
.644934Table table, table.contactTable td { 
	padding:0px !important;
	border:0px; 
	background-color:transparent; 
	background-image:none;
	line-height: normal;
	color: ffffff;
}
.contactTable a img {
	visibility:hidden; 
	border:0px !important;
	color: ffffff;
}
.contactTable a {
	display:block; 
	height:31px; 
	width:115px;
	background-color:transparent;
	border-bottom: none!important;
	color: ffffff;
}
.contactTable .text {
	font-size:1px !important;
	color: ffffff;
}
.contactTable .text, .contactTable a, .contactTable img {
	filter:none !important;
	color: ffffff;
}
.contactTable a:hover {
	background-color: transparent;
	color: ffffff;
}
.contactTable .whitetext12 {
	display:none;
	color: ffffff;
}

.link {
	position: absolute;
	top: 0;
	left: 0;
	color: ffffff;
}
	
</style>

MYSPACE 2.0 THEMECODE:
2.0 INSTRUCTIONS

/*Layout by PROFILErehab.com*/

DIV.wrap
{
	margin-right: auto;
	margin-left: auto;
	width: auto;
	color: #ffffff;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
}

#topnav ul li a small
{	color: #ffffff;

}

.localsBadgesModule DIV.moduleMid2
{
		background-color: black;
	border-color: #52371f;
	
	
}

.localsReviewsModule DIV.moduleMid2
{
		background-color: black;
	border-color: #52371f;
	
	
}

.activityMiniFeedModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}

.statusMoodModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}

.companiesModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}

.interestsModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}
.blogsModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}
.schoolsModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}
.networkingModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}

.commentsModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}
.friendSpaceModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}

.detailsModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}

.blurbsModule DIV.moduleMid2
{	background-color: black;
	border-color: #52371f;
	
	
}

div[class~="friendSpaceModule"] .moduleBody {
   padding-left: 45px;
   padding-right: 15px;
   margin-bottom: 0;
   margin-top: 0;
}

#topnav ul li a:hover small, #topnav ul li a.hover small
{	color: #ffffff;

}

#topnav ul.subMenu li.divider {
	border-style: none;
}

#topnav ul.subMenu{
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

ul.profileUserInfo { 
font-size: 10px;
width: 305;
}

SPAN.urlLink
{
visibility: hidden;
}

HTML
{
	height: 10v%;
	background: repeat-y scroll center center;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #ffffff;
}

BODY
{
	margin-left: 10px;
	color: #ffffff;
	background: #000000 url(http://www.profilerehab.com/pb/designs/emo/emo_collage_background.jpg) repeat fixed left top;
}

DIV.profileDemographics
{
	clear: both;
	min-height: 65px;
	padding-right: 10px;
	padding-top: 9px;
	padding-left: 0;
	color: #ffffff;
}

#topnav
{
	background-color: #000000;
	color: #ffffff;
}

#topnav UL
{
	border-right: 1px solid #ffffff;
	color: #ffffff;
}

#topnav UL LI
{
	border-left: 1px solid #ffffff;
	color: #ffffff;
}

#topnav UL LI A
{
	color: #ffffff;

}

#topnav UL LI A:hover
{
	background-color: black;
	color: #ffffff;
}

#topnav UL LI.dropDown:hover A, #topnav UL LI.hover A, #topnav UL LI.hover A:hover
{
	background-color: black;
	color: #ffffff;
}

#topnav LI.dropDown UL.subMenu A
{ 
	background: black center center;
	color: #ffffff;
}

#topnav LI.dropDown:hover UL.subMenu A:hover, #topnav LI.hover UL.subMenu A:hover
{
	background: black none;
	color: #ffffff;
}

DIV#header *{
	color: #ffffff;
}

DIV#header{
	color: #ffffff;
}

div#header.clearfix.globalWidth{
	width: 780px;
	color: #ffffff;
	background-color: #000000;
}
DIV#header,DIV#googlebar{
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	color: #ffffff;
}

DIV#footer
{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 95px;
	padding-bottom: 80px;
	color: #ffffff;
}

DIV#footer A
{
	color: #ffffff;
}

DIV#footer DIV
{
	padding: 10px 0;
	color: #ffffff;
}

H1, H2, H3, H4
{
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
}

H3.moduleHead
{
	text-align: center;
	text-transform: uppercase;

font: 21px/21px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	background: transparent url(http://www.profilerehab.com/pb/nonnetta/nonnettacollageTT.png) no-repeat center -16px;
	position: relative;
	top: ;
	padding: 33px 0 0;
	height: auto;
}

H3.moduleHead SPAN SPAN
{
	position: relative;
	top: -20px;
	color: #ffffff;
	font-size: 21px;
}

DIV.module A:hover
{
	text-decoration: none;
	padding: 1px 2px;
	color: #ffffff;
}
.blurbsModule H3.moduleHead
{
	color: #ffffff;
	background-color: transparent;
}
.blurbsModule
{
	background-position: 12px 216px;
	background-repeat: repeat-y;
	color: #ffffff;
}
DIV.basicInfoDetails
{
background: transparent url(http://www.profilerehab.com/pb/nonnetta/nonnetta_BD.png) no-repeat right top;
	height: 340px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	padding-top: 65px;
	padding-right: 10px;
	border-style: none;
	padding-left: 180px;
}

div.moduleMid,div.moduleMid1,h3.moduleHead,div.basicInfoModule,ul.moduleList{
	border-style: none;
	background-color: transparent;
	position: relative;
}

DIV.basicInfoDetails BLOCKQUOTE P
{
	width: 244px;
}
DIV.basicInfoDetails H2
{
	font-size: 190%;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 20px 0 0px;
	text-transform: uppercase;
	background-position: 30px top;
	background-repeat: no-repeat;
	margin-top: -16px;
	color: #52371f;
}

.urllink
{
	font: 10px;
}
DIV.basicInfoModule
{
	position: relative;
	margin: 5px;
/*!important border: none !important*/
	color: #52371f;
}

DIV.photo
{
	position: absolute;
	overflow: hidden;
	text-align: center;
	width: 190px;
	padding-left: 0px;
	padding-top: 65px;
	left: -7px;
	color: #ffffff;
	top: 10px;
}
DIV.photo IMG
{
	max-height: 170px;
	max-width: 150px;
	color: #ffffff;
}
DIV.photo IMG.nophoto
{
	width: 170px;
	height: 170px;
	color: #ffffff;
}
span.pilRealName
{
	color: #ffffff;
}
DIV.moduleMid2
{
	color: #ffffff;
}
DIV.contentMid2
{
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	color: #ffffff;
	border-style: none;
}

div.contentMid {
	background-color: transparent;
	border-style: none;
}

DIV#header *
{
	font-size: 11px;
	color: #ffffff;
}

div.blurbsModule h4{margin:.6em 0;
	padding-left: 3px;
	color: #ffffff;
}

.autoResize{overflow:hidden;width:100%;
	padding-left: 0px;
	color: #ffffff;
}
DIV.basicInfoModule DIV.moduleTop DIV
{
	background:  no-repeat center bottom;
	height: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 3;
	width: 100%;
	color: #ffffff;
}
DIV.module UL.contactLinks LI A:link, DIV.module UL.contactLinks LI A:visited, DIV.module UL.contactLinks LI A:hover
{
	padding: 6px 2px 1px 25px;
	color: #ffffff;
}
DIV.module A.url:link, DIV.module A.url:visited, DIV.module A.url:hover
{
	padding-left: 35px;
	color: #ffffff;
}
DIV.profileHeaderDetails H2
{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	color: #ffffff;
}
H4
{
	font-size: 14px;
	color: #ffffff;
}
DIV.module
{
	line-height: 18px;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #ffffff;

}
DIV.basicInfoDetails H2
{
	font-size: 190%;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 20px 0 0px;
	text-transform: uppercase;
	background-position: 30px top;
	background-repeat: no-repeat;
	margin-top: -16px;
	color: #ffffff;
}
DIV.module A:link, DIV.module A:visited
{
	padding: 1px 2px;
	color: #ffffff;
}
DIV.module .count
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #ffffff;
}
DIV.detailsModule LI STRONG
{
	display: block;
	float: left;
	width: 40%;
	height: 1.2em;
	overflow: hidden;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
DIV.blogsModule UL.moduleList SPAN.date
{
	padding-left: 8px;
	color: #ffffff;
}
DIV.moduleMid2 LI.moduleItem
{
	background-color: ;
	color: #ffffff;
}
DIV.moduleBody LI
{
	color: #ffffff;
	background-color: transparent;
}
DIV.musicPlayerModule H3.moduleHead
{
	display: none;
	color: #ffffff;
}
DIV.musicPlayerModule DIV
{
	padding: 0;
	background: none;
	color: #ffffff;
}
DIV.detailsModule LI
{
	color: #ffffff;
}
DIV.blogsModule UL.moduleList LI SPAN.date
{
	display: block;
	float: left;
	width: auto;
	padding-right: 20px;
}

DIV.detailsModule LI SPAN
{
	display: inline-block;
	padding-right: 0;
	padding-left: 0;
	font: 12px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
DIV.blogsModule UL.moduleList, DIV.calendarModule UL.moduleList
{
	/*[empty]border-top:;*/
	padding: 20px 8px 0!important;
	color: #ffffff;
}
DIV.blogsModule UL.moduleList LI, DIV.calendarModule LI.moduleItem
{
	color: #ffffff;
}
DIV.commentsModule A.profileLink, DIV.commentsModule P.datePosted
{
	font-weight: bold;
	color: #ffffff;
}
DIV.commentsModule UL.moduleList DIV.userComment
{
	background: url() no-repeat center top;
	padding: 18px 10px 10px 30px;
	color: #ffffff;
}
DIV.commentsModule P.datePosted
{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 2px;
	display: inline;
	color: #ffffff;
}
DIV.commentsModule DIV.user A:link, DIV.friendSpaceModule .moduleList A:link, DIV.commentsModule DIV.user A:visited, DIV.friendSpaceModule .moduleList A:visited
{
	padding: 0;
	border: none;
	background: ;
	color: #ffffff;
}
DIV.commentsModule DIV.user A:hover SPAN, DIV.friendSpaceModule .moduleList A:hover SPAN
{
	text-decoration: underline;
	padding-right: 0;
	padding-left: 0;
	color: #ffffff;
}
DIV.commentsModule UL.moduleList LI UL.commentsInfo LI
{
	font-size: 80%;
	line-height: 1.2em;
	background-color: ;
	border-right: 1px solid #ffffff;
	color: #ffffff;
}
DIV.commentsModule UL.moduleList LI UL.commentsInfo LI.last
{
	border-right: none;
	color: #ffffff;
}
OL.squarePhotos LI.odd
{
	background-color: ;
	color: #ffffff;
}
DIV.friendSpaceModule OL.moduleList LI
{
	width: 105px;
	color: #ffffff;
}

1.0 PREVIEW | 2.0 PREVIEW | RELATED LAYOUTS | HELP

IMAGE DESCRIPTION

Free Emo Collage Layout, Cute Grunge Emo Layout for Myspace 2.0, Cool Emo Hearts Layout for 1.0, Free Grunge Emo Collage 2.0 Layout, Emo Collage Theme, Best Emo Grunge Collage Theme, Artistic Emo 2.0 Themes, Myspace 2.0 Emo Collage Background, New Emo Grunge 1.0 Theme, Unique Emo Design for myspace, Premade Emo Myspace 2.0 Design

DESIGN NOTES

Layout Art by Nonnetta. Check out her Deviant Art page at nonnetta.deviantart.com. To find more layouts using Nonnetta's art, visit her featured artist page on our website.