tektek.org > Profile: Harry Potter - The Rebellion Begins

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Harry Potter - The Rebellion Begins

Submitted by LeslieMarie

Preview Theme

Submitter Notes: The 5th Harry potter movie is finally out! So lets all celebrate it with a cool new harry potter layout! =D

Install Profile Theme

Rate Profile

Profile Code

Designed for a CUSTOM setting on CLASSIC / OLD SCHOOL profile

Copy this CSS code into your Theme Override box:

#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#site{margin-left: auto; margin-right: auto;}

body {background: #fff url(http://i183.photobucket.com/albums/x225/PokeTrading/bg2-1.jpg);}

#content {background: url(http://i183.photobucket.com/albums/x225/PokeTrading/hpbg2.gif) no-repeat; width: 780px; height: 1800px; border: 0}

/*BAR*/
#bar {background: transparent; position: absolute;}

#bar #onlineButton {background: transparent url(http://i183.photobucket.com/albums/x225/PokeTrading/Online.jpg); width: 129px; height: 121px; top: -322px; left: -9px; position:relative;}

#bar #offlineButton, #bar #hiddenButton {background: transparent url(http://i183.photobucket.com/albums/x225/PokeTrading/Offline.jpg); width: 129px; height: 121px; top: -322px; margin-left: -7px; position:relative;}

#bar #addButton {background: transparent url(http://i183.photobucket.com/albums/x225/PokeTrading/friends.jpg); text-indent: -5000px; width: 180px; height: 121px; top: -317px; left: 166px; position: absolute;}
#bar #addButton a, #bar #addButton a:hover  {width: 180px; height: 121px; background: transparent;}

#bar #msgButton {background: transparent url(http://i183.photobucket.com/albums/x225/PokeTrading/message.jpg); text-indent: -5000px; width: 161px; height: 121px; top: -319px; left: 402px; position: absolute;}
#bar #msgButton a, #bar #msgButton a:hover  {width: 161px; height: 121px; background: transparent;}

#bar #tradeButton {background: transparent url(http://i183.photobucket.com/albums/x225/PokeTrading/trade.jpg); text-indent: -5000px; width: 157px; height: 121px; top: -317px; left: 611px; position: absolute;}
#bar #tradeButton a, #bar #tradeButton a:hover  {width: 157px; height: 121px; background:transparent;}

#bar #ignoreButton, #bar #ignoreButton a {background: transparent; text-indent: -5000px;}

/*PROFILE*/
#profile { margin-top: 541px; margin left: 10px; background: transparent;}
#profile h2 {font-size: 0;}
#profile .avatar { top: 305px; left: 458px;}

/*ABOUT*/
#about {margin-top: 541px; margin-left: -182px; height: 172px; width: 680px; position:absolute; overflow:scroll; overflow-x:hidden; overflow-y:auto; background: transparent;}
#about h2 {background: transparent; height: 0px; font-size: 0;}

/*DETAILS*/
#details {background: transparent; height: 215px; width: 281px; margin-top: 150px; margin-left: 405px; letter-spacing: 3px; position:absolute;}
#details h2 {height: 2px;}
.section{font-weight: lighter;}
#details #stats {text-align: left; left: -200px; color: white;}
#details #info {display:none;}
#details h3, hr, dl{display:none;}
dl#info, dl#stats, #comments dl{ display:inline; }

/*FRIENDS*/
#friends {background: transparent; position: absolute; margin-top: 818px; margin-left: -152px; overflow:scroll; overflow-x:hidden; overflow-y:auto; height: 220px; width: 285px; position:absolute;}
#friends h2 {font-size: 0; height: 2px;}
#friends #friendGroup li{border-right:0px;}

/*COMMENTS*/
#comments { width: 680px; height: 171px; top: 1466px; margin-left:-180px; background: invisible; overflow:scroll; overflow-x:hidden; overflow-y:auto; position:absolute; color: grey;}
#comments h2 {font-size:0; height: 2px;}
.caption:before, .caption:after, .caption2:before, .caption2:after{display:none;}
.caption .message, .caption2 .message{background: transparent;}
#comments .caption, #comments .caption2 {background: #000000; opacity: 0.30; -moz-opacity: 0.30; filter:alpha(opacity=30);}

/*JOURNAL*/
#journal {background: transparent; height: 215px; width: 281px; margin-top: 1117px; margin-left: 223px; overflow:scroll; overflow-x:hidden; overflow-y:auto; position:absolute;}
#journal h2 {font-size:0; height: 2px; text-indent: -5000px;}

/*WHISHLIS*/
#wishlist {background: transparent; height: 160px; width: 321px; MARGIN-top: 445px; margin-left: 41px; overflow:scroll; overflow-x:hidden; overflow-y:auto; position:absolute;}
#wishlist h2 {font-size:0; height: 2px; }

/*MULTIMEDIA*/
#multimedia {margin-left:205px; margin-top:1120px; position:absolute; background: transparent;}
#multimedia embed{height:220px; width:270px;}

#signature, #profile .caption, #commonFriends, #profile ul.items, #extendedProfileBody #header h1, #signature h2, #multimedia h2, #journal  {display:none}

/*GENERAL*/
a:link, a:visited {color: #FFFFFF;}
a:hover {color: #FFFFFF;}
.section {color: lightblue; border: 0; filter:chroma(color=#aaaaaa);
scrollbar-base-color: #aaaaaa;
scrollbar-arrow-color: #78C4D4;
scrollbar-3dlight-color: #aaaaaa;
scrollbar-darkshadow-color: #aaaaaa;
scrollbar-face-color: #aaaaaa;
scrollbar-highlight-color: #aaaaaa;
scrollbar-shadow-color: #aaaaaa;
scrollbar-track-color: #aaaaaa;}
h2 {display:none;}

Popular

Sponsor

About tektek.org Contact Us Advertise on tektek.org Terms of Service