tektek.org > Profile: Ouran

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Ouran

Submitted by Vaginal Soup

Preview Theme

Submitter Notes: This theme features the members of Ouran Highâ€™s Host Club. It has a semi-grunge feel. Original creation date: 2007 Formerly located at iDesign.

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;}
/*

This profile was created by user Vaginal Soup
	Download it at tektek.org

Feel free to use the code as a template for your own profile!

Images from http://www.animestocks.com/ (Ouran Host Club)
	Textures/Patterns from http://77words.livejournal.com/
	Brushes probably from deviantart, I can't find the source. D:

body {
margin-top: 24px;
height: 1200px;
background: url('http://i81.photobucket.com/albums/j238/iflair/theme-028/bg.gif');
}

.section {
font-family: tahoma;
font-size: 11px;
color: #7F4045;
}

#header {
position: absolute;
margin: 0;
left: -5px;
top: 0;
background: url('http://i81.photobucket.com/albums/j238/iflair/theme-028/top.jpg');
width: 603px;
height: 1200px;
border: none;
}

#content, #sidebar, .section, #profile {
background: transparent;
border: none;
}

#details{
position: absolute;
top: 700px;
left: 315px;
width: 170px;
height: 140px;
overflow-y: auto;
overflow-x: hidden;
}

#profile .caption .message {
position: absolute;
top: 450px;
left: 260px;
background: transparent;
border: none;
width: 95px;
font-size: 11px;
}

#bar #addButton {
background: url('http://i81.photobucket.com/albums/j238/iflair/theme-028/add.gif') no-repeat;
position: absolute;
top: 610px;
left: 340px;
width: 26px;
height: 25px;
text-indent: -4000px;
}

#bar #addButton a, #bar #tradeButton a, #bar #msgButton a, #bar #ignoreButton a {
background: transparent;
}

#bar #tradeButton {
background: url('http://i81.photobucket.com/albums/j238/iflair/theme-028/trade.gif') no-repeat;
position: absolute;
top: 610px;
left: 380px;
width: 26px;
height: 25px;
text-indent: -4000px;
}

#bar #msgButton {
background: url('http://i81.photobucket.com/albums/j238/iflair/theme-028/msg.gif') no-repeat;
position: absolute;
top: 610px;
left: 420px;
width: 26px;
height: 25px;
text-indent: -4000px;
}

#bar #ignoreButton {
background: url('http://i81.photobucket.com/albums/j238/iflair/theme-028/ignore.gif') no-repeat;
position: absolute;
top: 610px;
left: 460px;
width: 26px;
height: 25px;
text-indent: -4000px;
}

#multimedia {
position: absolute;
top: 940px;
left: 325px;
border: none;
background: transparent;
}

#multimedia embed {
width: 175px;
height: 140px;
}

a:link, a:visited {
font-size: 11px;
color: #BC8649;
text-decoration: none;
font-weight: bold;
}

a:hover {
font-size: 11px;
color: #D07F8C;
text-decoration: none;
font-weight: bold;
}

.caption, .caption2, .message, .message2 {
background: transparent;
border: none;
width: 280px;
padding: 10px 0 10px 0;
}

#comments .caption .message {
background: url('http://i81.photobucket.com/albums/j238/iflair/theme-028/commentbg.png') no-repeat top left;
margin-left: -100px;
width: 270px;
padding: 2px 10px 2px 10px;
left: 0px;
font-size: 11px;
}

#comments .caption2 .message {
background: url('http://i81.photobucket.com/albums/j238/iflair/theme-028/commentbg2.png') no-repeat top left;
margin-left: -100px;
width: 270px;
padding: 2px 10px 2px 10px;
left: 0px;
font-size: 11px;
}

#comments {
position: absolute;
top: 880px;
left: 0px;
width: 300px;
height: 230px;
overflow-y: auto;
overflow-x: hidden;
}

#profile .avatar {
position: absolute;
left: 305px;
top: 450px;
}

#profile h2 {
position: absolute;
top: 470px;
left: 360px;
font-size: 13px;
color: #BC8649;
font-weight: bold;
text-align: center;
width: 200px;
}

#about {
position: absolute;
top: 510px;
left: 0px;
width: 300px;
height: 290px;
overflow-y: auto;
overflow-x: hidden;
text-align: right;
}

#header_left img{
opacity: .3;
}

#gaia_header *{
background: transparent !important;
}

#gaia_header a:link, #gaia_header a:visited {
color: #E8B914 !important;
}

#gaia_header a:hover {
color: #FEE4D7 !important;
}

#bar, #bar a {
background: transparent;
border: none;
}

li {
color: #935159 !important;
}

#details dt {
background: #FEE4D7;
font-weight: normal;
padding: 0 2px 0 2px;
}

#details dd {
padding-left: 2px;
}

#stats {
position: relative;
left: 20px;
width: 70px;
}

#info {
width: 80px;
}

h1, h3, hr, #signature, #journal, #friends, #wishlist, #comments .avatar, #comments .avatar2, .caption:before,

.caption:after, .caption2:before, .caption2:after, #profile .items, #about h2, #multimedia h2, #comments h2, #details

h2, #friends h2, #wishlist h2, #bar #onlineButton, #bar #offlineButton {
display: none;
}

Popular

Sponsor

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