Lavoro
_________________Classic
_________________Classic
About the Profile:
A compact profile with a bit of colors placed here and there. I wanted to make something compact and I came out with this idea. It was pretty much random, but the end results weren't that bad.
Sections Included:
- About
- Friends
- Comments
- Wishlist
- Details
- Profile
- Media
Style:
- Classic
- Theme "Custom"
Compatibility:
- Firefox
- Internet Explorer (98%)
| CODING Wrote: |
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;} #site{margin-left: auto; margin-right: auto;} /* PROFILE MADE BY KER0 If you're goint to use it as a base, please give credit. */ body, html {background: url(http://img297.imageshack.us/img297/4285/backvp2mj8.png) 0px 20px repeat;} #extendedProfileBody #header h1 {display: none;} #gaia_header, #gaia_header #header_left, #gaia_header #header_right {background: transparent; color: #C8326A;} #gaia_header #header_left {margin-top: 13px; margin-left: 10px; *margin-left: 0px;} #gaia_header #header_right {margin-top: 8px; margin-left: -10px;} #gaia_header #header_left a, #gaia_header #header_right a {text-decoration: none; color: #696969 !important; font-weight: bold;} #content {background: #F1E5DE url(http://img139.imageshack.us/img139/6811/lavorocommentsvptn9.png) 0px 20px no-repeat; width: 780px; margin-top: -25px; height: 670px; border: none;} #profile {background: transparent; position: absolute;} #profile .caption, #profile .items {display: none;} #profile .avatar {position: absolute; margin-left: 70px; margin-top: 185px;} #profile h2 {position: absolute; width: 350px; background: transparent; height: 20px; margin-left: 195px; margin-top: 37px; color: #C7326A;} #profile #bar {position: absolute; background: transparent;} #bar #offlineButton, #bar #onlineButton, #bar #hiddenButton {display: none;} #bar #addButton {position: absolute; background: transparent; width: 50px height: 50px; margin-top: 40px; margin-left: 35px;} #bar #ignoreButton {position: absolute; background: transparent; width: 50px height: 50px; margin-top: 38px; margin-left: 110px;} #bar #tradeButton {position: absolute; background: transparent; width: 50px height: 50px; margin-top: 38px; margin-left: 595px;} #bar #msgButton {position: absolute; background: transparent; width: 50px height: 50px; margin-top: 38px; margin-left: 673px;} #bar #addButton a:hover, #bar #ignoreButton a:hover, #bar #tradeButton a:hover, #bar #msgButton a:hover {background: transparent;} #details h3, #details dl, #details hr {display: none;} #details #info, #details #stats {display: inline;} #details {position: absolute; margin-left: 175px; margin-top: 200px; width: 220px; height: 120px; background: transparent; color: #696969; border: none;} #details dt {background: #B6E07E; text-align: center; color: white; border-left: 3px solid #C6326A; padding: 2px;} #details dt:first-letter {color: #FFFF30;} #details dd {padding-bottom: 8px; text-align: center;} #details #info {display: none;} #details #stats {width: 140px; position: absolute;} #details #commonFriends {display: none;} #wishlist {position: absolute; width: 460px; height: 17px; margin-top: 363px; margin-left: 70px; overflow: hidden; background: none;} #multimedia {position: absolute; margin-left: 113px; margin-top: 200px; background: transparent;} #multimedia embed {width: 170px; height: 150px;} #about {position: absolute; width: 460px; height: 160px; margin-top: 405px; margin-left: -168px; color: #696969; background: transparent; border: none; overflow: hidden; *overflow: auto; *overflow-x: hidden; text-align: justify;} #about img {max-width: 460px;} #about:hover {overflow: auto; overflow-x: hidden; } #about .links {position: absolute; width: 440px; text-align: center; margin-top: -22px; margin-left: 10px;} #about .links li a {margin: 30px; text-decoration: none; color: #7BBCD8; font-weight: bold;} #about .links li+li a {color: #C33269;} #about .links li+li+li a {color: #7BBCD8;} #about {padding-top: 25px;} #comments {position: absolute; background: transparent; margin-top: 180px; margin-left: 310px; width: 180px; height: 410px; color: #696969; text-align: center; border: none; overflow: hidden; line-height: 12px;} #comments .avatar, #comments .avatar2 {display: none;} #comments .caption {margin:15px; *width: 135px;} #comments .caption, #comments .caption2 {padding: 5px; padding-bottom: 10px; width: 140px; margin-left: 2px;} #comments .links a {top: 8px; background: transparent; left: 2px; height: 32px; width: 50px; position: absolute; text-indent: -5000px; z-index: 3 !important; *background: white; direction: ltr;} #comments li+li a {margin-top: 0px; margin-left: 100px; *background: black; *z-index: 2 !important;} #comments:hover .links a {} #comments p {color: #696969; text-align: center; margin-top: -15px;} #comments .caption p {color: #696969; text-align: center; margin-top: -28px; background: transparent; border-top: 5px solid #B6E07E; *margin-top: 0px;} #comments .caption2 p {color: #696969; text-align: center; margin-top: -28px; background: transparent; border-top: 3px solid #C7326A; *margin-top: 0px;} #comments .caption p a { color: #7BBCD8; text-decoration: none; font-weight: bold; line-height: 25px;} #comments .date {display: none;} #comments .caption {border: none; padding-top: 20px; background: #F7EA99; *padding-top: 0px;} #comments .captio2 p {color: #696969; text-align: center; margin-top: -28px; background: #FFFF2A;} #comments .caption2 p a {color: #B93265; text-decoration: none; font-weight: bold; line-height: 25px;} #comments .caption2 {border: none; padding-top: 20px; background: #F4D592; border-bottom: 5px solid #C7326A; *padding-top: 0px;} #comments .caption p:first-letter {color: #B93265;} #comments .caption2 p:first-letter {color: #999999;} #comments p {display: none;} #comments dl p {display: block;} #comments .admin {background: url(http://img179.imageshack.us/img179/6429/deleteel4.gif) 0px -5px no-repeat; height: 10px; margin-left: 10px; margin-top: 5px; opacity: .3; filter: alpha(opacity=30);} #comments .admin:hover {opacity: .9; filter: alpha(opacity=90);} #comments .admin img {margin-left: -5000px;} #friends .links {position; absolute; background: transparent; margin-top: 42px; margin-left: 220px; height: 20px; width: 170px; padding-top: 20px;} #friends .links a {background: transparent; height: 100px; padding-top: 20px; padding-left: 66px;} #friends {position: absolute; height: 54px; width: 620px; margin-top: 608px; margin-left: -165px; background: transparent url(http://img99.imageshack.us/img99/264/friendsvpdt7.png) top no-repeat; border: none; overflow: hidden;} #friends p {display: none;} #friends a img {height: 10px; width: 15px;} #friends #friendGroup li img {height: 40px; width: 40px; margin-left: 28px; margin-top: -10px; *height: 45px; *width: 45px;} #friends #friendGroup li {width: 100px; margin-top: -80px; padding-bottom: 30px; *margin-top: -87px;} #friends #friendGroup li {border-right: none;} #details h2, #wishlist h2, #multimedia h2, #about h2, #comments h2, #signature, #friends h2, #journal {display: none;} .caption:before, .caption:after, .caption2:before, .caption2:after{display:none;} .caption .message, .caption2 .message{background: transparent;} #comments .caption {*width: 140px; *margin-left: -13px;} #allfriends {background: url(http://img181.imageshack.us/img181/9597/gojm6.png); border-left: 5px solid #BE3267; border-right: 5px solid #BE3267; height: 500px; border-bottom: 5px solid #BF3268; margin-left: auto; margin-top: auto; *height: 850px; *border: none;} #allfriends p {margin-top: 0px; padding-top: 65px; text-align: center; color: black; background: white; opacity: .5; filter:alpha(opacity=50); padding-bottom: 10px; *background: transparent;} #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 a {background: transparent url(http://img299.imageshack.us/img299/3859/backfriendsvc2.png) center no-repeat; width: 300px; height: 30px; margin-left: 220px; margin-top: 30px; position: absolute; text-indent: -5000px; opacity: .8; filter:alpha(opacity=80); border-left: 15px solid #BF3268; *color: #696969;} #allfriends a:hover {opacity: 1; filter: alpha(opacity=100);} #allfriends #friendGroup a {position: relative; background: transparent; margin-left: auto; opacity: 1; border: none; text-decoration: none; color: black; *text-indent: 0px; } #allfriends #friendGroup li {background: #696969; width: 40px; *width: auto; *background: transparent;} #allfriends #friendGroup img:hover {background: #BF3268;} #allfriends #friendGroup img {margin-top: 15px; margin-left: -10px; *margin-top: 0px; *margin-left: 0px;} #allfriends #friendGroup li:hover {width: 70px; *width: auto;} #allfriends #friendGroup p {background: transparent; opacity: 1; margin-top: auto; margin-left: 60px; padding: 0px; display: none; *display: block; *margin-left: auto;} #allfriends #friendGroup { margin-top: 30px; *margin-top: auto;} #allfriends .pagination a {background: transparent; border: none; text-indent: 5000px; opacity: 1; color: black; position: relative; width: auto; height: auto; margin-left:auto; margin-top: auto; *text-indent: 0px; } #comments .links a {_background: yellow; _filter:alpha(opacity=50); *margin-top: 0px; *margin-left: -100px; *width: 50px; *display: inline;} #comments .links a {*position: relative !important; *filter:alpha(opacity=50); *background: green; *text-indent: 0px; *margin: -10px; *padding-bottom: 50px; *background: transparent;} #comments .links {*position: absolute; *margin-top: -25px; *margin-left: -100px; *background: transparent;} #comments:hover {overflow: auto; direction: rtl; overflow-x: hidden;} #comments:hover .caption2 {direction: ltr; margin-left: -10px;} #comments:hover .caption {margin-left: -25px; direction: ltr;} #comments dl {margin-top: 50px;} body, html {overflow: auto;} #about, body, html { scrollbar-base-color: #F1F6F8; scrollbar-arrow-color: #C43269; scrollbar-3dlight-color: #F1F6F8; scrollbar-darkshadow-color: #F1F6F8; scrollbar-face-color: #F1F6F8; scrollbar-highlight-color: #F1F6F8; scrollbar-shadow-color: #F1F6F8; scrollbar-track-color: #F1F6F8;} #comments:hover {*direction: ltr; } #comments:hover .caption, #comments:hover .caption2 {*margin-left: 0px;} #about {overflow-x: hidden;} #main {border: none !important;} #alerts_banner {display: none;} body, html {overflow-x: hidden !important;} #comments {*overflow: scroll !important; overflow-x: hidden !important;} #comments {filter:chroma(color=#aaaaaa) scrollbar-base-color: #aaaaaa; scrollbar-arrow-color: #C43269; scrollbar-3dlight-color: #aaaaaa; scrollbar-darkshadow-color: #aaaaaa; scrollbar-face-color: #aaaaaa; scrollbar-highlight-color: #aaaaaa; scrollbar-shadow-color: #aaaaaa; scrollbar-track-color: #aaaaaa;} #profile h2 {opacity: .7; filter: alpha(opacity=70) !important;} #find_friends_banner {display: none;} .caption, .caption2 {line-height: 15px;} #friends {_background: transparent url(http://img99.imageshack.us/img99/264/friendsvpdt7.png) 3px 4px no-repeat; _margin-top: 600px;} |
. Im Using this one XD