Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How is my background NOT black?


Guest

Recommended Posts

This is my style sheet, yet somehow the background remains this gray that doesn't even exist in the style sheet - how? See it here http://www.blacksheepperformance.net/catalog

 

/*

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

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

.boxText { font-family: arial; font-size: 10px; }

.errorBox { font-family : arial; font-size : 10px; background: #000000; font-weight: bold; }

.stockWarning { font-family : arial; font-size : 10px; color: #000000; }

.productsNotifications { background: #000000; }

.orderEdit { font-family : arial : 10px; color: #000000; text-decoration: underline; }

 

BODY {

text-align: center;

background: #000000;

color: #FFFFFF;

margin: 0px;

}

 

.body {

width: 600px;

border: solid; border-width: 1px;

background: #000000;

color: #FFFFFF;

margin: auto;

margin-top: 20px;

text-align: left;

}

 

A {

color: #FE0000;

font-weight : bold;

text-decoration: none

}

 

A:hover {

color: #FFFFFF;

font-weight : bold;

text-decoration: none

}

 

FORM {

display: inline;

}

 

TR.header {

background: #000000;

}

 

TR.headerNavigation {

background: #333333;

}

 

TD.headerNavigation {

font-family: arial;

font-size: 12px;

background: #333333;

color: #ffffff;

font-weight : bold;

}

 

A.headerNavigation {

color: #FFFFFF;

}

 

A.headerNavigation:hover {

color: #ffffff;

}

 

TR.headerError {

background: #ff0000;

}

 

TD.headerError {

font-family: arial;

font-size: 12px;

background: #ff0000;

color: #ffffff;

font-weight : bold;

text-align : center;

}

 

TR.headerInfo {

background: #333333;

}

 

TD.headerInfo {

font-family: arial;

font-size: 12px;

background: #00ff00;

color: #ffffff;

font-weight: bold;

text-align: center;

}

 

TR.footer {

background: #333333;

}

 

TD.footer {

font-family: arial;

font-size: 10px;

background: #333333;

color: #ffffff;

font-weight: bold;

}

 

.infoBox {

background: #000000;

}

 

.infoBoxContents {

background: #333333;

font-family: arial;

font-size: 10px;

}

 

.infoBoxNotice {

background: #FF8E90;

}

 

.infoBoxNoticeContents {

background: #343435;

font-family: arial;

font-size: 10px;

}

 

TD.infoBoxHeading {

font-family: arial;

font-size: 10px;

font-weight: bold;

background: #333333;

color: #ffffff;

}

 

TD.infoBox, SPAN.infoBox {

font-family: arial;

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: #000000;

}

 

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: #000000;

}

 

TABLE.productListing {

border: 1px solid #000000;

border-spacing: 1px;

}

 

.productListing-heading {

font-family: arial;

font-size: 12px;

background: #000000;

color: #FFFFFF;

font-weight: bold;

}

 

TD.productListing-data {

font-family: arial;

font-size: 12px;

}

 

A.pageResults {

color: #0000FF;

}

 

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

 

TD.pageHeading, DIV.pageHeading {

font-family: arial;

font-size: 20px;

font-weight: bold;

color: #FFFFFF;

}

 

TR.subBar {

background: #f4f7fd;

}

 

TD.subBar {

font-family: arial;

font-size: 10px;

color: #000000;

}

 

TD.main, P.main {

font-family: arial;

font-size: 11px;

line-height: 1.5;

}

 

TD.smallText, SPAN.smallText, P.smallText {

font-family: arial;

font-size: 10px;

color: #FFFFFF;

}

 

TD.accountCategory {

font-family: arial;

font-size: 13px;

color: #aabbdd;

}

 

TD.fieldKey {

font-family: arial;

font-size: 12px;

font-weight: bold;

}

 

TD.fieldValue {

font-family: arial;

font-size: 12px;

}

 

TD.tableHeading {

font-family: arial;

font-size: 12px;

font-weight: bold;

}

 

SPAN.newItemInCart {

font-family: arial;

font-size: 10px;

color: #ff0000;

}

 

CHECKBOX, INPUT, RADIO, SELECT {

font-family: arial;

font-size: 11px;

}

 

TEXTAREA {

width: 100%;

font-family: arial;

font-size: 11px;

}

 

SPAN.greetUser {

font-family: arial;

font-size: 12px;

color: #f0a480;

font-weight: bold;

}

 

TABLE.formArea {

background: #f1f9fe;

border-color: #7b9ebd;

border-style: solid;

border-width: 1px;

}

 

TD.formAreaTitle {

font-family: arial;

font-size: 12px;

font-weight: bold;

}

 

SPAN.markProductOutOfStock {

font-family: arial;

font-size: 12px;

color: #c76170;

font-weight: bold;

}

 

SPAN.productSpecialPrice {

font-family: arial;

color: #ff0000;

}

 

SPAN.errorText {

font-family: arial;

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: arial; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: arial; font-size: 10px; background-color: #99ff00; }

 

/* input requirement */

 

.inputRequirement { font-family: arial; font-size: 10px; color: #ff0000; }

 

I don't see any gray in the style sheet of that color, I defined the background to be black yet its some weird ass gray? WHY!?

 

:(

Link to comment
Share on other sites

One of yr frequent table or infobox background style colors is hex333333. That's the gray you are seeing. And somewhere down the style sheet I changed one that seemed to work, so change 'em all and see what happens, then work back from the bottom putting in hex333333 until it turns yr infobox or page or whatever background gray again, and there it is!

Link to comment
Share on other sites

This link is for the upcoming version but it should be the same or atleast close enough for you to be able to figure out what does what.

stylesheet

http://www.oscommerce.info/kb/osCommerce/C...n_and_Layout/54

 

Or you can click the link in my signature and download the documentation for MS2. :)

Wendy James

 

Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep.

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...