tektek.org > Profile: Ouran High School

tektek.org > Profile: Ouran High School - Simple

Submit New Profile

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Ouran High School - Simple

Submitted by ~Arabella Strange~

Preview Theme

Submitter Notes: A profile I made for someone who didn't use it. Enjoy.

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;}
#commonFriends{display:none;}
#details h2 {display:none;}
#details {background:transparent; color: #ffffff; font-size: 7pt; border:none; width: 107px; height: 237px; position:absolute; left: 150px; top: 480px; overflow:auto; overflow-x: hidden; }
#details #info {display: none;}
#details #stats {float: none; width: 200px; margin-left:0px;}
#details #stats dd {background: transparent; border:none;}
#details #stats dt {background: gray; border:none;}
dl#info,dl#stats,#comments dl{display:inline;}
#details h3,hr,dl{display:none;}}

#commonFriends{display:none;}

#profile ul.items {display: none;}

body {
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-BASE-COLOR:#000000;
SCROLLBAR-FACE-COLOR:#000000;
SCROLLBAR-HIGHLIGHT-COLOR:#cfcbcc;
SCROLLBAR-SHADOW-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#000000;
SCROLLBAR-TRACK-COLOR:#fad861;
SCROLLBAR-DARKSHADOW-COLOR:#000000;
}

#friends
{
display:none;
}

#journal
{
display:none;
}

#signature
{
display:none;
}

#profile .avatar
#profile .items, #profile .caption
#profile h2 {display:none;}
#profile {background: none; border: none;}
#profile .caption {display:none;}
#bar {background: transparent url();}
#bar #offlineButton {background: url(none) no-repeat;}
#bar #hiddenButton {background: url(none) no-repeat;}

#bar #onlineButton {background: transparent url(http://img267.imageshack.us/img267/9439/onlinebuttonbf6.gif); width: 75px; height: 40px; text-indent:-5000px;position:absolute;top:465px;left:290px;}
#bar #offlineButton {background: transparent url(http://img175.imageshack.us/img175/8245/offlinebuttonli2.gif); width: 75px; height: 40px; text-indent:-5000px;position:absolute;top:465px;left:290px;}
#bar #addButton {background: transparent url(http://img340.imageshack.us/img340/2554/addbuttonjn2.gif) no-repeat; height: 40px; width: 60px; border: 0px; text-indent: -5000px;position:absolute;top:465px;left:370px;}
#bar #addButton a {background: transparent url(http://img340.imageshack.us/img340/2554/addbuttonjn2.gif) no-repeat; height: 40px; width: 60px; border: 0px; text-indent: -5000px;position:absolute;top:0px;left:0px;}
#bar #addButton a:hover {background: transparent url(http://img412.imageshack.us/img412/5254/addbuttonglowva0.gif) no-repeat; height: 40px; width: 60px; border: 0px; text-indent: -5000px;position:absolute;top:0px;left:0px;}

#profile .avatar { opacity: 100; filter: alpha(opacity=100); height: 150px; position: absolute; left: 42px; top: 460px; }

#bar #msgButton {background: transparent url(http://img340.imageshack.us/img340/4272/pmbuttonsn5.gif) no-repeat; width: 60px; height: 40px; border: 0px; text-indent: -5000px;position: absolute; top: 465px; left: 430px;}
#bar #msgButton a {background: transparent url(http://img340.imageshack.us/img340/4272/pmbuttonsn5.gif) no-repeat; width: 60px; height: 40px; border: 0px; text-indent: -5000px;position: absolute; top: 0px; left: 0px;}
#bar #msgButton a:hover {background: transparent url(http://img133.imageshack.us/img133/8769/pmbuttonglowxa7.gif) no-repeat; width: 60px; height: 40px; border: 0px; text-indent: -5000px;position: absolute; top: 0px; left: 0px;}

#bar #tradeButton {background: transparent url(http://img133.imageshack.us/img133/7098/tradebuttonwv1.gif) no-repeat; height: 40px; width: 60px; border: 0px; text-indent: -5000px; position:absolute; top: 465px; left: 490px;}
#bar #tradeButton a {background: transparent url(http://img133.imageshack.us/img133/7098/tradebuttonwv1.gif) no-repeat; height: 40px; width: 60px; border: 0px; text-indent: -5000px; position: absolute; top:0px;left:0px;}
#bar #tradeButton a:hover {background: transparent url(http://img243.imageshack.us/img243/9448/tradebuttonglowwh4.gif) no-repeat; height: 40px; width: 60px; border: 0px; text-indent: -5000px; position: absolute; top:0px;left:0px;}

#bar #ignoreButton {display: none;}

#extendedProfileBody #header h1
{
display:none;
}

body
{
background-image:url(http://img340.imageshack.us/img340/2229/lightbluetwinklestars1qt.gif);
background-repeat:repeat;
background-color: #000000;
}
#content {margin: 0px; background: #fff url(http://img176.imageshack.us/img176/5605/background6ud9.jpg) no-repeat; height:980px; width:810px; top:0px; left:0px; border-right:0px; border: 0px solid black;}

.section h2{text-indent: -5000px;}

#about { 
position: absolute; 
left: 92px; 
top: 655px; 
width: 233px; 
background: transparent; 
border: none; 
font-size: 9px; 
font-color: #ffffff; 
text-align: left; 
font-weight: normal; 
text-decoration: none; 
overflow:scroll; 
overflow-x:hidden; 
overflow-y:auto; 
height: 300px; 
width: 250px;
padding-top:10px; 
}

#wishlist { position: absolute; left: 478px; top: 906px; }
#wishlist { width: 300px; height: 58px; }
#wishlist { overflow-x: hidden; overflow-y: auto; }
#wishlist ul.items li img{background-color:#FFCCFF; border: 1px solid #000000;}
#wishlist {background: url(None);}

#multimedia
{
background: transparent;
position:absolute;
left:330px;
top:529px;
width:187px;
border:0px color: #ffffff
margin:10px;
padding:0px;
z-index:55;
}

#multimedia embed, #multimedia object
{
height:100px;
width:100px;
autostart:no;
loop:no;
}

#multimedia h2 {display: none;}

#comments
{
background:transparent;
url() top left repeat-x;
border: none;
font-size: 7pt;
color: #4e4c4c;
padding-top:0px;
}

#comments .caption:before, .caption2:before {display: none;}
.caption:after, .caption2:after {display: none;}
.caption {border: 1px solid #fff; background:
#5f5553; color: beige;}
.caption2 {border: 1px solid #000; background:
#FFCCFF; color: beige;}
.caption .message {background: none; font-size: 9px; color:#fbd862}
.caption2 .message {background:none; font-size: 9px; color:#000000}

#comments dl dt.avatar img {display: none;}
#comments dl dt.avatar2 img {display: none;}
#comments dl dd {margin: 0 0;}

#site { margin-left: auto; margin-right: auto; width: 760px; }

#about a {color: #ffffff; text-decoration: none; cursor: move; font-weight: normal;}
#about a:hover {color: #8e8e8e; text-decoration: none; font-weight: bold;}

#comments a {color: #ffffff; text-decoration: none; cursor: move; font-weight: normal;}
#comments a:hover {color: #8e8e8e; text-decoration: none; font-weight: bold;}

#comments {
background: url() no-repeat;
position: absolute; left: 480px; top: 555px; width: 230px;
}
#comments {overflow:scroll; overflow-x:hidden; overflow-y:auto; height: 300px; width:300px;}
#site { margin-left: auto; margin-right: auto; width: 760px; }

Popular

Sponsor

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