Artistic Whale Hide Everything Layout - Drawing of a Whale No Scroll Layout

1.0 LAYOUT PREVIEW
MYSPACE 1.0 THEMECODE:
1.0 INSTRUCTIONS
MYSPACE 2.0 THEMECODE:
2.0 INSTRUCTIONS
/*Layout by PROFILErehab.com*/


BODY
{
	margin-right: 0px;
	color: #ffffff;
	background: #010f23 
	url(http://www.profilerehab.com/pb/myspace/animals/whale_layout_1.jpg) no-repeat fixed center top;
}

div.photo {display:none;}

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

div.musicPlayerModule {position:absolute; top:0px; left:-400px; height:3px; width:1px; overflow:hidden;overflow-y: hidden;}div#musicPlayer {position:absolute; top:0px; left:0px; opacity:0.001; overflow: hidden; filter:alpha(opacity=0)}
SPAN.urlLink
{
visibility: hidden;
}	
HTML
{
	height: auto;
	background: ;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #ffffff;
}

div.blurbsModule h3 {display:none;}
div.blurbAboutMe h4 {display:none;}
div.blurbLikeToMeet {display:none;} 
div.basicInfoModule ul.contactLinks li a {display:none;}
div.networkingModule {display:none;}
div.blogsModule {display:none;}
div.friendSpaceModule {display:none;}
div.commentsModule {display:none;}
div.interestsModule {display:none;}
div.detailsModule {display:none;}
div.schoolsModule {display:none;}
div.networkingModule {display:none;}
div.companiesModule {display:none;}
div.calendarModule {display:none;}
div.videoSliderModule {display:none;}
div.mdpapplicationModule {display:none;}
div.activityMiniFeedModule {display:none;}
div#footer, div#footer a {color: transparent;
	display: none;
} 
div.basicInfoModule div.basicInfoDetails h2 {display:none;}
div.basicInfoDetails li#adr {display:none;}
div.basicInfoDetails blockquote p a{visibility: hidden;}
div.basicInfoDetails blockquote p span.date{visibility: hidden;}
div.basicInfoModule span.status {display:none;}
div.profileDemographics {display:none}
div.basicInfoModule blockquote p {display:none;}
span.status {display:none;}
span.mood {display:none; }
div.basicInfoModule div.basicInfoDetails span.date {display:none;}
div.pageLinks {display:none;}

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

#topnav
{
	background-color: transparent;
	color: #ffffff;
	height: auto;
	position: relative;
	top: ;
	z-index: 7;
}
#topnav UL
{
	border-right: 1px solid #ffffff;
	color: #ffffff;
}
#topnav UL LI
{
	border-left: 1px solid #ffffff;
	color: #ffffff;
}
#topnav li.dropDown:hover ul.subMenu a:hover, #topnav li.hover ul.subMenu a:hover 
 {
	color: #ffffff;
	border-style: none;
	background-color: #03233e;
}

#topnav UL LI A
{
	color: #ffffff;

}
#topnav UL LI A:hover
{
	background-color: #03233e;
	color: #ffffff;
	border: none;
}
#topnav UL LI.dropDown:hover A, #topnav UL LI.hover A, #topnav UL LI.hover A:hover
{
	background-color: #03233e;
	color: #ffffff;

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

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

}
#topnav li.dropDown ul.subMenu a {
	color: #ffffff;
	background:  #03233e;
	text-align: left;
	border-style: none;
}
#topnav li.dropDown:hover ul.subMenu a:hover,
#topnav li.hover ul.subMenu a:hover { 
	color: #ffffff; 
	background-color: #03233e;
}
#topnav ul.subMenu { 
color: #ffffff; 
background-color: #03233e;
}

#topnav ul.subMenu li { 	
color: #ffffff; 
background-color: #03233e;
}
DIV#header *{
	color: #ffffff;
}

DIV#header{
	color: #ffffff;
}

div#header.clearfix.globalWidth{
	width: 780px;
	color: #ffffff;
}
#topnav ul.subMenu{
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

DIV#header,DIV#googlebar{
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	color: #ffffff;
	margin-top: -10px;
}

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

}

#topnav ul li.dropDown{z-index:1000001;
	color: #ffffff;
}

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

H3.moduleHead
{
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	height: 50px;
	text-transform: uppercase;
	background:  transparent;
	font: 21px/21px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
}

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

DIV.module A:hover
{
	text-decoration: none;
	padding: 1px 2px;
	color: #ffffff;
}

.blurbsModule
{
	color: #ffffff;
	position: relative;
	top: 10px;
}
DIV.basicInfoDetails
{
background: transparent;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	visibility: hidden;
}


DIV.photo
{
	position: relative;
	text-align: center;
	color: #ffffff;
	left: 60px;
	top: ;
	height: auto;
	width: 200px;
}
div.basicInfoModule div.photo a img {
	max-height: 300px;
	max-width: 300px;
	color: #ffffff;
	}
DIV.photo IMG
{
	max-height: 300px;
	max-width: 300px;
	color: #ffffff;
}
DIV.photo IMG.nophoto
{
	width: 300px;
	height: auto;
	color: #ffffff;
}
span.pilRealName
{
	color: #ffffff;
}
DIV.moduleMid2
{
	border: none;
	color: #ffffff;
	background-color: transparent;
}
DIV.contentMid2
{
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	color: #ffffff;
}
DIV#header *
{
	font-size: 11px;
	color: #ffffff;
}

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

.autoResize{
	width: 360px;
	color: #ffffff;
	position: relative;
	left: 140px;
	z-index: 3;
	text-align: justify;
}
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: bold;
	line-height: 1.2em;
	color: #ffffff;
}
H4
{
	font-size: 110px;
	color: #ffffff;
}
DIV.module
{
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #ffffff;
	overflow: visible;
	position: absolute;
	width: auto;
	float: none;
	clear: none;
	top: 220px;
}

div.module div.moduleBody{
	line-height:;
}

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;
	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: 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;
	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: 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;
}
This is a hide everything layout. Only your About Me text will show. This code is set up to allow your music playlist to be hidden but continue to play if you set your playlist on auto-play. If you don't want your music to play just remove the player from your profile before adding this code or turn off auto-play. If you want to learn more about how to make your own text header for the About Me section, how to use scroll boxes or for more info on Hide Everything layouts, click here for 1.0 Hide Everything Layouts info OR click here for 2.0 Hide Everything Layouts info.
Layout Art by Bramleech. Visit his Deviant Art Gallery to view more of his amazing artwork. To find more of our layouts using his art, visit his featured artist page on our website.
Back to Artistic Whale Hide Everything Layout - Drawing of a Whale No Scroll Layout