tektek.org > Profile: CLANNAD (anime)

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: CLANNAD (anime)

Submitted by ii-Kyou-ii

Preview Theme

Submitter Notes: well, here u have it, a clannad layout ^^ it features the character Tomoyo. I try to make everything match together wen making layouts. i wanted to make this layout since there arent any CLANNAD layouts on here yet soo i hope u like it!!! and i hope u rate it good too~ ^^ took me an hour to make this so i hope my efforts are good enough for everyone to like and enjoy my layout!~ if u want to contact me for any reason just search for me!!! >w< ii-Kyou-ii

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;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}

#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}

body {background: #FFFFFF url(http://i192.photobucket.com/albums/z209/himeko_chan1993/pinkbkgrnd.jpg) repeat;}

#content {background: #FFFFFF url(http://i192.photobucket.com/albums/z209/himeko_chan1993/CLANNAD/410053712743780wj9.jpg) center center no-repeat; width: 977px; height: 672px; position: absolute; border: 0;}

#site {margin-left: auto; margin-right: auto; padding-right: 230px;}

/*BAR*/
#bar {background: transparent; position: absolute;}

#bar #addButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: -440px; left: 78px; width:31px; height:12px;}
#bar #addButton a {background: transparent url() -22px -90px no-repeat;width:31px; height:12px; border: 0px;}

#bar #msgButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: -438px; left: 136px; width:30px; height:13px;}
#bar #msgButton a {background: transparent url() -22px -90px no-repeat; width:30px; height:13px; border: 0px;}

#bar #tradeButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: -440px; left: 188px; width:41px; height:12px;}
#bar #tradeButton a {background: transparent url() -22px -90px no-repeat; width:41px; height:12px; border: 0px;}

#bar #ignoreButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: -440px; left: 252px; width:23px; height:12px;}
#bar #ignoreButton a {background: transparent url() -22px -90px no-repeat; width:23px; height:12px; border: 0px;}

/*PROFILE*/
#profile {top: 580px; left: 10px; background: transparent; position:absolute;}
#profile h2 {display:none}
#profile .avatar {display: none;}

/*ABOUT*/
#about {top:95px; left:325px; height: 290px; width:246px; position:absolute; overflow:scroll; overflow-x:hidden; overflow-y:auto; background: transparent; font-family: Century Gothic; font-size: 8pt; color: #B3B3B3; font-weight: normal;}
#about h2 {background: transparent; height: 0px; font-size: 0;}

/*COMMENTS*/
#comments {width:169px; height:317px; left: 44px; top:48px; border:none; font-family: Century Gothic; font-size: 8pt; color: #B3B3B3; overflow-y: auto; overflow-x: hidden;font-weight: normal; position:absolute; background: transparent;}
#comments dl dd {font-family:Century Gothic; font-size:8pt; color: #000; margin: 0 0;}
#comments dl dt.avatar img { display:none }
#comments dl dt.avatar2 img { display:none }
#comments dl dd {font-family: Century Gothic; font-size: 8pt; color: #D5D5D5; margin: 0 0;}
#comments .links {font-family: Century Gothic; font-size:8pt; color: #9C7C7C;text-align:center;font-weight:normal;}
#comments .caption {font-family:Century Gothic; font-size:8pt; color: #B3B3B3; background: transparent; border:none;}
#comments .caption2 {font-family:Century Gothic; font-size:8pt; color: #B3B3B3; background: transparent;border:none;}
#comments .message {font-family:Century Gothic; font-size:8pt; color: #B3B3B3; background:transparent; }
#comments h2{display:none;}
#comments .date { font-family:Century Gothic; font-size:7pt; color: #ADADAD; background:transparent; border-bottom: 1px dotted #929292; font-weight: bold;}
.caption:before { display:none;}
.caption:after { display:none;}
.caption2:before { display:none;}
.caption2:after { display:none;}

/*MULTIMEDIA*/
#multimedia {left: 427px; top: 458px;}
#multimedia embed, #multimedia object {height: 143px; width: 143px; padding-top: 10px;}

/*DON'T DISPLAY*/
#signature, #signature h2, #details, #details h2, #friends, #friends h2{display:none;} #wishlist {background: transparent; border:none; position:absolute; width:163px; height:97px; left:42px; top:444px; border:none; font-family:Century Gothic; font-size:10px; color: #transparent; overflow-x: auto; overflow-y: auto;}, #wishlist h2, #onlineButton, #offlineButton, #profile .caption {display:none;} #commonFriends {display: none;} #extendedProfileBody #header h1, #signature h2, #multimedia h2, #journal, #journal h2, #profile ul.items, #profile ul.items, #profile h2, #about h2, #signature, #journal, #journal h3, #profile .caption, #commonFriends, #extendedProfileBody #header h1, #signature h2, #profile ul.items, #profile ul.items h2 {display:none}

/*GENERAL*/
a:link, a:visited, a:active
{ font-family: Century Gothic; color: #D5D5D5; font-size: 8pt; text-decoration: none; font-weight: normal;} 
a:hover { font-family: Century Gothic; color: #cc99ff; font-size: 8pt; text-decoration: none; font-weight: normal; background: #d5d5d5; }
#corp a:link, a:active, a:visited
{ font-family: Century Gothic; color: #D5D5D5; font-size: 8pt; text-decoration: none; font-weight: normal;} 
a:hover { font-family: Century Gothic; color: #cc99ff; font-size: 8pt; text-decoration: none; font-weight: normal; #D5D5D5; background: #cc99ff; }

html, #site{
scrollbar-arrow-color: #cc99ff;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #cc99ff;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #cc99ff;
scrollbar-base-color: #FFFFFF;
}

#details, #about, #friends, #comments, #journal, #wishlist, #multimedia, { filter: chroma (color: #FFFFFF); 
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #cc99ff;
scrollbar-darkshadow-color:#FFFFF;
scrollbar-shadow-color: #cc99ff;
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #cc99ff;
border:none; font-family: Century Gothic; font-size: 8pt; color: #B3B3B3; overflow-y:auto; overflow-x: hidden; font-weight: normal; background: transparent; position:absolute; }

Popular

Sponsor

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