Orange
________________Classic
________________Classic
About the Profile:
It's a simple orange profile that I did when I had a crush on Portal. So basically I just wanted to make something orange and a bit compact.
Sections Included:
- About
- Friends
- Comments
- Wishlist
- Details
- Profile
- Media
Style:
- Classic
- Theme Custom
Compatibility:
- Firefox
- Internet Explorer (97% on IE6 and below)
| 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. */ body, html {background: black;} #gaia_header #header_left, #gaia_header #header_right {background: url(http://img410.imageshack.us/img410/1944/detailsjn9.png) repeat-x !important; height: 25px;} #gaia_header a {color: #fff !important; text-decoration: none; font-weight: bold;} #gaia_header {background: url(http://img410.imageshack.us/img410/1944/detailsjn9.png) repeat-x !important; border-bottom: 2px solid #FA8C09; letter-spacing: 1px;} #content {background: black url(http://img518.imageshack.us/img518/503/orangerzz6.png) no-repeat; width: 780px; margin-top: 0px; height: 770px; border: none;} #details h3, #details h2, #bar #ignoreButton, #friends h2, #profile .caption, #extendedProfileBody #header h1, #about h2, #comments h2, #journal, #signature, #details hr, #details #info {display: none;} .section {border: none !important;} #profile h2 {position: absolute; background: transparent; color: white; top: -370px; left: -80px; width: 335px; text-align: left;} #profile h2:first-letter {border-bottom: 2px solid #494949; padding-bottom: 5px;} #about {position: absolute; background: transparent; width: 305px; height: 323px; left: 27px; top: 210px; overflow: hidden; overflow-x: hidden; color: #292929; padding-top: 10px; text-align: justify; *overflow: auto; *top: 235px; *left: 29px;} #about img {max-width: 305px;} #about:hover {overflow: auto; overflow-x: hidden;} #about:first-line {color: white;} #about .links {position: absolute; margin-top: -24px; text-align: center; width: 305px; padding: 1px; background: url(http://img208.imageshack.us/img208/9700/detailsyl1.png) 0px -5px repeat-x; padding-bottom: 3px; *margin-top: -35px;} #about .links a {margin: 2px; color: #696969; text-decoration: none; font-weight: bold;} #about .links {border-bottom: 2px solid orange;} #about h2 {display: block !important; height: 8px; text-indent: -5000px;} #about .links a:hover {background: url(http://img208.imageshack.us/img208/9700/detailsyl1.png) 0px 22px no-repeat;} #profile {position: absolute; background: transparent; left: 545px; top: 375px;} #profile .items {display: none;} #profile .avatar {margin-top: 10px;} #bar {position: absolute; background: transparent; margin-top: -10px;} #bar #tradeButton {position: absolute; background: transparent; width: 70px; height: 70px; left: -210px; top: -123px;} #bar #tradeButton a {width: 70px; height: 40px; display: block; text-indent: -5000px;} #bar #tradeButton a:hover {background: transparent;} #bar #msgButton {position: absolute; background: transparent; width: 70px; height: 70px; left: -209px; top: -25px;} #bar #msgButton a {width: 70px; height: 40px; display: block; text-indent: -5000px;} #bar #msgButton a:hover {background: transparent;} #bar #addButton {position: absolute; background: transparent; width: 70px; height: 70px; left: -209px; top: 68px;} #bar #addButton a {width: 70px; height: 40px; display: block; text-indent: -5000px;} #bar #addButton a:hover {background: transparent;} #bar #onlineButton {position: absolute; background: url(http://img409.imageshack.us/img409/790/onlinenx9.png) no-repeat; width: 30px; height: 300px; top: -120px; left: -95px; opacity: .8; filter: alpha(opacity=80);} #bar #offlineButton, #bar #hiddenButton {position: absolute; background: url(http://img254.imageshack.us/img254/2253/offgk4.png) no-repeat; width: 30px; height: 300px; top: -120px; left: -95px; opacity: .8; filter: alpha(opacity=80);} #friends {position: absolute; width: 660px; left: 124px; top: 60px; height: 53px; overflow: hidden; background: transparent !important; *top: 84px;} #friends #friendGroup p {display: none;} #friends #friendGroup li img {height: 90px; width: 90px;} #friends #friendGroup img:hover {border: 2px solid white; border-top: none;} #friends #friendGroup li {width: 95px;} #friends #friendGroup li:hover {background: url(http://img258.imageshack.us/img258/2689/metalup8.png) -5px -290px no-repeat;} #friends #friendGroup li {border-right: none; margin-left: 10px;} #friends #friendGroup a:hover {background: white; opacity: .9; filter:alpha(opacity=90); *background: url(http://img258.imageshack.us/img258/2689/metalup8.png) -5px -5px;} #friends .links, #friends p {display: none;} #details {position: absolute; background: #999999; top: 210px; left: 540px; width: 100px; height: 165px; overflow: hidden; padding-top: 10px;} #details dt {background: url(http://img134.imageshack.us/img134/9451/detailsyr7.png) repeat; padding-top: 1px; padding-bottom: 1px; color: white; font-weight: bold; padding-left: 6px; border-left: 2px solid white; border-right: 2px solid black; width: 100px; margin-left: -5px;} #details dd {text-align: center; padding-top: 2px; padding-bottom: 5px;} #details dt:first-letter {text-transform: lowercase; font-weight: bold; color: black; border-bottom: 2px solid black; padding-bottom: 5px;} #details dd:first-letter {font-weight: bold; color: white;} #details #stats {*margin-left: -3px;} #wishlist {position: absolute; background: url(http://img292.imageshack.us/img292/6181/wishlistfr6.png); width: 15px; height: 305px; left: 700px; top: 213px; overflow: hidden; *top: 213px; opacity: .9; filter: alpha(opacity=80) !important;} #wishlist h2 {display: none;} #wishlist .items {background: #f4f5f5; padding: 10px; position: absolute; height: 300px; margin-left: -20px; width: 0px; *background: transparent; opacity: .8;} #wishlist .ites:hover {background: #696969 url(http://img258.imageshack.us/img258/2689/metalup8.png) -5px -5px; *background: none !important;} #wishlist .items:hover {opacity: 1; filter: alpha(opacity=100) !important;} #comments .caption .date, #comments .caption2 .date {display: none;} #comments {position: absolute; top: 570px; left: 25px; width: 400px; overflow: hidden; height: 170px; background: transparent; *top: 585px; *overflow: scroll; overflow-x: hidden;} #comments:hover {overflow: auto; overflow-x: hidden;} #comments .caption2 {background: transparent; width: 400px; color: #A7A7A7; margin-left: -10px; border: none;} #comments .caption {width: 400px; background: transparent; color: #A7A7A7; margin-left: -10px; border: none; margin-top: -30px;} #comments .avatar, #comments .avatar2 {visibility: hidden} #comments .caption p, #comments .caption2 p {display: block; text-align: center; border-bottom: 2px dotted #A06219; margin-top: 10px; padding: 1px; width: 380px; height: 15px; padding-bottom:5px;} #comments .caption p a, #comments .caption2 p a {color: white; text-decoration: none; font-weight: bold; border-bottom: 2px solid white; width: 350px; position: absolute; left: 25px;} #comments .caption2 p a {left: -10px;} #comments .caption2 p:hover, #comments .caption p:hover {border-bottom: 2px solid #FB8C08;} #alerts_banner {display: none;} .caption:before, .caption:after, .caption2:before, .caption2:after{display:none;} .caption .message, .caption2 .message{background: transparent;} #comments .links {width: 330px; background: black url(http://img213.imageshack.us/img213/1239/bbcye9.png) center no-repeat; *z-index: 20;} #comments .links a {text-decoration: none; width: 400px;} #comments .links a {text-indent: -5000px; display: block; width: 330px; 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);} #multimedia {background: #494949; position: absolute; width: 200px; height: 150px; top: 575px; left: 500px; *top: 590px;} #multimedia embed {width: 200px; height: 160px;} #multimedia h2 {display: none;} #commonFriends {display: none;} #about {filter:chroma(color=#aaaaaa) scrollbar-base-color: #aaaaaa; scrollbar-arrow-color: #FA8C09; scrollbar-3dlight-color: #aaaaaa; scrollbar-darkshadow-color: #aaaaaa; scrollbar-face-color: #aaaaaa; scrollbar-highlight-color: #aaaaaa; scrollbar-shadow-color: #aaaaaa; scrollbar-track-color: #aaaaaa;} #comments {scrollbar-base-color: #000000; scrollbar-arrow-color: #FFC554; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-track-color: #000000;} |
