tektek.org > Profile: Simple and Clean

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Simple and Clean

Submitted by Shizuka Skies

Submitter Notes: This profile is different from the other ones, I added headers and this profile works best without Multimedia. The profile took at least 10 hours to make and code. Hope you like it! I do hope you enjoy it.

Install Profile Theme

More In This Category
More From This Submitter

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;}
html, body
{
background-color: #b2c8ff;
scrollbar-face-color: #b2c8ff;
scrollbar-shadow-color: #b2c8ff;
scrollbar-highlight-color: #b2c8ff;
scrollbar-3dlight-color: #b2c8ff;
scrollbar-darkshadow-color: #7799ff;
scrollbar-track-color: #b2c8ff;
scrollbar-arrow-color: #b2c8ff;
}

#site {
	width: 758px;
	margin: 0px auto;
        no-border: 0px;
	}

#content 
{
background: #b2c8ff url(http://img262.imageshack.us/img262/6461/indexbg3nc.jpg) top left

repeat-y; border: 0px; height: 1%; padding: 0; width: 758px; margin-left: 0px;
}

#header
{
position: relative;
border-right: 0px;
}

#extendedProfileBody #header h1 
{
background: #b2c8ff url(http://public.tektek.org/img/themes/3711.jpg) top left

no-repeat; height: 425px; width: 758px; border-right: 0px solid; margin-left: 0px;
}

#footer
{
    background:
url(http://img262.imageshack.us/img262/9749/indexfooter9va.jpg)
    no-repeat;
    text-align: center;
    height: 71px;
    line-height: 150px;
    color: #002175;
    border: 0px;
}

a:link {color: #6188ea; text-decoration: none}
a:visited {color: #5778cc; text-decoration: none} 
a:active {color: #6f91e7; font-weight: bold; text-decoration: none } 
A:hover {color: #4068cd; text-decoration: blink; border-bottom: 0px #1848c4 dashed; cursor:

crosshair; font-variant: small-caps;}

#profile {background: none;}

.section {
font: 11px verdana;
color: #3d5ba8;
}
.section h2{
color: #1e419a;
font-size: 14px;
text-align: center;
}

#profile ul.items, #signature,
.caption:before, .caption:after, .caption2:before, .caption2:after 
{display:none;}

#about, #friends, #journal, #multimedia, #comments, #signature
{
    top: -10px;
    left: 134px;
    position: relative;
    width: 377px;
    _width: 375px;
}

#about h2, #friends h2, #journal h2, #multimedia h2, #comments h2, #signature h2
{
    left: 100px;
    position: relative;
background: url('http://img265.imageshack.us/img265/5751/indexbar1ds.gif') no-repeat top

left;text-indent: -180px;
}

#multimedia embed {width: 373px; height: 275px; }

#friends #friendGroup li{border-right:0px;}

#profile .caption
{
    width: 95px;
#FFFFFF
center no-repeat;
}

#profile
{
    left: 110px;
    top: 10px;
    position: absolute;
    width: 196px;
    color: #3d5ba8;
    font-size: 12px;
    background: #fff
url(http://img262.imageshack.us/img262/4677/indexback3cz.jpg) no-repeat top left;
}

#profile h2
{ 
    left: 14px;
    position: relative;
    color: #1e419a;
    font-size: 15px;
background: url('http://img265.imageshack.us/img265/2263/indexbar24lp.gif') no-repeat top

left;text-indent: -20px;
}

#details
{
    left: 105px;
    top: 230px;
    position: absolute;
    width: 196px;
    color: #3d5ba8;
    font-size: 12px;
}

#details h2
{ 
    left: 18px;
    position: relative;
    color: #1e419a;
    font-size: 14px;
background: url('http://img265.imageshack.us/img265/2263/indexbar24lp.gif') no-repeat top

left;text-indent: -20px;
}

#wishlist
{
    left: 100px;
    top: 500px;
    position: absolute;
    width: 196px;
    color: #3d5ba8;
    font-size: 12px;
}

#wishlist h2
{ 
    left: 18px;
    position: relative;
    color: #1e419a;
    font-size: 14px;
background: url('http://img265.imageshack.us/img265/2263/indexbar24lp.gif') no-repeat top

left;text-indent: -20px;
}

#friends #friendGroup li img 
{ 
background: transparent url(http://img265.imageshack.us/img265/9128/indexfriends4dd.jpg)

no-repeat; 
}
#friends #friendGroup li { border-right:0px; }

.caption:before,.caption:after,.caption2:before,.caption2:after
{
    display:none;
}
.caption. message,.caption2 .message
{
    background:none;
}

.caption {
    font-size: 11px;
    border: 1px solid #000000;
}

.caption2 {
    border: 1px solid #000000;
}

#comments dl dt.avatar img {display: none;}
#comments dl dt.avatar2 img {display: none;}
#comments dl dd {margin: 0 10px 0 10px;}
#comments .delete {margin-top: 10px; text-align: center;}

#comments .caption, #comments .caption2
{
background: transparent
}

.caption .message {
    background: url(none) top left no-repeat;
    font-size: 11px;
}

.caption2 .message {
    background: url(none) top right no-repeat;
    font-size: 11px;
}

Popular

Sponsor

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