tektek.org > Profile: Tranquility

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Tranquility

Submitted by Sineity

Submitter Notes: A more complex profile which includes limited information. Inspired by a photo of a monkey I Googled up. Best seen on Mozilla Firefox.

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;}
/* T R A N Q U I L I T Y */
/* PROFILE BY SINEITY */

/* FONT COLOR/SIZE */
#content #main, #about, #friends, #comments {height: auto; font-size: 9px;}
#content {color: #e7e7e7}

/* SIDE BACKGROUND */
body
{background: #d7d7d7 url(http://public.tektek.org/img/themes/19710/tra_bgside.gif) bottom 
right fixed no-repeat; cursor: crosshair;}

/* MENU BACKGROUND */
#content{background: transparent url(http://public.tektek.org/img/themes/19710/tra-bgcl.png) top left no-repeat; background-attachment: fixed; width: 800px; border: 0px;}
#main {background: transparent 
url(http://public.tektek.org/img/themes/19710/tra-bgm.gif) fixed; 
width: 275px; height: 300px!important; overflow-x:hidden!important; overflow-y: auto;
border-bottom: 1px solid #999999; margin-bottom: -10px;}

/* HEADER */
#extendedProfileBody #header h1
{background: transparent url(http://public.tektek.org/img/themes/19710/trahead.png) fixed 
no-repeat; width: 250px; height: 100px; border-width:1px; 
border-color:#999999; margin-left: 220px; margin-top: 10px; position: fixed; 
left: 25px;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;}

/* PROFILE */
#profile h2 {background: transparent url() fixed; font-size: 9px; text-indent: 250px; height: 1px; width: 1px; letter-spacing: 2px; opacity: 0.8;}
#profile { color: XXXpx; background: #c3c3c3 
url('http://public.tektek.org/img/themes/19710/tra-pr.gif') no-repeat 
fixed;  position:fixed; width: 200px; height: auto;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;}
#profile .items {display: none;}
#profile .caption .message
{position: center;
padding: 0 0 0 32px;
min-height: 45px;
margin: 0 -12px 0 0;
background: 
url(http://public.tektek.org/img/themes/19710/tra_tl.gif) 
top left no-repeat;
font-size: 10px;
font-weight: normal;
left: -21px;}
#profile .caption2 .message
{position: relative;
padding: 0 32px 0 0;
min-height: 45px;
margin: 0 0 0 -12px;
background: url(http://public.tektek.org/img/themes/19710/tra_tr.png) 
top right no-repeat;
font-size: 10px;
font-weight: normal;
right: -21px;}
#profile .message
{top: 5px;
font-size: 9px;
color: #858585;}

/* STATUS BAR */
#profile #bar { background: none; position: relative; top: 2px;}
#profile #bar #onlineButton { background: url(http://public.tektek.org/img/themes/19710/tra_baron2.png) no-repeat;  height: 22; width: 60;}
#profile #bar #offlineButton { background: url(http://public.tektek.org/img/themes/19710/tra_baroff2.png) no-repeat; height: 22; width: 60;}
#profile #bar #hiddenButton { background: url( image URL goes here ) no-repeat; height: **; width: **;}
#profile #bar #addButton { background: url(http://public.tektek.org/img/themes/19710/tra_barad.gif) no-repeat; height: 22; width: 33; }
#profile #bar #msgButton { background: url(http://public.tektek.org/img/themes/19710/tra_barpm.gif) no-repeat; height: 22; width: 29;}
#profile #bar #tradeButton { background: url(http://public.tektek.org/img/themes/19710/tra_bartr.gif) no-repeat; height: 22; width: 29;}
#profile #bar #ignoreButton { background: url(http://public.tektek.org/img/themes/19710/tra_barig.gif) no-repeat; height: 22; width: 34;}
#profile #bar #addButton a { background: url(http://public.tektek.org/img/themes/19710/tra_barad.gif) no-repeat; height: 22; width: 33; }
#profile #bar #msgButton a { background: url(http://public.tektek.org/img/themes/19710/tra_barpm.gif) no-repeat; height: 22; width: 29; }
#profile #bar #tradeButton a { background: url(http://public.tektek.org/img/themes/19710/tra_bartr.gif) no-repeat; height: 22; width: 29; }
#profile #bar #ignoreButton a { background: url(http://public.tektek.org/img/themes/19710/tra_barig.gif) no-repeat; height: 22; width: 34;} 
#profile #bar #addButton a:hover { background: url(http://public.tektek.org/img/themes/19710/tra_baradh.gif) no-repeat; height: 22; width: 33; cursor: crosshair;}
#profile #bar #msgButton a:hover { background: url(http://public.tektek.org/img/themes/19710/tra_barpmh.gif) no-repeat; height: 22; width: 29; cursor: crosshair;}
#profile #bar #tradeButton a:hover { background: url(http://public.tektek.org/img/themes/19710/tra_bartrh.gif) no-repeat; height: 22; width: 29; cursor: crosshair;}
#profile #bar #ignoreButton a:hover { background: url(http://public.tektek.org/img/themes/19710/tra_barigh.gif) no-repeat; height: 22; width: 34; cursor: crosshair;}

/* DETAILS */
#details {display: none;}
#details h2
{background: url() top left no-repeat; text-indent: -5000px; font-size: 1pt; color: #000000; height: 10px;}
#details {color: XXXpx; background: transparent url(http://public.tektek.org/img/themes/19710/tra-pr.gif); position:fixed; top:230px; font-size: 9px; width: 200px; height: 150px;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;}
#commonFriends {display: none;}

/* WISHLIST */
#wishlist h2 {background: url() top left no-repeat;
text-indent: -5000px;
font-size: 1pt;
color: #000000;}
#wishlist {color: XXXpx; background: #c3c3c3 url(http://public.tektek.org/img/themes/19710/tra-wl.gif); position:fixed; width: 200px; height: auto; margin-top: 8px; top: 230px;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999} 
#profile a {cursor: crosshair;}
#profile a:hover {background: url(http://public.tektek.org/img/themes/19710/tra_item.gif); cursor: crosshair;}
#wishlist a {cursor: crosshair;}
#wishlist a:hover {background: url(http://public.tektek.org/img/themes/19710/tra_item.gif); cursor: crosshair;}

/* ABOUT */
#about h2 {background: url() top left no-repeat;
text-indent: -5000px;
font-size: 1pt;
color: #000000;
height: 80px;}
#about { color: XXXpx; background: #c3c3c3 url('http://public.tektek.org/img/themes/19710/tra-ab.gif'); width:230px; margin-top: 20px; border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999}

/* FRIENDS */
#friends h2 {background: url() top left no-repeat;
text-indent: -5000px;
font-size: 1pt;
color: #000000;
height: 10px;}
#friends {color: xxxpx; background: #c3c3c3 url('http://public.tektek.org/img/themes/19710/tra-pr.gif'); width: 230px; margin-top: 8px;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999}
#friends #friendGroup li {border: none; width: 55px; height:35px;
float: left;
text-align: center;}
#friends #friendGroup img {display: none;}

/* REMOVED SECTIONS */
#multimedia h2 { display: none; }
#multimedia { display: none; }
#journal h2 { display: none; }
#journal { display: none; }
#signature h2 { display: none; }
#signature { display: none;}

/* COMMENTS */
#comments h2 {background: url() top left no-repeat;
text-indent: -5000px;
font-size: 1pt;
color: #000000;
height: 10px;}
#comments {color: XXXpx; background: #c3c3c3 url(http://public.tektek.org/img/themes/19710/tra-pr.gif) no-repeat;  width: 230px; height: auto; margin-top: 8px; overflow-x:hidden!important; overflow-y:hidden!important;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;}
#comments .message {background-image: none; font-size: 9px; color: #858585; margin-bottom: 10px;}
#comments .avatar img {display: none;}
#comments .avatar2 img {display: none;}
#comments .caption {margin-left:auto; margin-right: auto;width: 200px; height: auto;}
#comments .caption2 {margin-left:auto; margin-right: auto; width: 200px; height: auto;}
.caption
{border: 1px solid #999999;
background: #d8d4cc;}
.caption2
{border: 1px solid #999999;
background: #d8d4cc;}
.caption:before {display: none;}
.caption:after {display: none;}
.caption2:before {display: none;}
.caption2:after {display: none;} 
#comments .message {background-image: none;}
 
/* LINKS */
#about a {color: #9d9d9d; text-decoration: bold; cursor: crosshair;}
#about a:hover {color: #7e7e7e; text-decoration: bold; cursor: crosshair;}
#friends a {color: #9d9d9d; text-decoration: bold; cursor: crosshair;}
#friends a:hover {color: #7e7e7e; text-decoration: bold; cursor: crosshair;}
#journal a {color: #9d9d9d; text-decoration: bold; cursor: crosshair;}
#journal a:hover {color: #7e7e7e; text-decoration: bold; cursor: crosshair;}
#comments a {color: #9d9d9d; text-decoration: bold; cursor: crosshair;}
#comments a:hover {color: #7e7e7e; text-decoration: bold; cursor: crosshair;}
#signature a {color: #9d9d9d; text-decoration: bold; cursor: crosshair;}
#signature a:hover {color: #7e7e7e; text-decoration: none; cursor: crosshair;}

Popular

Sponsor

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