Gimme
________________Classic
________________Classic
About the Profile:
Just a profile that came out of boredness. The power was off and I was on the garden listening to some music when Gimme More started playing and all of a sudden I wanted to make a profile. So I made a sketch and came out with something like this.
Sections Included:
- About
- Friends
- Comments
- Wishlist
- Details
- Profile
Style:
- Classic
- Theme "Custom"
Compatibility:
- Firefox
- Internet Explorer
(Tektek cuts a bit of the comment buttons, but they work just fine on Gaia)
| CODING Wrote: |
#site {margin-left: auto; margin-right: auto;} /* PROFILE MADE BY KER0 If you're goint to use it as a base, please give credit. */ #content {background: url(http://img247.imageshack.us/img247/3862/gimmeredtu3.png) no-repeat; height: 870px; margin-top: -29px; width: 730px; border: none;} #journal, #signature, #multimedia, #extendedProfileBody h1, #profile .items, .section h2 {display: none;} body, html {background: #EBEBEB;} #gaia_header, #gaia_header #header_left, #gaia_header #header_right {background: transparent; color: #B32C85;} #gaia_header a {color: #BFBD19 !important; text-decoration: none; font-weight: bold;} #profile {position: absolute; top: 70px; background: transparent:} #profile .avatar {position: absolute; top: 150px; left: 6px; background: #BFBD19; border-left: 8px solid #BFBD19;} #profile .caption {display: none;} #details #commonFriends, #details #info, #details hr, #details h3 {display: none;} #details {position: absolute; left: 200px; top: 210px; width: 300px;} #details #stats dt {width: 290px; background: #A81D5F; text-align: center; color: #BFBD19; padding: 1px;} #details #stats dt:hover {background: black;} #details #stats dd {width: 290px; text-align: center; padding-bottom: 5px; padding-top: 2px; color: black; font-weight: bold;} #details #stats {margin-left: 10px; position: absolute;} #details dd a, #details dt strong {display: none;} #wishlist {position: absolute; left: 588px; top: 210px; width: 135px; height: 165px; overflow: hidden;} #wishlist .item {background: #BFBD19; margin: 4px;} #wishlist:hover {overflow-y: auto; width: 160px;} #friends {position: absolute; height: 120px; top: 415px; width: 500px; overflow: hidden; left: 265px;} #friends #friendGroup li {border: none; margin: 7px; width: 100px; margin-top: 10px;} #friends #friendGroup li:hover {width: 100px;} #friends img {background: #BFBD19; border: none; border-bottom: 5px solid #A81D5F;} #friends img:hover {background: black; border: 5px solid #EBEBEB;} #friends p, #friends .links {display: none;} #friends #friendGroup li:hover p {display: block; color: white; position: absolute; width: 150px; margin-top: -20px; margin-left: -20px;} #friends p a {text-decoration: none; color: #B32C85; font-weight: bold;} #about {position: absolute; top: 600px; left: 260px; width: 450px; height: 220px; overflow: hidden; overflow-x: hidden; *overflow: auto; text-align: justify;} #about:hover {overflow: auto; overflow-x: hidden; width: 470px;} #about .links {position: absolute; margin-top: -15px; margin-left: 7px; width: 440px; padding: 1px; *margin-top: -25px;} #about .links a {margin: 21px; text-decoration: none; color: #A81D5F; font-weight: bold; text-transform: uppercase;} #about h2 {display: block; height: 20px !important; text-indent: -5000px;} #comments {position: absolute; overflow: hidden; overflow-x: hidden; width: 218px; height: 353px; left: 0px; top: 465px; *height: 350px;} #comments:hover {overflow: auto; overflow-x: hidden; width: 240px;} #comments .avatar, #comments .avatar2 {visibility: hidden;} #comments .caption, #comments .caption2 {width: 220px; border: none; background: #9D1656; margin: 5px; margin-left: 3px;} #comments p {display: none;} #comments .caption p, #comments .caption2 p {display: block; background: none; text-align: center;} #comments .caption .date, #comments .caption2 .date {display: none;} #comments p a {text-decoration: none;} #comments a {text-align: center; color: #BFBD19; font-weight: bold;} #comments h2 {display: block; text-indent: -5000px; height: 5px !important;} #comments #alerts_banner {display: none;} #comments .links {width: 300px; background: black url(http://img443.imageshack.us/img443/2582/acdby0.png) -35px 3px no-repeat; margin-left: -3px;} #comments .links a {text-decoration: none; width: 300px;} #comments .links a {text-indent: -5000px; display: block; width: 250px; height: 10px; background: none; margin: 5px; margin-left: 0px;} #comments .links a {background: black; opacity: .2; filter:alpha(opacity=20);} #comments .links a:hover {background: none; *background: white; *filter:alpha(opacity=0);} .caption:before,.caption:after,.caption2:before,.caption2:after {display:none;} .caption .message, .caption2 .message{background: transparent;} .section {background: transparent !important; border: none !important;} #bar {position: absolute;} #bar #onlineButton {top: 88px; left: 195px; width: 300px; height: 15px; background: black url(http://img80.imageshack.us/img80/1013/bpwc6.png) 0px 1px no-repeat; position: absolute;} #bar #offlineButton, #bar #hiddenButton {display: none; background: transparent; text-indent: -5000px;} #bar #addButton {top: 10px; left: 40px; width: 50px; height: 50px; background: transparent; position: absolute;} #bar #addButton a {height: 30px; width: 50px; text-indent: -5000px;} #bar #addButton a:hover {background: transparent;} #bar #msgButton {top: 10px; left: 223px; width: 50px; height: 50px; background: transparent; position: absolute;} #bar #msgButton a {height: 30px; width: 50px; text-indent: -5000px;} #bar #msgButton a:hover {background: transparent;} #bar #tradeButton {top: 10px; left: 405px; width: 50px; height: 50px; background: transparent; position: absolute;} #bar #tradeButton a {height: 30px; width: 50px; text-indent: -5000px;} #bar #tradeButton a:hover {background: transparent;} #bar #ignoreButton {top: 10px; left: 588px; width: 50px; height: 50px; background: transparent; position: absolute;} #bar #ignoreButton a {height: 30px; width: 50px; text-indent: -5000px;} #bar #ignoreButton a:hover {background: transparent;} #comments, #about, html, body {scrollbar-base-color: #EBEBEB; scrollbar-arrow-color: #A5195B; scrollbar-3dlight-color: #EBEBEB; scrollbar-darkshadow-color: #EBEBEB; scrollbar-face-color: #EBEBEB; scrollbar-highlight-color: #EBEBEB; scrollbar-shadow-color: #EBEBEB; scrollbar-track-color: #EBEBEB;} #gaia_header {background: #A5195B;} #comments {*overflow: auto !important; *overflow-x: hidden !important;} #comments {scrollbar-base-color: #EBEBEB; scrollbar-arrow-color: #EBEBEB; scrollbar-3dlight-color: #EBEBEB; scrollbar-darkshadow-color: #EBEBEB; scrollbar-face-color: #BFBD19; scrollbar-highlight-color: #EBEBEB; scrollbar-shadow-color: #EBEBEB; scrollbar-track-color: #EBEBEB; *width: 242px;} #comments .caption, .caption2 {padding-bottom: 8px;} |
