The Office MySpace Layout Codes

THE OFFICE

THE OFFICE MYSPACE LAYOUT CODE

Our The Office Myspace Layout includes Slideshow Effects & Falling Animations!
If you are looking for something simple, then use the code without the Slideshow.
Copy and Paste the code you choose to your INTERESTS or ABOUT ME section.

<center><a target="_blank" title="MySpace Layouts" href="http://www.blingrevolution.com/"><img src="http://i118.photobucket.com/albums/o110/revmyspace/logo/88-31.gif" alt="Myspace Layouts"></a><br><a title="MySpace Comments" target="_blank" href="http://www.butterfunk.com/">MySpace Comments</a><br><a title="MySpace Graphics" target="_blank" href="http://www.blingcheese.com/">MySpace Graphics</a><br><a title="MySpace Layouts" target="_blank" href="http://www.layoutjelly.com/">MySpace Layouts</a><br><a title="MySpace Codes" target="_blank" href="http://www.blingrevolution.com/">MySpace Codes</a></center>

<div style="position:absolute;left:0px;top:0px;"><a href="http://www.blingrevolution.com/" target="_blank"><img src="http://i118.photobucket.com/albums/o110/revmyspace/logo/125-40.gif" border="0" alt="Myspace Layouts" title="MySpace Layouts"></a></div>
<div style="position:absolute;right:0px;top:0px;"><center><a href="http://www.photobucket.com/register.php?pbaffsite=317" target="_blank"><img src="http://i153.photobucket.com/albums/s235/revmyspace2/main/photobucket140.gif" border="0" title="Free Image Hosting"></a><br><a title="MySpace Comments" target="_blank" href="http://www.butterfunk.com/">MySpace Comments</a><br><a title="MySpace Graphics" target="_blank" href="http://www.blingcheese.com/">MySpace Graphics</a><br><a title="MySpace Layouts" target="_blank" href="http://www.layoutjelly.com/">MySpace Layouts</a><br><a title="MySpace Codes" target="_blank" href="http://www.blingrevolution.com/">MySpace Codes</a></center></div>

.revolution { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
	background-color:000000;
	background-image:url('http://i118.photobucket.com/albums/o110/revmyspace/tv/tv-theoffice-back.jpg');
	background-attachment:fixed;
	background-repeat:repeat;
	scrollbar-face-color:cccccc;
	scrollbar-highlight-color:cccccc;
	scrollbar-3dlight-color:cccccc;
	scrollbar-shadow-color:cccccc;
	scrollbar-darkshadow-color:050505;
	scrollbar-arrow-color:050505;
	scrollbar-track-color:050505;
	 }

.revolution { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
	border-style:ridge;
	border-width:4px;
	border-color:cccccc;
	background-color:transparent;}
table table table td {
	background-color:050505;
	filter:alpha(opacity=85); ..-opacity:0.85; opacity:0.85; -khtml-opacity:0.85; }
table table table table td {filter:none;}

.revolution { Image Properties }
a img{
	filter:Alpha(Opacity=100,  FinishOpacity=45,  Style=1,  StartX=20,  StartY=40,  FinishX=0,  FinishY=0);
	background-color:transparent; border-width:0px; border-style:ridge; border-color:000000;}
a:hover img { filter:blur(add=false, direction=120, strength=5); border-width:0px; border-style:ridge; border-color:000000;}

.revolution { Text Properties }
table, tr, td, li, p, div { font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
.btext { font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
.blacktext10 { width: 400px;border-bottom:3px solid; border-color:cc0000; font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
.blacktext12 { font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
.lightbluetext8 { font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
.orangetext15 { font-family:tahoma; color:cccccc; font-size:14px; font-weight:bold;    } 
.redtext { font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
.redbtext { font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
.text { font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
.whitetext12 { font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
a:active, a:visited, a:link, a.searchlinksmall:link { font-family:arial; color:cc0000; font-size:12px; font-weight:bold;    } 
a:hover { font-family:arial; color:cccccc; font-size:12px;     } 
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
a.navbar:hover { font-family:arial; color:cccccc; font-size:12px;     } 
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:cccccc; font-size:12px; font-weight:bold;    } 
a.redlink:hover, a.searchlinksmall:hover { font-family:arial; color:cccccc; font-size:12px;     } 
.nametext { font-family:tahoma; color:cccccc; font-size:24px; font-weight:bold;    } 
</style>

/*LAYOUT CODE DESIGNED BY REVOLUTIONMYSPACE.COM*/
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #050505 url(http://i118.photobucket.com/albums/o110/revmyspace/tv/tv-theoffice-back.jpg) repeat fixed;} 
p{line-height:1.8;}
a:link, a:active, a:visited {color: #666666}
a:hover {color: #FFFFFF }

div[class~="module"] { border:none; }
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=050505&r=6&w=2000&s=222222&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 #222222; margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #222222; margin: 0 5px; }

div[class~="moduleMid2"] { margin: 0 8px; } 
div[class~="moduleMid"] { border-left: solid #222222 1px; } 
div[class~="moduleMid1"] { border-right: solid #222222 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; }

div.wrap { background-color:transparent } 
div.contentMid { background-color: transparent; } 
div.module { border:0px solid #E5E5E5; color:#FFFFFF; }  
div#header, div#googlebar { background: none; }

#topnav ul { border-right: 0px #000000 solid; }  
#topnav ul li { border-left: 0px #000000 solid; }  
div#footer { background-color:transparent; padding:0 0 20px 0;} 
div#footer a { color:#FFFFFF} 
div#footer div { padding:10px 0; color:#FFFFFF} 
h3.moduleHead { font-size: 120%; color:#FFFFFF; background-color: transparent; padding:0.2em }   
div.moduleMid2 h3 { background:#000000 bottom left repeat-x; color: #; padding-top:5px; padding-bottom:5px; text-transform: none; letter-spacing:-1px; font-size:17px;} 
h4 { font-size: 110%; color:#FFFFFF} 
div.basicInfoModule div.moduleHeadTop, div.basicInfoModule div.moduleHeadMid, div.basicInfoModule div.moduleHeadBottom { display:none; }
div.basicInfoModule { background-color: transparent; } 
div.photo, div.profileDemographics, div.moduleMid, div.moduleTop div div, div.moduleBottom div div { background-color: #050505; } 
#topnav { background-color: transparent; }
div.moduleMid2 h3, div.basicInfoDetails h2 {color:#FFFFFF;} 
a.url, ul.contactLinks li a, a:hover; {color: #FFFFFF} 
div.basicInfoDetails h2 { font-size: 24px; font-weight:bold; line-height: 1.2em;} 
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; }
div.musicPlayerModule h3.moduleHead { display: none; }
div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #050505; }
div.detailsModule li { background-color: #050505; line-height: 0; color:#FFFFFF; } 
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #FFFFFF; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; } 
div.networkingModule a { font-weight:bold; }
div.blogsModule ul.moduleList { border-top: dotted #FFFFFF 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px #FFFFFF; }
div.blogsModule ul.moduleList span.date { color: #ffffff; } 
div.blurbsModule h4 { background-color: transparent; color: #FFFFFF; } 
div.calendarModule ul.moduleList { border-top: dotted 0px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 0px #3d3d3d; }
div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000; } 
div.commentsModule ul.moduleList li { background-color:#050505; } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: #FFFFFF; } 
div.commentsModule div.userComment { background-color:#050505; } 
div.commentsModule div.user { background:transparent; background-color:#050505; } 
div.commentsModule p.datePosted { font-weight: bold; color: #FFFFFF; }
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 {background-color:#050505;} 
#topnav ul li a:hover {background-color:#FFFFFF; color: #000000}  
#topnav ul li a.open:hover {background: #FFFFFF none repeat scroll 0 0; color: #000000}   
#subnav * {
color:#000000 !important;  
text-decoration:none !important;
text-transform:none !important;
}   
#subnav ul li a:hover {background: #FFFFFF none repeat scroll 0 0; color: #000000}
div.content {background-color: #transparent;
background-image: url('http://i118.photobucket.com/albums/o110/revmyspace/main/rev-layout-ad-wide.gif');
background-repeat: no-repeat;
background-position: top right;}

[id~=subnav] * {
color:  !important;  
text-decoration:none !important;
text-transform:none !important;
}   
[id~=subnav] ul li a:hover {background: #050505 none repeat scroll 0 0; color: }div.column1 {background-image:url(http://i118.photobucket.com/albums/o110/revmyspace/tv/tv-theoffice-extended.gif);background-repeat:no-repeat;background-position:top center;width:450px;padding-top:400px;}

/*LAYOUT CODE DESIGNED BY REVOLUTIONMYSPACE.COM*/

click here if you can't see the code above

click here if you can't see the code above

You must have Profile 2.0 installed to use this code.
Paste this code into your "CSS {}" Section.

THE OFFICE MYSPACE LAYOUT CODE

The Office Layout Comments