ezdesign > monkeyface profile skin

:using this profile skin:

To use this profile skin you need to download the background image and upload it to your own webhost. Get the url. Then paste this code into the stylesheet box on your edit profile page remembering to change "marble.gif" into the ful http:// url of your image..

download image »

/* profile css 2002 JR.o */
/* custom by medeis */
/* refer to table-http://www.ezboard.com/help/user/profileskinning_authoring.html for details */

/* ! basic elements */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body  {
		margin-top: 25px;
		padding-top: 50px;

color: #8A2BE2;
            font: 75%/1.5em Verdana, sans-serif;
                background: #000000;
		background: url(marble.gif);
                background-repeat: repeat;
text-align:center; 
                }

a { color: #A155D5; text-decoration: none; }
a:link { text-decoration: inherit; }
a:visited { text-decoration: inherit; }
a:hover { color: #BB6FF0; text-decoration: inherit; }
a:active { background: transparent; color: #8A2BE2; text-decoration: inherit; }		
		
h1 { font : bold 17px verdana, sans-serif; color: #8A2BE2; margin : 0; text-align : center; padding-bottom: 10px; }
h2 { color : #8A2BE2; font : bold 11px verdana, Arial, sans-serif; test-align : center;  padding-top: 10px; padding-bottom: 0px; }

dl {  border-left : 0px dashed #000000;  font-size : .75em; margin : 2px 0 0 15px; padding : 0 0 0 0px; }
img { border: 0; vertical-align : bottom; }

/* master positioning */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* wraps the 3 major blocks - heading, main and footing */
#wrapper { background : transparent;  width : 420px;  margin : 10px auto 0 auto; text-align:center;  }

/* 1st major block */

#heading { 
	background-color : #000000;
	border-top : 1px solid #543D64;
	border-right : 1px solid #543D64;
	border-bottom : 0px solid #543D64;
	border-left : 1px solid #543D64;
	padding : 10px;
	}
	/* hypermatch button if it exists */
	#hypermatch { 
	float : center; 
	border-top : 0px solid #543D64;
	border-right : 0px solid #543D64;
	border-bottom : 0px solid #543D64;
	border-left : 0px solid #543D64;
	padding-bottom: 5px;
	}
	a.hypermatch { color: #8A2BE2; background-color : transparent; display : block; padding: 0 10px 0 10px;}
	a.hypermatch:hover { color: #9B67FA; display : block; padding: 0 10px 0 10px; text-decoration: none;}

#personalphoto {
	float : center; 
	border-top : 0px solid #543D64;
	border-right : 0px solid #543D64;
	border-bottom : 0px solid #543D64;
	border-left : 0px solid #543D64;
	padding-bottom: 5px;
	padding-top: 20px;
	}
	#totalposts, #membersince { color : #BB9955; font : 11px verdana, Arial, sans-serif;}

/* 2nd major block */
 #main { 
	background-color : #000000;  
	border-top : 1px solid #543D64;
	border-right : 1px solid #543D64;
	border-bottom : 1px solid #543D64;
	border-left : 1px solid #543D64;
	padding-top: 10px; padding-bottom: 20px
	}
	/* controls 2 information sections */
	#personalinfo { float : center;  width : 420px; }
	#contactinfo { float : center; width : 420px; }
		/* information boxes */

#lastname, #age, #location, #email, #recentposts, #hobbies, #im, #firstname, #occupation, #personalbio, #pm, #link, { float : center; }
			.title { color : #BB9955; font : 11px verdana, Arial, sans-serif; }
			.value { color : #BB9955; }
			.privatevalue { color : #BB9955; font-style : italic;}
		/* privatemessaging form */
		#privatemessageform {  font-size : .75em; margin : 2px 0 0 15px; padding : 0 0 0 5px; width : 350px; text-align : right;}
			input#subject, textarea#message { color: #BB9955; background-color: #000000; font : 11px verdana, arial, sans-serif; width : 350px; }
			input#send { background-color: #000000; color: #778899; }

/* 3rd major block */
 #footing { 
	background-color : #000000;
	color : #543D64; 
	font-size : 9px; 
	border-top : 0px solid #543D64;
	border-right : 1px solid #543D64;
	border-bottom : 1px solid #543D64;
	border-left : 1px solid #543D64;
	float : center;
	}

div.spacer { clear: both; }