tektek.org > Profile: Robotech: Custom

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Robotech: Custom

Submitted by Kunomasai

Submitter Notes: I made this for myself, but I started to want to share it with others. :D I re-did the logo so it'll be more general and I've also left out the questing/bought custom images because they weren't really needed. ^^; It took me weeks to learn the CSS basics from scratch, making the status buttons, and re-adjust everything to specifications so don't steal my work and call it your own, please.

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;}
/* Robotech: Custom by Kunomasai */

body
{ background-color: #999999; }

#corp li a
{ color: #b30000; text-decoration: none; }

#corp a:hover
{ color: #d9ce00; text-decoration: none; }

a:link, a:active, a:visited
{ color: #d90000; text-decoration: none; }

a:hover
{ color: #d9ce00; text-decoration: none; }

#extendedProfileBody #header h1
{ background: url(http://img301.imageshack.us/img301/8018/logo7em.jpg) top right no-repeat; }

#header
{ border-left: 1px solid #000000; border-right: 1px solid #000000; }

#content
{ border: #000000 solid 1px; }

#content #main
{ margin-left: 240px; }

.section
{ margin-bottom: 10px; }

.section h2
{ text-align: left; font-family: Verdana, Arial; }

.section .caption
{ margin-top: 15px; }

.section .avatar
{ margin: 0 0 0 -5px; }

.caption
{ border: 1px solid #ddd; background: #f8f8f8; }

.caption2
{ border: 1px solid #ddd; background: #f8f8f8; }

.caption:before
{ display: custom; content: url(http://img400.imageshack.us/img400/8822/captl4xl.gif); background: url(http://img454.imageshack.us/img454/7951/captr4mi.gif) top right no-repeat; margin: -1px; }

.caption:after
{ display: custom; content: url(http://img400.imageshack.us/img400/1628/capbl5ic.gif); background: url(http://img400.imageshack.us/img400/2164/capbr2hg.gif) bottom right no-repeat; margin: -1px; }

.caption2:before
{ display: custom; content: url(http://img400.imageshack.us/img400/8822/captl4xl.gif); background: url(http://img454.imageshack.us/img454/7951/captr4mi.gif) top right no-repeat; margin: -1px; }

.caption2:after
{ display: custom; content: url(http://img400.imageshack.us/img400/1628/capbl5ic.gif); background: url(http://img400.imageshack.us/img400/2164/capbr2hg.gif) bottom right no-repeat; margin: -1px; }

.caption .message
{ background: url(http://img400.imageshack.us/img400/8121/capml8jv.gif) top left no-repeat; padding: 5px 0 5px 32px; }

.caption2 .message
{ background: url(http://img400.imageshack.us/img400/6910/capmr8ji.gif) top right no-repeat; padding: 5px 32px 5px 0; }

.caption .message p
{ text-indent: 10px; }

.caption2 .message p
{ text-indent: 10px; }

/* -whew- A long time to get all of this done! >_< -Kunomasai */

#bar
{ display: custom; background: url(http://img301.imageshack.us/img301/9076/stat0vy.gif) top left no-repeat }

#bar #onlineButton
{ background: transparent url(http://img301.imageshack.us/img301/9518/online4td.gif); }

#bar #offlineButton
{ background: transparent url(http://img301.imageshack.us/img301/2662/offline5tz.gif); }

#bar #hiddenButton
{ background: transparent url(http://img301.imageshack.us/img301/1679/hidden2wr.gif); }

#bar #addButton
{ background: transparent url(http://img400.imageshack.us/img400/7900/add2sr.gif); }

#bar #msgButton
{ background: transparent url(http://img301.imageshack.us/img301/3157/pm0ux.gif); }

#bar #tradeButton
{ background: transparent url(http://img301.imageshack.us/img301/9816/trade2ug.gif); }

#bar #ignoreButton
{ background: transparent url(http://img301.imageshack.us/img301/2827/ignore6sm.gif); }

#bar #addButton a
{ background: transparent url(http://img400.imageshack.us/img400/8908/add22sq.gif) -22px -90px no-repeat; }

#bar #msgButton a
{ background: transparent url(http://img301.imageshack.us/img301/4325/pm29qb.gif) -22px -90px no-repeat; }

#bar #tradeButton a
{ background: transparent url(http://img301.imageshack.us/img301/4578/trade24wa.gif) -22px -90px no-repeat; }

#bar #ignoreButton a
{ background: transparent url(http://img301.imageshack.us/img301/5900/ignore20ul.gif) -22px -90px no-repeat; }

#profile
{ background: #f2f2f2 url(http://img454.imageshack.us/img454/8535/headerbg0oo.gif) top left repeat-x; border: 1px solid #000000; }

#profile h2
{ background: url(); border-bottom: 1px dashed #000000; text-indent: 45px; text-align: left; }

#details
{ background: #f2f2f2 url(http://img454.imageshack.us/img454/8535/headerbg0oo.gif) top left repeat-x; border: 1px solid #000000; }

#details h2
{ background: url(); border-bottom: 1px dashed #000000; text-indent: 45px; }

#wishlist
{ background: #f2f2f2 url(http://img454.imageshack.us/img454/8535/headerbg0oo.gif) top left repeat-x; border: 1px solid #000000; }

#wishlist h2
{ background: url(); border-bottom: 1px dashed #000000;
text-indent: 45px; }

#about
{ background: #f2f2f2 url(http://img454.imageshack.us/img454/8535/headerbg0oo.gif) top left repeat-x; border: 1px solid #000000; }

#about h2
{ background: url(); border-bottom: 1px dashed #000000; text-indent: 45px; }

#friends
{ background: #f2f2f2 url(http://img454.imageshack.us/img454/8535/headerbg0oo.gif) top left repeat-x; border: 1px solid #000000; }

#friends h2
{ background: url(); border-bottom: 1px dashed #000000; text-indent: 45px; }

#friends #friendGroup li
{ border: 0; }

#journal
{ background: #f2f2f2 url(http://img454.imageshack.us/img454/8535/headerbg0oo.gif) top left repeat-x; border: 1px solid #000000; }

#journal h2
{ background: url(); border-bottom: 1px dashed #000000; text-indent: 45px; }

#journal #entries
{ margin-top: 10px; text-indent: 10px; }

#multimedia
{ background: #f2f2f2 url(http://img454.imageshack.us/img454/8535/headerbg0oo.gif) top left repeat-x; border: 1px solid #000000; }

#multimedia h2
{ background: url();
border-bottom: 1px dashed #000000; text-indent: 45px; }

#comments
{ background: #f2f2f2 url(http://img454.imageshack.us/img454/8535/headerbg0oo.gif) top left repeat-x; border: 1px solid #000000; }

#comments h2
{ background: url(); border-bottom: 1px dashed #000000; text-indent: 45px; }

#comments dl
{ margin-top: 10px; padding-bottom: 85px; }

#comments dl dt.avatar img
{ margin: -25px 0 0 5px; }

#comments dl dt.avatar2 img
{ margin-top: -25px; }

#signature
{ background: #f2f2f2 url(http://img454.imageshack.us/img454/8535/headerbg0oo.gif) top left repeat-x; border: 1px solid #000000; text-align: center; }

#signature h2
{ background: url(); border-bottom: 1px dashed #000000; text-indent: 45px; }

#footer
{ background: #bfbfbf url(http://img454.imageshack.us/img454/3914/footer6mf.jpg) top right no-repeat; border: 1px solid #000000; border-top: 0; color: #000000; }

Popular

Sponsor

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