Steampunk Skinny Myspace Layout - Dark Background

LAYOUT DETAILS

Steampunk Skinny Myspace Layout - Dark Background - Steampunk Art Theme

MYSPACE 1.0 THEMECODE:
1.0 INSTRUCTIONS

<style>

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

span.statusDateTime{visibility: hidden;}
	
span.blacktext12 a{visibility: hidden;}

div.profileWidth {width:720px!important;
	color: ffffff;
}

div.profileWidth table:first-child tr div.clearfix {
	margin-top:0px!important;
	position:relative;
	color: ffffff;
}
div.profileWidth div.clearfix div.profile,
div.srchfieldlayer {position:static !important; margin-left:0px;
	color: ffffff;
}

div.profile div.srchfieldlayer { position:relative !important; left:-6px !important; width:250px !important;
	color: ffffff;
}
div.srchfieldLayer {width: 250px !important;
	color: ffffff;
}
div.srchButton, 
div.srchButton div,
div.srchButton div input {width:48px !important; font-size:8px !important;
	color: ffffff;
}

td.columnsWidening img, td.columnsWidening object { max-width:100% !important; width: expression(this.width > 400 ? 400 : true);
	color: ffffff;
}

table table table table td {filter:none;
	color: ffffff;
}
table table table table {border:0px;
	color: ffffff;
}
td.text table, td.text table td {width:300px; padding:0px;
font-size: 11px;
	color: ffffff;
}

td.text table table table table, td.text table table table table td {width:0px;
	color: ffffff;
}
 table table td {width:0px;
	color: ffffff;
}
 div table table td, table table table td {width:auto;
	color: ffffff;
}
 td.text td.text table table div, td.text td.text table table a img {height: auto; width:75px !important; border-width:0px;
	color: ffffff;
}
.ImgOnlineNow img {width:80px;
	border-style: none;
	color: 3b6ca5;
} .friendsComments .columnsWidening img {width:300px; height:auto;
	border-style: none;
	color: 3b6ca5;
} .friendsComments embed, .friendsComments object {width:330px;
	border-style: none;
	color: 3b6ca5;
} .interestsAndDetails img {width:200px; height:auto;
	border-style: none;
	color: 3b6ca5;
} .interestsAndDetails embed, .interestsAndDetails object {width:200px;
	border-style: none;
	color: 3b6ca5;
}

body{
	background:  url(http://www.profilerehab.com/pb/myspace/steam_punk_layout.jpg) no-repeat fixed center top;
	background-color: 000000;
	margin-top: 150px;
}

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

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

table table table {
	background-color: ;
	background-image:url(http://www.profilerehab.com/pb/myspace/steampunk_layout_TT.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	border-color: 214541;
	border-style: solid;
	border-width: 1px;
	}  
	
table table table table{
	background-image:none;
	background-color:transparent;
	border-style:none;
	}

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;
	}
	
ExtendedNetwork,table.extendedNetwork,span.blacktext12{
	background: url(http://www.profilerehab.com/pb/myspace/steampunk_skinny_layout_ext.jpg) no-repeat center center;
	height: 149px;
	font-size: 11;
	vertical-align: top;
	color: ffffff;
}

.blacktext12{
color: ffffff!important;
	font-size: 11px;
	_font-size: 11px;
	font-weight: normal;
	font-family:  Georgia, "Times New Roman", Times, serif;
	text-align: center top;
	line-height: 15px;
	padding: ;
	margin: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	}

.nametext {
	color: ffffff!important;
	font-size: 16px;
	_font-size: 16px;
	font-weight: normal;
	font-family:  Impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: left;
	line-height: 47px;
	padding: ;
	margin: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: ;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	}		
	
.btext {
	color: ffffff!important;
	font-size: 14px;
	_font-size: 14px;
	font-weight: normal;
	font-family:  Impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-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;
	}		
		
.orangetext15 {
	color: ffffff!important;
	font-size: 14px;
	_font-size: 14px;
	font-weight: normal;
	font-family:  Impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: left;
	line-height: 20px;
	padding: ;
	margin: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	}	
	
.whitetext12 {
	color: ffffff!important;
	font-size: 14px;
	_font-size: 14px;
	font-weight: normal;
	font-family:  Impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: left;
	line-height: 25px;
	padding: ;
	margin: ;
	letter-spacing: 1px;
	display: block;
	background-image:;
	background-position: center;
	background-repeat:no-repeat;
	width:auto;
	text-transform: uppercase;
	}

.redtext, .redbtext {
	color: ffffff;
	font-family: Impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 12px;
	}
	
.blacktext10 {
	color: ffffff;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: ;
	}

.lightbluetext8 {
	color: ffffff;
	font-weight: normal;
	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!important;
*	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!important;
	border-bottom-color: transparent;
	text-decoration: none;
	padding: 0;
}

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

a.navbar:hover {
	color: ffffff!important;
	text-decoration: f1fff7;
}-

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

</style>

.contactTable {
	width:300px !important; 
	height:150px !important; 
	padding:0px !important;
	background-image:url(http://www.profilerehab.com/pb/myspace/steampunk_menu.jpg);
	background-position:center center;
	background-repeat:no-repeat; 
	background-color:transparent;
}

.contactTable table, table.contactTable td { 
	padding:0px !important;
	border:0px; 
	background-color:transparent; 
	background-image:none;
	line-height: normal;
}

.contactTable a img {
	visibility:hidden; 
	border:0px !important;
}
.contactTable a {
	display:block; 
	height:31px; 
	width:115px;
	background-color:transparent;
	border-bottom: none!important;
}
.contactTable .text {
	font-size:1px !important;
}
.contactTable .text, .contactTable a, .contactTable img {
	filter:none !important;
}
.contactTable a:hover {
	background-color: transparent;
}
.contactTable .whitetext12 {
	display:none;
}

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

MYSPACE 2.0 THEMECODE:
2.0 INSTRUCTIONS

/*Layout by PROFILErehab.com*/

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

}
BODY
{
	margin-left: ;
	color: #ffffff;
	background: #000000 url(http://www.profilerehab.com/pb/myspace/steam_punk_layout.jpg) no-repeat fixed center top;
	margin-top: 150px;
}

DIV.blogsModule UL.moduleList LI SPAN.date
{
	display: block;
	float: left;
	width: auto;
	padding-right: 20px;
}

span.pilRealName
{
	color: #ffffff;
}

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

}
span.activitySourceTimestamp
{	
color: #ffffff;
}
div.friendSpaceModule div.moduleBody ol.moduleList {padding-left:10%;}

#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;
}

DIV.profileDemographics
{
	clear: both;
	min-height: 65px;
	padding-right: 10px;
	padding-top: 0;
	padding-left: 0;
	color: #ffffff;
}
DIV#header.clearfix.globalWidth
{
	width: 730px;
	color: #ffffff;
}
#topnav
{
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	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:hover
{
	background-color: transparent;
	color: #ffffff;
}
#topnav UL LI.dropDown:hover A, #topnav UL LI.hover A, #topnav UL LI.hover A:hover
{
	background-color: #0e0e06;
	color: #ffffff;
}
#topnav LI.dropDown UL.subMenu A
{
	background: #0e0e06 center center;
	color: #ffffff;
}
#topnav LI.dropDown:hover UL.subMenu A:hover, #topnav LI.hover UL.subMenu A:hover
{
	background: #0e0e06 none;
	color: #ffffff;
}
DIV#header, DIV#googlebar
{
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	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: normal;
	font-family: Impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #ffffff;
}

/*Titles*/

H3.moduleHead
{
	
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	text-transform: uppercase;
	height: 30px;
	background: url(http://www.profilerehab.com/pb/myspace/steampunk_layout_TT.jpg) no-repeat  right top;
	font: 18px/18px Impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: normal;
	color: #ffffff;
	margin-bottom: ;
}
H3.moduleHead SPAN SPAN
{
	position: relative;
	top: 5px;
	color: #ffffff;
}
DIV.module A:hover
{
	text-decoration: none;
	padding: 1px 2px;
	color: #ffffff;
}
.blurbsModule H3.moduleHead
{
	background-position: center top;
	color: #ffffff;
}
.blurbsModule
{
	background-position: 12px 216px;
	background-repeat: repeat-y;
	color: #ffffff;
}
DIV.blogsModule UL.moduleList LI SPAN.date
{
	display: block;
	float: left;
	width: auto;
	padding-right: 20px;
}

DIV.basicInfoDetails
{
	background: url(http://www.profilerehab.com/pb/myspace/steampunk_layout_TT.jpg) no-repeat  center top;
	height: 220px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding-left: 177px;
	color: #ffffff;
	padding-right: 8px;
	padding-top: 65px;
}
DIV.basicInfoModule
{
	position: relative;
	margin: 5px;
/*!important border: none !important*/
	color: #ffffff;
}
DIV.photo
{
	position: absolute;
	overflow: hidden;
	text-align: center;
	width: 150px;
	height: auto;
	left: 15px;
	color: #ffffff;
	padding-top: 65px;
}
DIV.photo IMG
{
	max-height: 170px;
	max-width: 150px;
	color: #ffffff;
}
DIV.photo IMG.nophoto
{
	width: 170px;
	height: 170px;
	color: #ffffff;
}
DIV.moduleMid2
{
	color: #ffffff;
	border-color: #214541;
	border-style: solid;
	border-width: 2px;
	background-color: none;
}
DIV.contentMid2
{
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	color: #ffffff;
}
.urllink
{
	font: 10px;
}

DIV#header *
{
	font-size: 10px;
	color: #ffffff;
}
DIV.blurbsModule H4
{
	margin: 0.6em 0;
	padding-left: 3px;
	color: #ffffff;
}
.autoResize
{
	overflow: hidden;
	width: 100%;
	padding-left: 0px;
	color: #ffffff;
}
DIV.basicInfoModule DIV.moduleTop DIV
{
	background: transparent 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: 32px;
	color: #ffffff;
	font-size: smaller;
}
DIV.basicInfoDetails SPAN.urlLink
{
	position: relative;
	/*[empty]top:;*/
	right: 24px;
}
DIV.profileHeaderDetails H2
{
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2em;
	color: #ffffff;
}
H4
{
	font-size: 16px;
	color: #ffffff;
}
DIV.module
{
	line-height: 18px;
	font-size: 10px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #ffffff;
}
DIV.basicInfoDetails BLOCKQUOTE P
{
	width: 244px;
}
DIV.basicInfoDetails H2
{
	font-size: 190%;
	font-family: Impact, 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: 12px;
	color: #ffffff;
}
DIV.detailsModule LI STRONG
{
	display: block;
	float: left;
	width: 40%;
	height: 1.2em;
	overflow: hidden;
	font: normal 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: transparent;
	color: #ffffff;
}
DIV.moduleBody LI
{
	color: #ffffff;
	margin: 0;
}
DIV.basicInfoDetails UL.contactLinks
{
	position: relative;
	/*[empty]top:;*/
	right: 24px;
}
DIV.musicPlayerModule H3.moduleHead
{
	display: none;
	color: #ffffff;
}
DIV.musicPlayerModule DIV
{
	padding: 0;
	background: none;
	color: #ffffff;
}
DIV.detailsModule LI
{
	color: #ffffff;
	margin: 0;
}
DIV.detailsModule LI SPAN
{
	display: inline-block;
	padding-right: 0;
	padding-bottom: 20px;
	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: 8px 0 8px !important; /*[e]8px 0 8px*/
	color: #ffffff;
}
DIV.blogsModule UL.moduleList LI, DIV.calendarModule LI.moduleItem
{
	color: #ffffff;
}
DIV.commentsModule A.profileLink, DIV.commentsModule P.datePosted
{
	font-weight: normal;
	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: transparent;
	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: 10px;
	line-height: 1.2em;
	background-color: transparent;
	border-right: 1px solid #1B0303;
	color: #ffffff;
}
DIV.commentsModule UL.moduleList LI UL.commentsInfo LI.last
{
	border-right: none;
	color: #ffffff;
}
OL.squarePhotos LI.odd
{
	background-color: transparent;
	color: #ffffff;
}
DIV.friendSpaceModule OL.moduleList LI
{
	width: 105px;
	color: #ffffff;
}

1.0 PREVIEW | 2.0 PREVIEW | RELATED LAYOUTS | HELP

IMAGE DESCRIPTION

Free Skinny Steampunk Skinny Myspace Layout for 2.0, Tiny Steam Punk Black Theme for 2.0, Steampunk Art Myspace Layouts, Skinny Guy Myspace Themes, Skinny Black Steampunk Layout Codes, New Tiny Steampunk 2.0 Layouts, Dark Myspace Backgrounds, Skinny Layouts, Tiny Layouts, Dark Wallpapers, Best Premade Steampunk Layouts, Dark Steampunk Web Background, Steampunk Skinny Layouts, Tiny Steam Punk Web Themes, Cool Skinny Steampunk Backgrounds, Skinny Myspace Layouts, Steampunk Design for 1.0, Tiny Steampunk Images