Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

body fonts and infobox header fonts


luvubeauty

Recommended Posts

Posted

As of right now I have white background infoboxes with a black header background and the text in the boxes black as well and the text in my body mainpage is black. But for some reason I have to change the font colour in the body in able to change the font colour in the infobox headers....but it also changed the quantity numbers of the "products currently in cart" column. So...when I change the colour, I loose some kind of header, info or whatever in the backgroudns.....If this makes any sense lol

Is there anyway to change the the location the font colour commands come from? I know it is probably something simple, but I am going on 3hrs trying to figure this darn thing out, so maybe some fresh eyes will see something I haven't!

Thanks in advance!

 

Here is my stylesheet coding:

 

/*
 $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 [url="http://www.oscommerce.com"]http://www.oscommerce.com[/url]

 Copyright © 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.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; }

BODY {
 text-align: center;
 background: #000000;
 background-image: #000000;
 background-repeat: repeat;
 color: #000000;
 margin: 0px;
}

.fixcenter {
 width: 850px;
 border: solid; border-color:#f6f; border-width: 2px;
 background: #f90282;
 color: #000000;
 margin: auto;
 padding: 0px;
 margin-top: 20px;
 text-align: left;
}

A {
 color: #000000;
 text-decoration: none;
}

A:hover {
 color: #ff1493;
 text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
 background: #000000;
}

TR.headerNavigation {
 background: #000000;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #000000;
 color: #ff4193;
 font-weight : bold;
}

A.headerNavigation { 
 color: #FFFFFF; 
}

A.headerNavigation:hover {
 color: #ffffff;
}

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;
}

TR.footer {
 background: #000000;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #000000;
 background-image: url("images/box_header.gif");
 color: #ffffff;
 font-weight: bold;
}

.infoBox {
 background: #000000;
text-align: center;
}

.infoBoxContents {
 background: #FEF7FB;
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
text-align:center;
}

.infoBoxNotice {
 background: #FF8E90;
}

.infoBoxNoticeContents {
 background: #FFE6E6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 background: #000000;
 background-image:
 font-color: #ffffff;
text-align: center;
}

TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
text-align: center;
}

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: #FEF7FB;
}

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #000000;
 border-spacing: 1px;
text-align: center;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #000000;
 color: #FFFFFF;
 font-weight: bold;
text_align: center;
}

TD.productListing-data {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
text-align: center;
}

A.pageResults {
 color: #0000FF;
}

A.pageResults:hover {
 color: #0000FF;
 background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #000000;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

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, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

SPAN.greetUser {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #f0a480;
 font-weight: bold;
}

TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}

TABLE.tabline {
 background: none;
 border-bottom: 1px #aaa solid;
}

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;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.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; }

/* message box */

.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; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

TABLE.productinfoBox {
border: solid; border-color:#000000; border-width: 1px;
background: #FEF7FB;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

TD.Price {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #000000;
}

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...