Rock Out Music Notes MySpace Layout 2.0

This Layout is Available in Myspace Profile 1.0 Format, CLICK HERE!

Rock Out Music Notes

YOU MUST UPGRADE YOUR MYSPACE PROFILE TO 2.0 TO USE THIS LAYOUT

Due to the complicated nature of adding 2.0 layouts, please use the Gigya install tool to ensure the layout will install properly on your profile. The layout will auto install to your profile removing any existing layout. For those of you that understand how to install the layout manually, the copy code is provided below the auto install.

Myspace 2.0 Layout

body {
background-color:rgb(40,156,254);
background-image:url(http://layouts.deepbox.com/media/layouts/background/rock-out-music-notes-1185.gif);
background-attachment:fixed;
background-position:top left;
background-repeat:repeat;
font-family:arial;
color:rgb(255,255,255);
line-height:10px;
font-size:10px;
text-transform:lowercase;
letter-spacing:0px;
}
div.module {
background-color:rgb(40,156,254);
border-width:5px;
border-color:rgb(255,255,255);
border-style:solid;
}
a:link {
text-decoration:none;
color:rgb(255,255,255);
font-family:arial;
line-height:10px;
font-size:7pt;
text-transform:none;
letter-spacing:0px;
font-weight:normal;
font-style:normal;
}
a:active {
text-decoration:none;
color:rgb(255,255,255);
font-family:arial;
line-height:10px;
font-size:7pt;
text-transform:none;
letter-spacing:0px;
font-weight:normal;
font-style:normal;
}
a:hover {
text-decoration:under-line;
color:rgb(255,255,255);
font-family:arial;
line-height:10px;
font-size:7pt;
text-transform:normal;
letter-spacing:0px;
font-weight:normal;
font-style:normal;
}
.moduleHead {
font-family:arial;
font-size:10px;
color:rgb(255,255,255);
line-height:10px;
letter-spacing:0px;
font-weight:normal;
text-transform:lowercase;
}
.basicInfoDetails h2 {
font-family:century gothic, verdana;
color:rgb(255,255,255);
line-height:25px;
padding:10px;
text-transform:lowercase;
letter-spacing:0px;
border-bottom:3px;
}
.moduleList strong {
font-family:tahoma;
font-size:9px;
color:rgb(255,255,255);
line-height:9px;
font-weight:bold;
text-transform:normal;
letter-spacing:0;
background-color:rgb(40,156,254);
text-align:center;
border:0;
padding:2px;
}
.moduleBody {
font-family:arial;
color:rgb(255,255,255);
line-height:10px;
font-size:10px;
text-transform:lowercase;
letter-spacing:0px;
}
.moduleBody {
}

div.contentTop { 
	background-image:url(http://www.deepbox.com/images/v2/menubar.png); 
	padding-top:20px; 
	background-repeat:no-repeat; 
	background-position:center center; 
	background-color: #ffffff;
 }

div#header, div#googlebar { background: transparent; }
#topnav { background-color: #ffffff; }
#topnav ul { border-right: 1px #ffffff solid; }
#topnav ul li { border-left: 1px #ffffff solid; }
#topnav ul li a:hover {background-color: #ffffff; color: #289cfe; }
#topnav ul li a.open:hover {background: #289cfe none repeat scroll 0 0; color: #ffffff;

}
.moduleHead {
color:rgb(40,156,254);
background-color:rgb(255,255,255);
font-size:10pt;
font-weight:bold;
}
/*BEGIN_ABOUT_CONTENT <div><a style="position:fixed;z-index:9 !important;top:0;left:0;" href="http://www.deepbox.com/" title="Deepbox.com" target="_blank"><img src="http://www.deepbox.com/images/myspacetag.gif" alt="Deepbox" /></a></div><div><a style="position:fixed;z-index:9 !important;top:0;right:0;" href="http://www.deepbox.com/myspace-layout-2/rock-out-music-notes-1185.html" title="Deepbox.com" target="_blank"><img src="http://www.deepbox.com/images/getlayout.gif" alt="Deepbox" /></a></div> END_ABOUT_CONTENT*/

Myspace 2.0 Default Layout

div.wrap { background-color: white; width: 800px; }
/*GLOBAL*/
body { background-color:#E5E5E5; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-image:url(http://layouts.deepbox.com/media/layouts/background/rock-out-music-notes-1185.gif); background-attachment:fixed; }
p{line-height:1.6;}
a,a:hover{text-decoration:none;}
a:link, a:visited { color:#103795; }
a:hover { color:#cc0000; }
div.contentMid { background-color:#fff; }
span.count { color:#db0002; }
div.module { border:1px solid #E5E5E5; }
.noborder { border:none; }

/*HEADINGS*/
h1,h2,h3,h4 { font-weight: bold; }
h3.moduleHead { color: #fff; background-color: #4184D5; }
h4 { font-size: 110%; }

/*NO BORDER FOR CERTAIN MODULES*/
div.musicPlayerModule, div.videoPlayerModule, div.videoSliderModule, div.blogsModule, div.blurbsModule { border: 0px; }

/*GLOBAL TOOLBAR STYLES*/
div.toolbar ul li { border-right: 1px solid #3d3d3d; }
div.toolbar ul li.last, div.toolbar ul li.navLabel { border-right: none; }
span.toolbarCount { font-weight: bold; }

/***********************************/
/* BEGIN MODULE STYLES */
/***********************************/

/*PROFILE NAVIGATION HEADER*/
div.profileHeaderModule div.moduleHeadTop,
div.profileHeaderModule div.moduleHeadMid,
div.profileHeaderModule div.moduleHeadBottom { display:none; }
div.profileHeaderModule { background-color: #FFF; }
div.photo { background-color: #E5E5E5; }
div.profileDemographics { background-color: #D5E7FB; }
div.profileHeaderDetails h2 { font-size: 18px; font-weight:bold; line-height: 1.5em; }
div.profileStatus,
div.profileMood,
div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }

div.profileFullName { color:#333; font-weight:bold; }
div.profileFullName span { color:#000; }
ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; }

/*INTERESTS*/
div.interestsModule li { background-color: #D5E7FB; }
div.interestsModule li h4 { color: #2C6DBD; }

/*DETAILS*/
div.detailsModule li { background-color: #D5E7FB; line-height: 0; }
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: 
#2C6DBD; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; }

/*SCHOOLS*/
div.schoolsModule li.moduleItem { background-color: #D5E7FB; }

/*NETWORKING*/
div.networkingModule li.moduleItem { background-color:#D5E7FB; }
div.networkingModule a { font-weight:bold; }

/*COMPANIES*/
div.companiesModule li.moduleItem { background-color:#D5E7FB; }

/*BLOGS*/
div.blogsModule h3 { background-color: transparent; color: #3d3d3d;}
div.blogsModule ul.moduleList { border-top: dotted #3d3d3d 1px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 1px #3d3d3d; }
div.blogsModule ul.moduleList span.date { color: #636363; }

/*BLURBS*/
div.blurbsModule h3 { background-color: #d5e8fb; color: #464646; }
div.blurbsModule h4 { background-color: transparent; color: #36C; }

/*CALENDAR*/
div.calendarModule h3 { background-color: #d5e8fb; color: #464646; }
div.calendarModule ul.moduleList { border-top: dotted 1px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 1px #3d3d3d; }

/*FRIENDS SPACE*/
div.friendSpaceModule h3 { background-color: #F8D49B; color: #464646; }

/*COMMENTS*/
div.commentsModule ul.moduleList li { background-color:#F8D49B; }
div.commentsModule a.profileLink,
div.commentsModule p.datePosted { font-weight:bold; }
div.commentsModule h3 { background-color:#F8D49B; color:#464646; }
div.commentsModule div.userComment { background-color:#FCEACD; }
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; }

/***************************************/
/* BEGIN CONTAINER STYLES */
/***************************************/

/* 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=Transparent&r=5&w=2000&s=E5E5E5&sw=1); font-size:0px; }
div[class~="moduleTop"] div div,
div[class~="moduleBottom"] div div { background-image:none; }
div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #E5E5E5; margin: 0px 5px; }
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #E5E5E5; margin: 0 5px; }
div[class~="moduleMid2"] { margin: 0 5px; }
div[class~="moduleMid"] { border-left: solid #E5E5E5 1px; }
div[class~="moduleMid1"] { border-right: solid #E5E5E5 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-image:none; border:0; }

/* 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-image:none; border:0; }
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-image:none; border:0; }
div.videoSliderModule div.moduleMid2 { margin: 0; }
div.musicPlayerModule div.moduleMid2 { margin: 0; }

/* BLOGS - hide border and remove header background color */
div.blogsModule,
div.blogsModule div.moduleTop,
div.blogsModule div.moduleTop div,
div.blogsModule div.moduleMid,
div.blogsModule div.moduleMid1,
div.blogsModule div.moduleBottom,
div.blogsModule div.moduleBottom div { background-image:none; border: 0; }

/*BLURBS - hide border and change header background color */
div.blurbsModule,
div.blurbsModule div.moduleTop,
div.blurbsModule div.moduleTop div,
div.blurbsModule div.moduleMid,
div.blurbsModule div.moduleMid1,
div.blurbsModule div.moduleBottom,
div.blurbsModule div.moduleBottom div { background-image:none; border:0; }

div.contentTop {
        background-image:url(http://www.deepbox.com/images/v2/menubar.png);
//        padding-top:20px;
        background-repeat:no-repeat;
        background-position:center center;
 }

/*BEGIN_ABOUT_CONTENT <div><a style="position:fixed;z-index:9 !important;top:0;left:0;" href="http://www.deepbox.com/" title="Deepbox.com" target="_blank"><img src="http://www.deepbox.com/images/myspacetag.gif" alt="Deepbox" /></a></div><div><a style="position:fixed;z-index:9 !important;top:0;right:0;" href="http://www.deepbox.com/myspace-layout-2/rock-out-music-notes-1185.html" title="Deepbox.com" target="_blank"><img src="http://www.deepbox.com/images/getlayout.gif" alt="Deepbox" /></a></div> END_ABOUT_CONTENT*/

Related Layout Tags

music layouts 2.0, animated 2.0, animated layouts 2.0, music 2.0, music notes 2.0, music note layouts 2.0

Layout Search

Layout Categories

MySpace Icons

Image Effects

Customizations

Friend Sites