Steampunk Myspace Layout - Dark Background

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

body {
	background:  url(http://i257.photobucket.com/albums/hh238/profilerehab/myspace/steam_punk_layout_2.jpg) no-repeat fixed center top;
	margin-top: 150px;
	margin-right: 0px;
	background-color: 000000;
}

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://i257.photobucket.com/albums/hh238/profilerehab/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://i257.photobucket.com/albums/hh238/profilerehab/myspace/steampunk_layout_ext.jpg) no-repeat center center;
	height: 149px;
	font-size: 0;
	vertical-align: top;
	color: ffffff;
}

.blacktext12 {visibility:hidden; display:none;}

.nametext {
	color: ffffff!important;
	font-size: 18px;
	_font-size: 18px;
	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: 18px;
	_font-size: 18px;
	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: 18px;
	_font-size: 18px;
	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: 18px;
	_font-size: 18px;
	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://i257.photobucket.com/albums/hh238/profilerehab/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
{
	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;

}
span.activitySourceTimestamp
{	
color: #ffffff;
}

div[class~="friendSpaceModule"] .moduleBody {
   padding-left: 32px;
   padding-right: 24px;
   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: ;
	color: #ffffff;
	background: #000000 url(http://i257.photobucket.com/albums/hh238/profilerehab/myspace/steam_punk_layout_2.jpg) no-repeat fixed center top;
	margin-top: 150px;
}

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

#topnav
{
	background-color: transparent;
	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: #0e0e06;
	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 *{
	color: #ffffff;
}

DIV#header{
	color: #ffffff;
}

div#header.clearfix.globalWidth{
	width: 780px;
	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;
}

H3.moduleHead
{
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	height: 30px;
	text-transform: uppercase;
	background: url(http://i257.photobucket.com/albums/hh238/profilerehab/myspace/steampunk_layout_TT.jpg) no-repeat right top;
	font: 21px/21px Impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #ffffff;
}

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

DIV.module A:hover
{
	text-decoration: none;
	padding: 1px 2px;
	color: #ffffff;
}
.blurbsModule H3.moduleHead
{
	color: #ffffff;
}
.blurbsModule
{
	background-position: 12px 216px;
	background-repeat: repeat-y;
	color: #ffffff;
}
DIV.basicInfoDetails
{
background: url(http://i257.photobucket.com/albums/hh238/profilerehab/myspace/steampunk_layout_TT.jpg) no-repeat center top;
	height: 225px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding-left: 180px;
	color: #ffffff;
	padding-top: 55px;
	padding-right: 10px;
}

.urllink
{
	font: 10px;
}

DIV.photo
{
	position: absolute;
	overflow: hidden;
	text-align: center;
	width: 190px;
	padding-left: 0px;
	padding-top: 65px;
	left: 13px;
	color: #ffffff;
}
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
{
	border: 2px solid #214541;
	color: #ffffff;
	background-color: transparent;
}
DIV.contentMid2
{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	color: #ffffff;
}
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: 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: 35px;
	color: #ffffff;
}
DIV.profileHeaderDetails H2
{
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
	color: #ffffff;
}
H4
{
	font-size: 14px;
	color: #ffffff;
}
DIV.module
{
	padding: 10px;
	line-height: 18px;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #ffffff;
}
DIV.basicInfoDetails H2
{
	font-size: 190%;
	font-family: Impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-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: Impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 18px;
	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;
}
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: 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: 80%;
	line-height: 1.2em;
	background-color: transparent;
	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: transparent;
	color: #ffffff;
}
DIV.friendSpaceModule OL.moduleList LI
{
	width: 105px;
	color: #ffffff;
}

1.0 PREVIEW | 2.0 PREVIEW | RELATED LAYOUTS | HELP/TWEAKS | MAKE SKINNY

Free Steampunk Black Myspace Layout for 2.0, Black Myspace Layouts, Dark Guy Layout, Steampunk Art Layouts, Unique Steampunk Backgrounds, Dark Punk Webpage Background, Cool Black Steampunk 2.0 Theme, Black Steam Punk Profile Layout Codes, Abstract Dark Web Steampunk 1.0 Layouts, Best Steampunk Premade Myspace Backgrounds, Steampunk Design, Free Punk Myspace Black Layouts, Awesome Black Steampunk Web Background, Steampunk Design, Steampunk Images