tektek.org > Profile: Crayon Skies

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Crayon Skies

Submitted by Snow4Sale

Submitter Notes: This is a colorful, bright profile about crayon skies and rainbows. It helps you remember the moments in your childhood of dazing into the rainbow colored skies. Hope you like the profile! (This profile is can be viewed by both Mozzilla FireFox and IE)

Install Profile Theme

More In This Category
More From This Submitter

Rate Profile

Profile Code

Designed for a BLOCKS 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;}
/*Profile and graphics made by Snow4Sale. Please do not alter or take the graphics from this profile.*/
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
body {background: #fff url(http://public.tektek.org/img/themes/20339/rainbowcrayonbgtc5.png) top left repeat; font-family:Century Gothic; font-size:12px; color: #fff; height: 1270px;margin: 0px;}
#extendedProfileBody #header h1 {display:none; border-right:0px; border:none;}
#header {margin: 0px;  border-right:0px; border:none;}
#site {margin-left:auto; margin-right:auto; height: 1270px; width: 800px; font-family:Century Gothic; font-size:12pt; color: #fff; padding-bottom: -150px;}

html {
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #FFFFFF;}

#content
{background: transparent
url(http://public.tektek.org/img/themes/20339/bg.gif) no-repeat; height: 1270px; border: 0px;}

/*PROFILE*/
#profile {background: transparent; border:none; position:absolute; width:210px; height:230px; left:-310px; top:120px; border:none; font-family:Century Gothic; font-size:12px; color: #fff;}
#profile .avatar {background: transparent url() border:none; position:absolute; left:300px; top:285px; filter: glow (Color=#FF006E,Strength=10);}
#profile h2 {background: transparent; border:none; position:absolute; left:420px; top:240px; border:none; font-family:Century Gothic; font-size:15px; color: #fff;}

/*DETAILS*/
#details {background: transparent; border:none; position:absolute; width:180px; height:170px; left:90px; top:382px; border:none; font-family:Century Gothic; font-size:12px; color: #fff;}
#details #stats dd {border: 0px solid #000; border-top: none; background: transparent; margin-bottom: 0px; padding-left: 0px; text-align: right;}
#details #stats dt {border-bottom: 1px solid #000; border-bottom: none; background: transparent url() no-repeat; background-position: 0px 0px; padding-left: -20px; text-align: left; color: #fff;}
#details #stats {float: none; width: 140px; margin-left: 0px; margin-top: 0px; position: relative;}
#details #info {border: 0px solid #000; border-top: none; background: transparent; margin-bottom: 0px; padding-left: 0px;position:absolute; width:140px; height:100px; left:12px; top:105px;}
#details #info dd {border: 0px solid #000; border-top: none; background: transparent; margin-bottom: 0px; padding-left: 0px; text-align: right;}
#details #info dt {border-bottom: 1px solid #000; border-bottom: none; background: transparent url() no-repeat; background-position: 0px 0px; padding-left: -20px; text-align: left; color: #fff;}

/*ABOUT*/
#about {background: transparent; position:absolute; width:475px; height:230px; left:300px; top:375px; border:none; font-family:Century Gothic; font-size:10px; font-weight: normal; color: #fff; overflow:auto; overflow-x: none;}
.section,p,a,strong,span,.message,dd {font-weight:lighter;}

/*COMMENTS*/
#comments {background:transparent; position:absolute; width:255px; height:570px; left:5px; top:675px; border:none; font-family:Century Gothic; font-size:10px; color: #fff; overflow:auto; overflow-x: hidden;}
#comments dl dd {font-family:Century Gothic; font-size:10px; color: #fff; margin: 0 0;}
#comments .links {font-family:Century Gothic; font-size:10px; color: #fff;text-align:center;}
#comments .caption {font-family:Century Gothic; font-size:10px; color: #fff; background:#0026FF; border:none;}
#comments .caption2 {font-family:Century Gothic; font-size:10px; color: #fff; background:#FF0000;border:none;}
#comments .message {font-family:Century Gothic; font-size:10px; color: #fff; background: transparent;}

/*FRIENDS*/
#friends {background: transparent; position:absolute; width:475px; height:140px; left:300px; top:675px; border:none; font-family:Century Gothic; font-size:10px; font-weight:bold; color: #fff; overflow:auto; overflow-x: hidden;}
#friends #friendGroup img {filter: glow (Color=#FFD800,Strength=10);}
#friends #friendGroup li { border-right: 0px; }

/*MULTIMEDIA*/
#multimedia {background: transparent; position:absolute; width:285px; height:230; left:305px; top: 1035px; border:0px color: #000 margin: 10px; padding:0px; z-index:55;}
#multimedia embed, #multimedia object
{height: 225px; width: 280px; autostart:no; loop:no}

/*JOURNAL*/
#journal {background: transparent; position:absolute; width:170px; height:225px; left:605px; top:1023px; border:none; font-family:Century Gothic; font-size:10px; font-weight:bold; color: #fff; overflow:auto; overflow-x: hidden;}

/*WISHES*/
#wishlist {background: transparent; border: 0px solid #fff; position:absolute; width:475px; height:90px; left:290px; top:868px; border:none; font-family:Century Gothic; font-size:10px; overflow:auto; overflow-x: hidden;}
 #wishlist ul.items li img{ filter: glow (Color=#B200FF,Strength=10); border: 0px solid #fff;}

/*SCROLLBARS*/
#comments, #wishlist, #about, #friends, #journal, #signature {
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #FFFFFF;}

/*LINKS*/
#about a, #details #info a, #comments a, #friends a, #journal a, #signature a, {color: #FFFFFF; text-decoration: bold; font: times; font-size: 12px;}
#about a:hover, #details #info a:hover, #friends a:hover, #comments a:hover, #friends a:hover, #journal a:hover, #signature a:hover {color: #FFFFFF; font: Century Gothic; text-decoration: bold; font-size: 12px; cursor: crosshair;}
#about a:active, #details #info a:active, #friends a:active, #comments a:active, #friends a:active, #journal a:active, #signature a:active {color: #FFFFFF; text-decoration: overline; font-size: 12px;}

/*NO DISPLAY*/
#profile .caption, #profile .items, #multimedia h2, #journal h2, #details h2, #details #commonFriends, #details h4, #details h3, #details strong, #details hr, #corp, #comments dl dt.avatar2 img, #comments dl dt.avatar img, #about h2, #wishlist h2, #comments h2, #friends h2, #signature, #signature h2{display: none;}

/*BAR*/
#profile #bar {background: none; display: block}
#bar #addButton a:hover, #bar #msgButton a:hover, #bar #tradeButton a:hover, #bar #ignoreButton a:hover {background-position: 0 0; z-index: 50;}

#bar #onlineButton {background: transparent url(http://public.tektek.org/img/themes/20339/onlinecrayonboxbx3.png) no-repeat; text-indent: -4000px; position: absolute; top: 100px; left: 400px; width:80px; height:32px;}
#bar #offlineButton {background: transparent url(http://public.tektek.org/img/themes/20339/offlinecrayonboxcv0.png) no-repeat; text-indent: -4000px; position: absolute; top: 100px; left:400px; width:80px; height:32px;}

#bar #addButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: -50px; left: 343px; width:38px; height:75px;}
#bar #addButton a {background: transparent url() -22px -90px no-repeat; width:38px; height:75px;}
#bar #ignoreButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top:-50px; left: 392px; width:38px; height:75px;}
#bar #ignoreButton a {background: transparent url() -22px -90px no-repeat; width:38px; height:75px;}
#bar #msgButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: -50px; left: 455px; width:38px; height:75px;}
#bar #msgButton a {background: transparent url() -22px -90px no-repeat; width:38px; height:75px;}
#bar #tradeButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: -50px; left: 503px; width:38px; height:75px;}
#bar #tradeButton a {background: transparent url() -22px -90px no-repeat; width:38px; height:75px;}

.caption2:after, .caption:after, .caption2:before, .caption:before{background:none;content:url("");}

Popular

Sponsor

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