Integration
_______________________Classic
_______________________Classic
About the Profile:
Just a profile I made with some bright colors, I wanted something fresh and I like the results. It was a bit crazy at first, because I made it but once it was done I decided I hated it so I redid it. Then it morphed into something more colorful.
Sections Included:
- About
- Comments
- Details
- Profile
- Friends
Style:
- Classic
- Theme "Custom"
Compatibility:
- Firefox
- Internet Explorer (97%)
(Tektek cuts off a part of the comments, but in Gaia they look perfectly fine)
| CODING Wrote: |
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;} #site {margin-left: auto; margin-right: auto; overflow: hidden;} /* PROFILE MADE BY KER0 If you're going to use it as a base, please give credit. */ #content {background: url(http://img56.imageshack.us/img56/1648/integrationplusrs7.png) no-repeat; height: 1255px; width: 740px;} #extendedProfileBody h1 {display: none;} body, html {background: #EFEC4F;} .section {position: absolute; background: transparent; top: -5000px;} .section h2 {display: none;} #about {text-align: center; top: 405px; left: 205px; width: 335px; padding-top: 80px;height: 138px; color: #696969; overflow: hidden; background: transparent; border: none;} #about:hover {overflow: auto; overflow-x: hidden; width: 350px;} #about .links {top: 0px; position: absolute; width: 335px; text-align: center; padding: 5px; height: 13px; margin-left: -10px; background: #F32170; *margin-left: -5px;} #about .links a {color: white; font-weight: bold; text-decoration: none; width: 350px; margin: 6px; height: 16px; width: 360px;} #about img {max-width: 335px;} #comments {top: 810px; left: 80px; height: 230px; width: 575px; overflow: hidden; background: transparent; border: none;} #comments:hover {overflow: auto; overflow-x: hidden;} #comments .avatar, #comments .avatar2 {visibilitY: hidden; height: 20px;} #comments .caption, #comments .caption2 {width: 230px; margin-left: -3px; padding: 5px; background: url(http://public.tektek.org/img/themes/35778/cmtsnr0.png) 5px 0px; margin: 0px 0px 20px 35px; border: none;} #comments .message {background: #F9F8CD; color: #696969; left: 0px; font-weight: bold; padding: 10px; min-height: 50px;} .date {display: none;} #comments dd a {background: ; position: absolute; margin-top: -20px; width: 200px; text-align: center; left: 20px; color: #F3256F; text-decoration: overline underline; text-transform: lowercase;} #comments dd a:first-letter {color: #5D830B; text-transform: uppercase;} #comments .links a {display: block; background: white; text-indent: -5000px; margin: 5px; margin-left: -5px;} .caption2:before, .caption:before, .caption:after, .caption2:after {display: none;} #comments .caption2 {margin-left: 305px; margin-top: -130px;} #comments .caption {margin-top: -25px;} #comments .links a {background: transparent; margin-left: 0px; margin-top: 15px; height: 32px; width: 200px; text-indent: -5000px; z-index: 10 !important;} #comments li+li a {margin-top: -30px !important; margin-left: 400px !important; width: 100px; position: absolute;} #comments .links {background: transparent url(http://img179.imageshack.us/img179/339/commentsbarej6.png) 0px 11px no-repeat;} #comments p {display: none;} #comments dd p {display: block;} #comments .date {display: none;} #friends {top: 1150px; left: 10px; overflow: hidden; height: 110px; background: transparent; border: none;} #friends #friendGroup {width: 730px; margin-top: 10px; margin-left: 110px;} #friends #friendGroup li img {width: 70px; height: 70px;margin-top: 5px; background: url(http://public.tektek.org/img/themes/35778/Blazing.png) 10px 10px;} #friends #friendGroup li {width: 80px; height: 150px; background: transparent url(http://img527.imageshack.us/img527/3212/greenzv5.png) 0px 230px;} #friends #friendGroup li p a {display: none;} #friends #friendGroup li {border-left: 2px solid #F32170; border-right: none; margin: 5px; margin-left: 0px;} #friends #friendGroup li:hover {border-left: 2px solid white;} #friends p {display: none;} #friends .links a {background: url(http://public.tektek.org/img/themes/35778/Blazing.png); display: block; text-align: center; letter-spacing: 10px; color: black; text-decoration: none; font-weight: bold; border-top: 5px solid white;} #friends #friendGroup li img:hover {background: url(http://public.tektek.org/img/themes/35778/Blazing.png) 60px 0px; } #friendGroup {margin-left: 107px;} #allfriends #friendGroup {position: relative; top: 5100px;} #allfriends {background: #9CCE12 !important; opacity: .8; filter: alpha(opacity=80);} #allfriends .block {position: relative; top: 5080px; background: white; position: absolute; width: 500px; text-align: center; text-decoration: none; margin-left: 130px;} #allfriends #friendGroup li {background: transparent !important;} #allfriends h2 {background: transparent; margin-top: 30px; height: 40px; text-align: center; font-size: 20px; padding-top: 20px; color: #BE3267; border-top: 5px solid #BE3267; *color: #696969; *border: none; *margin-top: -5px;} #allfriends #friendGroup img:hover {background: #F32370; border-left: 10px solid #EFEC4F;} #allfriends #friendGroup img {margin-top: 15px; margin-left: -10px; *margin-top: 0px; *margin-left: 0px;} #allfriends #friendGroup p {background: transparent; opacity: 1; margin-top: auto; margin-left: 60px; padding: 0px; display: none; *display: block; *margin-left: auto;} .pagination {position: relative; margin-top: 5100px;} #wishlist {top: 438px; left: 143px; height: 150px; overflow: hidden; width: 800px; background: transparent; border: none;} #wishlist .item:hover {background: #F32170;} #wishlist li {margin-right: 365px !important;} #profile {top: 170px; background: transparent;} #profile .items {display: none;} #profile .caption {display: none;} #profile h2 {display: inline; width: 690px; background: #F32170; position: absolute; top: 850px; left: 35px; z-index: 10; overflow: hidden; color: white; text-align: center; height: 25px; text-transform: uppercase;} #profile .avatar {top: 942px; left: 10px; position: absolute; z-index: 10;} #details {top: 619px; left: 180px; width: 600px; overflow: hidden; width: 250px; height: 175px; background: transparent; border: none;} #details dt {background: transparent; margin-left: 350px; margin-top: 3px;} #details #info {display: none;} #details #stats {width: 500px; text-align: center;} #details dd {padding-bottom: 6px; padding-top: 2px; color: white; margin-left: 345px;} #details #commonFriends {display: none;} #details h3, #details hr {display: none;} #details dl {text-align: center;} #details a {color: white; text-decoration: none;} #multimedia {display: none;} #bar {position: absolute; background: transparent url(http://img120.imageshack.us/img120/1842/integrationbarvertigoxz4.gif) no-repeat; opacity: .7; filter: alpha(opacity=70); width: 240px; height: 200px; margin-left: 251px; margin-top: -110px;} #bar #addButton {position: absolute; left: 0px; top: -0px; width: 80px; height: 80px; background: transparent; opacity:.5;} #bar #addButton a {width: 80px; height: 60px; text-indent: -5000px;} #bar #addButton a:hover {background: transparent;} #bar #ignoreButton {position: absolute; left: 125px; top: -0px; width: 80px; height: 80px; background: transparent; opacity:.5;} #bar #ignoreButton a {width: 80px; height: 60px; text-indent: -5000px;} #bar #ignoreButton a:hover {background: transparent;} #bar #msgButton {position: absolute; left: 0px; top: 125px; width: 80px; height: 80px; background: transparent; opacity:.5;} #bar #msgButton a {width: 80px; height: 60px; text-indent: -5000px;} #bar #msgButton a:hover {background: transparent;} #bar #tradeButton {position: absolute; left: 125px; top: 125px; width: 80px; height: 80px; background: transparent; opacity:.5;} #bar #tradeButton a {width: 80px; height: 60px; text-indent: -5000px;} #bar #tradeButton a:hover {background: transparent;} #bar #offlineButton, #bar #hiddenButton {position: absolute; left: 63px; top: 60px; width: 80px; height: 80px; background: transparent; opacity:.3; filter: alpha(opacity=30);} #bar #onlineButton {position: absolute; left: 73px; top: 76px; width: 80px; height: 80px; background: transparent url(http://img135.imageshack.us/img135/176/onlineinteg2wz2.png) no-repeat; opacity: 1; filter: alpha(opacity=100);} #gaia_header, #gaia_header #header_right, #gaia_header #header_left {background: black !important; color: #F32370; font-weight: bold; border-top: 2px solid #B5E20B;} #gaia_header a {color: yellow !important; text-decoration: none; font-weight: bold;} #alerts_banner {display: none;} #comments .admin {margin-left: 80px; position: absolute; margin-top: 20px; opacity: .2; filter: alpha(opacity=20);} #comments .admin:hover {opacity: .8; filter: alpha(opacity=80);} #comments {filter:chroma(color=#aaaaaa) scrollbar-base-color: #aaaaaa; scrollbar-arrow-color: #EFEC4F; scrollbar-3dlight-color: #aaaaaa; scrollbar-darkshadow-color: #aaaaaa; scrollbar-face-color: #aaaaaa; scrollbar-highlight-color: #aaaaaa; scrollbar-shadow-color: #aaaaaa; scrollbar-track-color: #aaaaaa; *overflow: auto !important; *overflow-x: hidden !important;} #about {filter:chroma(color=#aaaaaa) scrollbar-base-color: #aaaaaa; scrollbar-arrow-color: #F32170; scrollbar-3dlight-color: #aaaaaa; scrollbar-darkshadow-color: #aaaaaa; scrollbar-face-color: #aaaaaa; scrollbar-highlight-color: #aaaaaa; scrollbar-shadow-color: #aaaaaa; scrollbar-track-color: #aaaaaa; *overflow: auto !important; *overflow-x: hidden !important;} *:first-child+html #comments {background: transparent url(http://public.tektek.org/img/themes/35778/acvfl0.png) top no-repeat;} *:first-child+html #comments .links {background: transparent !important;} #friends .links a {*width: 750px; *text-align: center !important; *z-index: 0 !important;} #details {*overflow: hidden !important; *width: 400px;} #details dt {*margin-top: 3px; *margin-left: -155px;} #details dd {*margin-left: -155px;} #main {border: none !important;} |
