|
|
|
Kingdom Hearts Profile
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
/*profile by VetorSwest, graphics and code open to edit or reference off of*/
/*Images from Kingdom Hearts 2 English cover*/
body:before { font-size: 24px; color: white; font-family: English111 Vivace BT, staccato222 BT, Georgia; content: "I want to line the pieces up...yours and mine"; }
#site { margin-left: auto; margin-right: auto; width: 760px; }
#site a:link { color: #808080; font-size: 10pt; text-decoration: none; }
#site a:visited { color: #808080; font-size: 10pt; text-decoration: none; }
#site a:active { color: #808080; font-size: 10pt; text-decoration: none; }
#site a:hover { color: #b6cad5; font-size: 10pt; text-decoration: overline underline; cursor: crosshair; background: white; }
a:link img{ opacity: .7; filter: alpha(opacity=70); }
a:visited img{ opacity: .7; filter: alpha(opacity=70); }
a:active img{ opacity: .7; filter: alpha(opacity=70); }
a:hover img {opacity: 1; filter: none;}
#bar #onlineButton {width: 60px; background: transparent url('http://tinypic.com/kd21xc.png') no-repeat; text-indent: -5000px; height: 22px;}
#bar #offlineButton {width: 60px; background: transparent url('http://tinypic.com/kd223n.png') no-repeat; text-indent: -5000px; height: 22px;}
#bar #hiddenButton {width: 60px; background: transparent url('http://tinypic.com/kd22ci.png') no-repeat; text-indent: -5000px; height: 22px;}
#bar #addButton {background: transparent url('http://tinypic.com/kd2u4h.png') no-repeat;}
#bar #msgButton {background: transparent url('http://tinypic.com/kd2ubl.png') no-repeat;}
#bar #tradeButton {background: transparent url('http://tinypic.com/kd2ukz.png') no-repeat;}
#bar #ignoreButton {background: transparent url('http://tinypic.com/kd2uxh.png') no-repeat;}
#bar #addButton a {width: 33px; background: transparent url('http://tinypic.com/kd22kz.png') -22px -90px no-repeat;}
#bar #msgButton a {width: 29px; background: transparent url('http://tinypic.com/kd22wk.png') -22px -90px no-repeat;}
#bar #tradeButton a {width: 28px; background: transparent url('http://tinypic.com/kd232c.png') -22px -90px no-repeat;}
#bar #ignoreButton a {width: 34px; background: transparent url('http://tinypic.com/kd24qe.png') -22px -90px no-repeat;}
html {
scrollbar-base-color: #b6cad5;
scrollbar-arrow-color: #b6cad5;
scrollbar-3dlight-color: #ccdce8;
scrollbar-darkshadow-color: #808080;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-shadow-color: #808080;
scrollbar-track-color: #b6cad5;
}
#profile #bar { background: none;
}
body { background: #b6cad5;
color: #b6cad5;
border: 15px double white;
}
#extendedProfileBody #header h1
{
background: url('http://snipurl.com/n4h0') no-repeat;
border: 3px double white;
}
#content { background: white;
filter: alpha(opacity=0);
border: 7px double #b6cad5;
color: #b6cad5;
padding: none;}
#profile .avatar { opacity: .7; filter: alpha(opacity=70) glow(color=#b6cad5, strength=10); }
#profile .caption .message { background: url('http://i1.tinypic.com/ojgrut.gif') bottom left no-repeat; }
#profile .caption { background: white; border: 1px solid #808080;}
#profile ul.items li img { background: none;
border: 1px solid #b6cad5; }
#header #avatar {
FILTER: Glow(Color=#b6cad5, Strength= cool ;
}
#profile H2{background: white url('http://snipurl.com/n4h4') no-repeat top left; text-indent: -1000px;
_padding: 0;}
#profile { background: white;
border: 3px double #b6cad5;
_padding: 0; }
#about H2{display: none;}
#about { background: white;
border: 3px double #b6cad5;}
#details H2{background: white url('http://snipurl.com/n4h5') no-repeat top left; text-indent: -1000px;}
#details { background: white;
border: 3px double #b6cad5; }
#wishlist H2{background: blue url('http://snipurl.com/n4h6') no-repeat top left; text-indent: -1000px;}
#wishlist { background: white;
border: 3px double #b6cad5;
_padding: 0; }
#wishlist ul.items li img { border: 1px solid #b6cad5;
}
#friends H2{background: white url('http://snipurl.com/n4ha') no-repeat top left; text-indent: -1000px;}
#friends { background: white;
border: 3px double #b6cad5;
}
#friends #friendGroup li { border-right: 2px solid #b6cad5; }
#journal H2{background: white url('http://snipurl.com/n4hc') no-repeat top left; text-indent: -1000px;}
#journal { background: white;
border: 3px double #b6cad5;
_padding: 0;}
#multimedia H2{background: white url('http://snipurl.com/n4he') no-repeat left top; text-indent: -1000px;}
#multimedia {background: white;
border: 3px double #b6cad5;
_padding: 0;}
#comments H2{background: blue url('http://snipurl.com/n4hf') no-repeat top left; text-indent: -1000px;}
#comments { background: white;
border: 3px double #b6cad5; }
#comments dl dt.avatar img {filter: glow(color=#b6cad5, strength= cool alpha(opacity=70); opacity: .7; }
#comments dl dt.avatar2 img {filter: glow(color=#b6cad5, strength= cool alpha(opacity=70) flipH; opacity: .7; }
.caption { background: white;
border: 1px solid #808080; }
.caption:before { content: url(); background: url();}
.caption:after { content: url(); background: url(); }
.caption .message { background: url('http://i1.tinypic.com/ojgfx5.gif') top left no-repeat; }
.caption2 { background: white; border: 1px solid #808080; }
.caption2:before { content: url(); background: url(); }
.caption2:after { content: url(); background: url(); }
.caption2 .message { background: url('http://i1.tinypic.com/ojgga9.gif') top right no-repeat; }
#signature H2{background: white url('http://snipurl.com/n4hg') no-repeat top left; text-indent: -1000px;}
#signature { background: white;
border: 3px double #b6cad5;
_padding: 0; }
#footer { display: none; }
#corp { color: none;
font-size: 10pt; text-decoration: none; }
#details #commonFriends { display: none; }
SKULL PROFILE
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#profile #bar {position: absolute; top: 105px; left: 656px; overflow: auto; width: 220px;}
body {background: #000000 url(http://img155.imageshack.us/img155/5418/cuteskullfp9.png) center left no-repeat fixed;
scrollbar-arrow-color: #000;
scrollbar-base-color: #686868;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #686868;
scrollbar-face-color: #686868;
scrollbar-shadow-color: #686868;
scrollbar-highlight-color: #686868;
scrollbar-3dlight-color: #000; margin: 0px;}
#content {border: 0px; position: absolute; top: 0px; left: 0px; background: transparent;}
#extendedProfileBody #header h1
{display:none;}
#profile
{
background: transparent;
border: 0px;
color: #000000; position:absolute; top:0px; left: 0px;
}
#profile .avatar {padding: 5px; border: 1px dashed #000; filter: FlipH; position: absolute; top: 142px; left: 654px; background: #8D38C9 url() top right no-repeat;}
#profile ul.items {position: absolute; overflow: auto; top: 142px; left: 795px; width: 75px; height: 160px; overflow-x: hidden; border: 1px dashed #000; background: #F59019;}
#profile .caption .message
{
position: center;
padding: 0 0 0 32px;
min-height: 45px;
margin: 10px -12px 0 0;
background: url(CAPTIONIMG) top left no-repeat;
font-size: 12px;
font-weight: bold;
left: -21px; width: 307px; max-width: 307px; overflow: auto;
}
#profile .caption
{
position: absolute; top: 142px; left: 334px; width: 307px; height: 55px; background: #AD6DD5 url(http://img188.imageshack.us/img188/9337/skull7nj.gif) top left no-repeat; max-width: 307px; overflow:auto; overflow-x: hidden; border: 1px dashed #000;
}
#profile h2
{
background: #B6F816 url() top right no-repeat;
text-indent: 10px;
font-size: 10pt; color: #000; position: absolute; top: 89px; left: 345px; border: 1px dashed #000; width: 307px; margin-top:10px; height: 30px; max-height: 30px; overflow: auto; overflow-x: hidden; overflow-y: hidden;
}
#details
{
background: #B6F816 url(http://img228.imageshack.us/img228/8795/pinkskullpv2.png) bottom right no-repeat fixed;
border: 1px dashed #000000; position: absolute; overflow: auto; top: 316px; left: 655px; width: 196px; height: 125px; font-size: 7pt;
}
#details h2
{
display:none;
}
#wishlist
{
background: #AD6DD5 url(http://img228.imageshack.us/img228/8795/pinkskullpv2.png) top right no-repeat fixed;
border: 1px dashed #000; position: absolute; overflow: auto; top: 463px; left: 655px; height: 93px; width: 196px; overflow-x:hidden;
}
#wishlist h2
{
display:none;
}
#about
{
background: #F59019 url(http://img153.imageshack.us/img153/3144/blueskullsf8.png) bottom right no-repeat fixed; border: 1px dashed #000000; position: absolute; overflow: auto; top: 262px; left: 345px; width: 286px; padding-top: 5px; height: 300px;
}
#about h2
{
display:none;
}
#friends
{
background: #F6358A url(lol) top left repeat-x;
border: 1px dashed #000000; position:absolute; top: 221px; left: 345px; width: 129px; max-width: 129px; height: 13px; max-height:13px; overflow: auto; overflow-x:hidden; overflow-y:hidden; padding-top: 5px;
}
#friends h2
{
display:none;
}
#friends #friendGroup li
{
display:none;
}
#journal
{
background: #5CB3FF url(lol) top left repeat-x;
border: 1px dashed #000000; position:absolute; top: 221px; left: 503px; width: 129px; max-width: 129px; height: 13px; max-height:13px; overflow: auto; overflow-x:hidden; overflow-y:hidden; padding-top: 5px;
}
#journal h2
{
display:none;
}
#multimedia
{
background: #AD6DD5 url(http://img407.imageshack.us/img407/3369/purpleskullri0.png) bottom right no-repeat;
border: 1px dashed #000000;
position: absolute; top: 974px; left: 346px; width: 517px; height: 375px; overflow: auto; padding-top: 5px; alignment: middle; vertical-align: middle;
}
#multimedia h2
{
display:none;
}
#comments
{
background: #B6F816 url(http://img407.imageshack.us/img407/3369/purpleskullri0.png) top right no-repeat;
border: 1px dashed #000000; position: absolute; top: 591px; left: 346px; width: 517px; height: 355px; overflow: auto; padding-top: 5px;
}
#comments h2
{
display:none;
}
#signature
{
background: #FFF url(lol) top left repeat-x;
border: 1px solid #000000; display:none;
}
#signature h2
{
background: url(lol) top left no-repeat;
}
#profile a img {}
#profile a:hover img {}
#details a {color: #000; font-weight: bold; text-decoration: underline;}
#details a:hover {color: #000; font-weight: bold; text-decoration: line-through;}
#wishlist a {}
#wishlist a:hover {}
#about a {color: #000; font-weight: bold; text-decoration: underline;}
#about a:hover {color: #000; font-weight: bold; text-decoration: line-through;}
#friends a {color:#000; text-decoration: none; font-size: 10pt; margin-left: 9px;}
#friends a:hover {color:#000; text-decoration: none; font-size: 10pt; margin-left: 9px;}
#journal a {color:#000; text-decoration: none; font-size: 10pt; margin-left: 18px;}
#journal a:hover {color:#000; text-decoration: none; font-size: 10pt; margin-left: 18px;}
#comments a {color: #000; font-weight: bold; text-decoration: underline;}
#comments a:hover {color: #000; font-weight: bold; text-decoration: line-through;}
#signature a {}
#signature a:hover {}
.caption
{
border: 1px solid #000;
background: #8D38C9;
}
.caption2
{
border: 1px solid #000;
background: #8D38C9;
}
#comments .caption .message
{
position: center;
padding: 0 0 0 32px;
min-height: 45px;
margin: 0 -12px 0 0;
background: url() top left no-repeat;
font-size: 12px;
font-weight: normal;
left: -21px;
}
#comments .caption2 .message
{
position: relative;
padding: 0 32px 0 0;
min-height: 45px;
margin: 0 0 0 -12px;
background: url() top right no-repeat;
font-size: 13px;
font-weight: normal;
}
#comments dl dt.avatar img {background: url(http://img188.imageshack.us/img188/5117/orangestar7er.gif) left top no-repeat;}
#comments dl dt.avatar2 img {background: url(http://img188.imageshack.us/img188/4069/purplestar9vr.gif) right top no-repeat;}
#comments .caption:before {display: none; background: url('xxx'); }
#comments .caption:after {display: none; background: url('xxx');}
#comments .caption2:before {display: none; background: url('xxx');}
#comments .caption2:after {display: none; background: url('xxx');}
#site .caption:before {display: none; background: url('xxx'); }
#site .caption:after {display: none; background: url('xxx');}
#site .caption2:before {display: none; background: url('xxx');}
#site .caption2:after {display: none; background: url('xxx');}
TIDUS
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
/*Layout done by Hatake Hinata of Gaia Online.*/
/*Header*/
#extendedProfileBody #header h1
{
background: url(' http://img204.imageshack.us/img204/4876/ffbasic2barthing3do.gif');
border:none;
border: 1px dashed #000000;
}
#header {position: relative; border-right: 0px;}
#extendedProfileBody{cursor: nw-resize;}
/*Body*/
a:link,a:active,a:visited,a:hover {cursor: crosshair}
BODY{
background: #000;
width: 760px;
margin: 0 auto;
cursor: crosshair;
}
#content
{
border: none;
background: none;
}
#content #main{
padding-left: 10px;
}
.section {
font: 10px verdana;
color: #ffffff;
font-weight:bold
background-color: #000000;
background: url(' http://img204.imageshack.us/img204/1527/children5py.gif');
border: 1px dashed #000000;
padding-top: 10px;
}
.section h2{
color: #FFFFFF;
font-size: 14px;
text-indent: -3000px; }
#wishlist,#about,#friends,#comments,#journal,#multimedia,#details,#profile,#signature{background:#6699FF url('http://img204.imageshack.us/img204/1527/children5py.gif')}
#about,#friends,#comments,#multimedia,#signature,#journal{
width: 480px;
}
.caption,.caption2
{
background: transparent;
}
/*Profile*/
#profile{
background-color:#000000;
url(‘http://img204.imageshack.us/img204/1527/children5py.gif’)
}
#profile h2
{
background: url(http://img213.imageshack.us/img213/9996/cloudbar9ek.jpg) top left no-repeat;
text-indent: 85px;
}
#profile
{
color:#FFFFFF;
}
/*Details*/
#details h2
{
background: url(http://img213.imageshack.us/img213/9996/cloudbar9ek.jpg) top left no-repeat;
text-indent: 165px;
}
/*About*/
#about h2
{
background: url(http://img204.imageshack.us/img204/3489/cloudbar22au.jpg) top left no-repeat;
text-indent: 245px;
}
/*Friends*/
#friends #friendGroup li{border-right:0px;}
#friends h2
{
background: url(http://img204.imageshack.us/img204/3489/cloudbar22au.jpg) top left no-repeat;
text-indent: 230px;
}
/*Wishlist*/
#wishlist h2
{
background: url(http://img213.imageshack.us/img213/9996/cloudbar9ek.jpg) top left no-repeat;
text-indent: 150px;
}
/*Comments*/
#comments h2
{
color: #000000
background: url(http://img204.imageshack.us/img204/3489/cloudbar22au.jpg) top left no-repeat;
text-indent: 230px;
}
/*Journal*/
#journal h2
{
background: url(http://img204.imageshack.us/img204/3489/cloudbar22au.jpg) top left no-repeat;
text-indent: 230px;
}
/*Signature*/
#signature h2
{
background: url(http://img204.imageshack.us/img204/3489/cloudbar22au.jpg) top left no-repeat;
text-indent: 230px;
}
/* tektek add-in to fix caption boxes */
.caption2:after{background:none;content:url(http://tinyurl.com/8rzvl);}
.caption:after{background:none;content:url(http://tinyurl.com/8rzvl);}
.caption2:before{background:none;content:url(http://tinyurl.com/8rzvl);}
.caption:before{background:none;content:url(http://tinyurl.com/8rzvl);}
/* tektek auto-correct */
.caption .message{background:none;}
.caption2 .message{background:none;}
Find My Own Way Back
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#extendedProfileBody #header h1
{
background: url(http://img488.imageshack.us/img488/3391/angbanner12in.png);
border:none;
border: 2px solid #96A3B0;
}
#header {position: relative; border-right: 0px;}
#extendedProfileBody{cursor: crosshair;}
a:link,a:active,a:visited,a:hover {cursor: crosshair}
BODY{
background: #000000 url() fixed center center no-repeat;
width: 760px;
margin: 0 auto;
cursor: move;
}
#content
{
border: none;
background: none;
}
#content #main{
padding-left: 10px;
}
.section {
font: 10px Tahoma;
font-weight:bold
background-color: #000000;
background: url('');
border: 2px solid #96A3B0;
padding-top: 10px;
}
.section h2{
color: #ffffff;
font-size: 14px;
text-indent: -3000px; }
#wishlist,#about,#friends,#comments,#journal,#multimedia,#details,#profile,#signature{background: #000000 url()}
#about,#friends,#comments,#multimedia,#signature,#journal{
width: 480px;
}
body
{
font-family: Tahoma;
font-size: 10pt;
color: #ffffff
}
#profile{
background-color:#000000;
url('')
}
#profile h2
{
background: url(http://img488.imageshack.us/img488/7229/anglong0wz.png) center no-repeat;
text-indent: 85px;
}
#profile
{
color:#000000;
}
#profile .avatar
{
filter:progid biggrin XImageTransform.Microsoft.Glow(Color=#96A3B0,Strength=10);
width: 120px;
}
#details h2
{
background: url(http://img488.imageshack.us/img488/7229/anglong0wz.png) center no-repeat;
text-indent: 165px;
}
#about h2
{
background: url(http://img488.imageshack.us/img488/7229/anglong0wz.png) top left no-repeat;
text-indent: 245px;
}
#friends #friendGroup li{border-right:0px;}
#friends h2
{
background: url(http://img488.imageshack.us/img488/7229/anglong0wz.png) top left no-repeat;
text-indent: 230px;
}
#friends #friendGroup li img
{
filter:progid biggrin XImageTransform.Microsoft.Glow(Color=#96A3B0,Strength=10);
width: 96px;
}
#wishlist h2
{
background: url(http://img488.imageshack.us/img488/7229/anglong0wz.png) center no-repeat;
text-indent: 85px;
}
#comments h2
{
background: url(http://img488.imageshack.us/img488/7229/anglong0wz.png) top left no-repeat;
text-indent: 230px;
}
.caption { background: transparent url();
border: 1px solid #96A3B0; color: #ffffff; }
.caption:before { content: url();
background: url() top right no-repeat;
}
.caption:after { content: url();
background: url( image URL goes here ) bottom right no-repeat; }
.caption .message { background: url() top left no-repeat; }
.caption2 { background: transparent url();
border: 1px solid #96A3B0; color: #ffffff; }
.caption2:before { content: url();
background: url() top right no-repeat; }
.caption2:after { content: url();
background: url() bottom right no-repeat; }
.caption2 .message { background: url() top right no-repeat; }
#comments dl dt.avatar img
{
background: url(http://img431.imageshack.us/img431/7670/angbox9wl.png) no-repeat;
}
#comments dl dt.avatar2 img
{
background: url(http://img431.imageshack.us/img431/7670/angbox9wl.png) no-repeat;
}
#journal h2
{
background: url(http://img488.imageshack.us/img488/7229/anglong0wz.png) top left no-repeat;
text-indent: 230px;
}
#mulitmedia h2
{
background: url(http://img488.imageshack.us/img488/7229/anglong0wz.png) top left no-repeat;
text-indent: 230px;
}
#signature h2
{
background: url(http://img488.imageshack.us/img488/7229/anglong0wz.png) top left no-repeat;
text-indent: 230px;
}
}
a:link,a:active,a:visited,a:hover {
font: 10px Tahoma;
font-weight: bold;
cursor: move;
}
a:link { color: #96A3B0; font-weight: bold; text-decoration: none}
a:visited { color: #ffffff; font-weight: bold; text-decoration: none}
a:active { color: #96A3B0; font-weight: bold; text-decoration: underline overline}
a:hover { color: #ffffff; font-weight: bold; text-decoration: line-through filter:blur(add="0",direction="90",strength="7" wink ; height:0;}
#gaiaLogo { border: 2px; color: #96A3B0; font-size: 11px; }
#footer { display: none; }
#footer { background: #000000 url() right no-repeat;color: #96A3B0; }
#corp { color: #96A3B0; font-size: 10pt; text-decoration: none; }
 Sweet Faux Pas · Wed May 30, 2007 @ 02:55am · 0 Comments |
|
|
|
|
|
