.title{display:block; background-color:FF4707!important; color:000000!important; font-weight:bold;}
.notes{do NOT reposition this div You can change the height}
.first {background-color:000000; border: 4px solid FF4707; position: absolute; left: 50% ; top: 150px; margin-left:-400px; width: 800px; height: 600px; z-index:0; visibility:visible !important; background-image:url(
http://i23.photobucket.com/albums/b3...y/dark/d05.jpg);
background-position:center center;}
.notes{these style your layers}
.cstyle {background-color:transparent!important; color:white!important;}
.style {background-color:transparent; color:FF4707; }
.notes{these position each of your layer}
.layer {position: absolute; left: 50% ; top: 133px; overflow: auto; visibility:visible !important; }
.contact {position: absolute; left: 50% ; top: 133px; overflow: auto; visibility:visible !important; }
.bottomleft {position: absolute; left: 50% ; top: 440px; overflow: auto; visibility:visible !important; }
.topright{position: absolute; left: 50% ; top: 133px; overflow: auto; visibility:visible !important; }
.r{h p}
table {visibility:hidden;}
.r{hide nav}
div table td font {display: none;}
.r{show ad}
table tr td script {visibility:visible !important}
.r{show input}
table tbody tr td a.navbar,
table tbody tr td input,
table tbody tr td font
{visibility:visible;}
.r{main table transparent}
body table td {background-color: transparent;}
.r{hide more stuff}
table tbody table tbody td {visibility:hidden;}
.r{disable footer}
table tr td div div{display:none;}
.r{show important}
div table tbody tr td form input,
div table tbody tr td a img,
div table tbody tr td div a,
div table tbody tr td
{visibility: visible !important; color:red;}
.r{text and links}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:Verdana !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:FF4707 !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:FF4707 !important;}
a {color:FF4707 !important; text-decoration:none !important; text-transform:none !important; font-weight:bold !important; font-style:normal !important;}
a:hover {color:FF4707 !important; text-decoration:none !important; text-transform:none !important; font-weight:bold !important; font-style:normal !important;}
.navigationbar, .navigationbar:hover {color:FF4707 !important; font-weight:bold !important;}
.notes{this is your background and scrollbar colors IE only}
.section1:before { content: "Body Properties"; }
body {
background-color:000000;
background-image:url();
background-position:center right;
background-repeat:repeat;
background-attachment:fixed;
scrollbar-face-color:FF4707;
scrollbar-highlight-color: 000000;
scrollbar-3dlight-color: FFFFFF;
scrollbar-shadow-color: 000000;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-arrow-color:ffffff;
scrollbar-track-color: 000000;
}
.notes{This is all for your comments}
.r{HIDE FRIEND SPACE & SPAN TEXT}
.comt td td td table, .btext, .orangetext15, .redlink {display: none;}
.r{MAIN DIV STYLE AND POSITION ON PROFILE}
.comt {visibility: visible !important; width: 480px; height: 200px; position:absolute; top: 510px; left: 50%; margin-left: -140px; overflow: auto;}
.r{FILL EMPTY SPACE ABOVE COMMENTS & ADJUST TABLE WIDTH (make it about 50px less than code above) }
.comt table {position: relative; top: -45px; width: 200px;}
.r{ IE FIX FOR ABOVE }
*html .comt table {top: -35px !important;}
.comt td {visibility: visible; background-color: transparent; border: none;}
.r{ MOVE Displaying 50 of XX comments View/Edit All Comments TO THE TOP }
.comt b {position: relative; top: -50px;}
.r{ BOLD TEXT LEFT IN COMMENTS STAY PUT }
.comt td td td b {top: 0px;}
.r{ C U S T O M I Z E T E X T L I N K S }
.r{ COMMENT TEXT }
.comt td td td, .comt td td td b {font-family: Verdana; font-size: 11px; color: ffffff;}
.r{ COMMENT LINKS incl friend name }
.comt td td td a {font-family: Verdana; font-size: 11px; color: ffffff; text-decoration: none;}
.r{ Displaying 50 of XX comments ViewEdit All Comments }
.comt b, .comt a, .redtext {font-family: Verdana; font-size: 9px; color: ffffff; text-decoration: none;}
.r{ COMMENT DATE }
.blacktext10 {font-family: Verdana; font-size: 9px; color: 7a9754;}
.r{ O P T I O N A L }
.r{ STRETCH COMMENT TEXT TO RIGHT EDGE 130px of comt table width}
.blacktext10 {display: block; width: 320px;}
.r{ IE FIX FOR ABOVE }
.comt td td td {width: 100%;}
.r{ LOWER THE COMMENT DATE }
.blacktext10 {position: relative; top: 20px}
.r{ HIDE FRIEND NAME LINK this will also hide any links left in comments }
.comt td td td a {visibility: visible; font-size: 9px;}
.r{ UNHIDE FRIEND PIC }
.comt a img {visibility: visible}
.r{ CENTERING Displaying 50 of XX comments VieEdit All Comments }
.comt b {display: block; text-align: center;}
.r{MAKESSURE THE ABOVE CODE DOESNTEFFECTBOLDTEX LEFTIN COMMENTS }
.comt td td td b {display: inline;}
.r{ HIDING Displaying 50 of XX comments ViewEdit All Comments }
.comt b {visibility: visible;}
.r{ UNHIDE BOLD TEXT IN COMMENTS }
.comt td td td b {visibility: visible;}
.r{ SHRINK PICTURES LEFT IN COMMENTS }
.r{first 3 lines are for FF, first line is to resize the actual images within your comments}
.comt img {width: 100px; max-width: 250px; width: auto;}
.r{only works in firefox}
.comt a img {width: 80px; max-width: 250px; width: auto;}
.r{resizes the online now picture to is default size}
.comt div img {width: 80px;}
.r{these next 3 lines is why ie sucks again... first line is to pic out the width of the images within your comments}
*html .comt img {width: 100px;}
.r{this line makes it to your friends pictures will be set to its default size, this will also resize the images that are links to this width also in IE only}
*html .comt a img {width: 80px;}
.r{fixes the online now image}
*html .comt div img {width: 80px;}
</style>
07-15-2006, 04:13 AM
