...

View Full Version : CSS help PLEASE!!!



J.Ivory@HotMail
07-22-2007, 02:10 AM
Ok I am building a site on ClanSiteManager.com wich has a easy edit mode for simple layout changes. But my problem is when I choose my link color it makes it universal and causes some links to be VERY hard to read. So I would like to go into the advanced editor (wich they offer) and change link colors in certain areas by hand. However this is proving to be very difficult sense they do not list the link colors in each area. So what I am hoping to do is change the Footer link color to white and the login in areas link color to white as well. So I have posted the entire srcipt shown in the advanced edit mode in hopes that someone could tell me how to change those colors.

Thank You for any help: J. Ivory





/*<agl.folder "Top">*/
#banner-ad { display: none; }
#page-header-custom { color: #CCCCCC; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/78975/images/www.SOCOMFACES.comHEADERwbluebacking.jpg); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 137px; margin: 0; }
#login-area-custom-outer { display: block; position: relative; z-index: 900; height: 20px; }
#login-area-custom { background-image: none; position: absolute; top: 0px; left: 0; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 80px 0 20px; }
#page-header { color: #CCCCCC; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/78975/images/www.SOCOMFACES.comHEADERwbluebacking.jpg); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 137px; margin: 0; }
#page-header h1 { font-size: 41px; font-family: lucida sans; text-align: center; position: absolute; top: 32px; left: 17px; display: none; width: auto; z-index: 40; margin: 0; }
#header-graphic1 { position: absolute; top: 0; left: 0; width: 100%; height: 137px; z-index: 5; overflow: hidden; display: none;}
#header-graphic2 { position: absolute; z-index: 5; top: 0; right: 0; width: 100%; height: 137px; overflow: hidden; display: none; }
#header-graphic1 span { background-image: url(none); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0; left: 0; width: 200; height: 155; z-index: 5; }
#header-graphic2 span { background-image: url(none); background-repeat: no-repeat; background-position: right top; position: absolute; z-index: 5; top: 0; right: 0; width: 195; height: 200; }
#login-area { background-image: none; position: absolute; top: 105px; left: 0; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 20px 0 20px; }
.login-text td { color: #FFFFFF; background-color: transparent; }
.login-text td a { color: #FFFFFF; }
.login-text td a:hover { color: #FFFF66; }
/*</agl.folder>*/
/*<agl.folder "Global">*/
a { color: #003399; }
a:hover { color: #003399; }
td, th { font-size: 12pt; font-family: times new roman; }
p { }
body { color: #FFFFFF; font-size: 12pt; font-family: times new roman; background-color: #000033; background-image: url(http://atflive.csmsites.com/user/78975/images/dblue068.gif); text-align: center; width: 100%; height: 100%; padding: 30px 0 10px; }
#master-table-container { }
#master-table { width: 100%; margin: 0; padding: 0; }
/**/ #container { background-color: transparent; background-image: url(none); vertical-align: top; position: relative; width: 73%; margin: 0 auto; border: solid 0 #fff; }
/*</agl.folder>*/
/*<agl.folder "Sides">*/
/**/ .side-nav-table { width: 100%; padding: 2px; }
/**/ .side-nav-box td.header { color: transparent; font-size: 12pt; font-family: times new roman; font-weight: bold; font-variant: normal; line-height: 27px; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/78975/images/dblue068.gif); background-repeat: repeat; text-transform: capitalize; text-align: center; letter-spacing: 2px; bottom: 0; padding: 0 2px 0; }
.side-nav-box tr.header-row td { background-color: transparent; }
/**/ .side-nav-box td.content li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-color: transparent; color: #FFFFFF; text-decoration: none; width: 100%; }
.side-nav-box td.content { text-align: left; padding-top: 3px; padding-left: 0; color: transparent; background-color: transparent; background-image: url(none); }
.side-nav-box td.content td.content { color: transparent; background-color: transparent; background-image: none; }
html>body .side-nav-box td.content li a { width: auto; }
.side-nav-box td.content li a:hover { border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-color: transparent; color: #FFFFFF; }
.side-nav-box { padding: 0 0 1em; margin-bottom: 1em; font-family: times new roman; color: #333; }
.side-nav-box li { border-bottom: 1px solid black; margin: 0; }
.side-nav-box ul { list-style: none outside; margin: 0; padding: 0; border: none; }
/**/ #nav-cell { width: 1%; padding: 10px 0; background-color: transparent; }
/**/ #ads-cell { width: 1%; padding: 10px 0; background-color: transparent; }
#nav-links { height:auto; margin: 0; display: inline; }
#ads-apps { width:auto; height:auto; margin: 0; display: inline; }
.nav-spacer {width: 100px; height: 1px; margin: 0; padding: 0; overflow: hidden;}
/*</agl.folder>*/
/*<agl.folder "Content">*/
.content-table { width: 100%; border:0px solid transparent; color: #000000; background-color: transparent; }
.content-innertable { }
.content-cell-inner { color: #000000; }
#content-cell-inner { color: #000000; }
#content-cell { padding: 10px;}
#content-container { margin: 20px 0 0; padding-right: 10px; padding-left: 10px; }
#content-section { }
input, textbox, select, textarea { }
td.tableheader { text-align: left; height: 24px; }
td.cell { }
#content-cell td.header-cell { font-weight: bold; color: #FFFFFF; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/78975/images/BlueMarbleHeader.gif); }
#content-cell td.header-cell h3 { font-size: 16pt; line-height: 100%; margin: 0; }
td.header { color: #ffffff; text-align: left; background-color: #09122f; padding: 3px 5px; }
/*</agl.folder>*/
/*<agl.folder "Bottom">*/
#page-footer-custom { color: #000000; font-size: 12pt; font-family: times new roman; font-weight: bold; background-color: #1F1F33; background-image: url(http://atflive.csmsites.com/user/78975/images/dblue068.gif); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; height: 47px; clear: both; margin: 0 0 0; }
#page-footer { color: #FFFFFF; font-size: 12pt; font-family: times new roman; font-weight: bold; background-color: #1F1F33; background-image: url(http://atflive.csmsites.com/user/78975/images/dblue068.gif); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; height: 47px; clear: both; margin: 0 0 0; }
#page-footer h5 { font-size: 12pt; text-align: center; position: absolute; top: 30px; left: 0; width: 100%; height: 47px; margin: 0; }
#page-bottom { margin-top: 50px; }
/*</agl.folder>*/
/*<agl.folder "Elements">*/
.element-container { background-color: transparent; width: 100%; border-width: 0; }
.element-container table {width:100%;}
.element-header { font-weight: bold; color: #FFFFFF; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/78975/images/BlueMarbleHeader.gif); }
.element-header-inner { font-weight: bold; color: #FFFFFF; }
.element-header a { color: #FFFFFF; }
.element-header-inner a { color: #FFFFFF; }
.element-row1-inner { color: #000000; }
.element-row2-inner { color: #000000; }
.element-row1 { color: #000000; background-color: #CCCCCC; }
.element-row2 { color: #000000; background-color: #CCCCCC; }
#container .element-header { font-weight: bold; color: #FFFFFF; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/78975/images/BlueMarbleHeader.gif); }
#container .element-header-inner { font-weight: bold; color: #FFFFFF; }
#container .element-header a { color: #FFFFFF; }
#container .element-header-inner a { color: #FFFFFF; }
#container .element-row1-inner { color: #000000; }
#container .element-row2-inner { color: #000000; }
#container .element-row1 { color: #000000; background-color: #CCCCCC; }
#container .element-row2 { color: #000000; background-color: #CCCCCC; }
/*</agl.folder>*/

twodayslate
07-22-2007, 03:26 AM
#page-footer-custom a { color: #000; }


That will just change your link color in the footer.

J.Ivory@HotMail
07-22-2007, 05:40 PM
Ok I tried putting that in a few different places to avail. could you just copy the that I need to change or the one I need to insert it under?

Thanx Agian



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum