Hi all,
I have an oscommerce store at http://www.affordableweb.biz/sample and I am in the process of editing.
I need some help as to what are the colour codes to insert into stylesheet so as to edit the left hand box to match the header (header is edited ) and the links tabs to be brown and the text on these tabs to be a match to the yellow within the headers.
Also where within the stylesheet will I find the areas mentioned to edit?
I have pasted the syleshhet below and thank you for any help............... ------------------------------------------------------------------
BODY { background: #E5E5E5; margin: 8px; font-family: Verdana,Arial,Sans-serif; margin-left: 0px; margin-top: 0px; color:#5D85A3;}
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #70d250; text-decoration: underline; }
A { color: #5D85A3; text-decoration: none; }
A:hover { color: #5D85A3; text-decoration: underline; }
FORM { display: inline; }
TR.header { background: #E7F1F3; height:142px;}
TR.headerNavigation { height:23px;}
TD.headerNavigation { background-color: #DFEEFA; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4987B7; font-weight: bold; padding: 6px; border-top: 1px solid; border-color: #4987B7;}
A.headerNavigation { color: #5D85A3; }
A.headerNavigation:hover { color: #5D85A3; }
TR.headerError { background: #ff0000; }
TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight: bold; text-align: center; }
TR.headerInfo { background: #00ff00; }
TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; }
TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF; padding: 6px; }
.infoBox { background-color: transparent; }
.infoBoxContents { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#527A88; }
.infoBoxNotice { background: #FF8E90; }
.infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #4A87BA; background-color: #FFA825; padding: 2px; border-bottom: 1px solid; border-color: #ffffff; }
TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #f8f8f9; }
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #f8f8f9; }
TABLE.productListing { border-color: #b6b7cb; }
.productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #96969E; color: #FFFFFF; font-weight: bold; padding: 2px; border-bottom: 2px solid #FFFFFF; }
TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
A.pageResults { color: #0000FF; }
A.pageResults:hover { color: #0000FF; background: #FFFF33; }
TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #5D85A3; }
TR.subBar { background: #4B85A4; }
TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #3C9CA5; }
TD.main, P.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; }
TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; }
TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
CHECKBOX, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
INPUT { background-color: #F8F8F8; font-size: 11px; }
TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #E80000; font-weight: bold; }
TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; }
SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; }
SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.site_table { background-color: #ffffff; }
TD.left { background-color: #FFCC7F; color:#5D85A3; }
TD.right { background-color: #ffffff; }
TABLE.content { padding: 20px 10px 10px 10px; color:#527A88; }
.copy { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding: 5px; }
I have an oscommerce store at http://www.affordableweb.biz/sample and I am in the process of editing.
I need some help as to what are the colour codes to insert into stylesheet so as to edit the left hand box to match the header (header is edited ) and the links tabs to be brown and the text on these tabs to be a match to the yellow within the headers.
Also where within the stylesheet will I find the areas mentioned to edit?
I have pasted the syleshhet below and thank you for any help............... ------------------------------------------------------------------
BODY { background: #E5E5E5; margin: 8px; font-family: Verdana,Arial,Sans-serif; margin-left: 0px; margin-top: 0px; color:#5D85A3;}
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #70d250; text-decoration: underline; }
A { color: #5D85A3; text-decoration: none; }
A:hover { color: #5D85A3; text-decoration: underline; }
FORM { display: inline; }
TR.header { background: #E7F1F3; height:142px;}
TR.headerNavigation { height:23px;}
TD.headerNavigation { background-color: #DFEEFA; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4987B7; font-weight: bold; padding: 6px; border-top: 1px solid; border-color: #4987B7;}
A.headerNavigation { color: #5D85A3; }
A.headerNavigation:hover { color: #5D85A3; }
TR.headerError { background: #ff0000; }
TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight: bold; text-align: center; }
TR.headerInfo { background: #00ff00; }
TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; }
TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF; padding: 6px; }
.infoBox { background-color: transparent; }
.infoBoxContents { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#527A88; }
.infoBoxNotice { background: #FF8E90; }
.infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #4A87BA; background-color: #FFA825; padding: 2px; border-bottom: 1px solid; border-color: #ffffff; }
TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #f8f8f9; }
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #f8f8f9; }
TABLE.productListing { border-color: #b6b7cb; }
.productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #96969E; color: #FFFFFF; font-weight: bold; padding: 2px; border-bottom: 2px solid #FFFFFF; }
TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
A.pageResults { color: #0000FF; }
A.pageResults:hover { color: #0000FF; background: #FFFF33; }
TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #5D85A3; }
TR.subBar { background: #4B85A4; }
TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #3C9CA5; }
TD.main, P.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; }
TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; }
TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
CHECKBOX, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
INPUT { background-color: #F8F8F8; font-size: 11px; }
TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #E80000; font-weight: bold; }
TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; }
SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; }
SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.site_table { background-color: #ffffff; }
TD.left { background-color: #FFCC7F; color:#5D85A3; }
TD.right { background-color: #ffffff; }
TABLE.content { padding: 20px 10px 10px 10px; color:#527A88; }
.copy { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding: 5px; }
Comment