Stylesheet.css:
/*
Enterprise Shopping Cart
http://www.enterprisecart.com
Copyright (c) 2004 Enterprise Shopping Cart Software. Portions copyright (c) 2000-2004 osCommerce: http://www.oscommerce.com
Released under the GNU General Public License
*/
/* ----------------- */
/* sorting by colors */
/* ----------------- */
/* --- */
/* red */
/* --- */
/* input requirement */
/* red */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* this is a dark text color, maroon */
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
/* a red error msg */
TR.headerError {
background: #ff0000;
}
/* red */
SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}
/* red */
SPAN.productSpecialPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
/* -------------- */
/* blue or purple */
/* -------------- */
/* breadcrumbs. */
.breadcrumbs { font-family: verdana, arial; color: blue; font-size: 10pt; }
/* blue */
A.pageResults {
color: #0000FF;
}
/* purple */
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #000099;
}
/* blue w/ gold background */
A.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}
/* ---------- */
/* light blue */
/* ---------- */
/* light bluish color */
TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #587CBE;
color: #ffffff;
}
/* light grey blue */
TD.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}
/* light blue */
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
/* ---------------- */
/* super light blue */
/* ---------------- */
/* super super light blue */
TABLE.formArea {
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}
/* super light blue */
.moduleRowSelected { background-color: #E9F4FC; }
/* ---------- */
/* light grey */
/* ---------- */
/* this is a very light gray color which you could use behind dark text */
.productsNotifications { background: #f2fff7; }
/* light gray */
.infoBox {
background: #f5f5f5;
border: 1px;
border-style: dashed;
}
/* light grey */
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;
}
/* light grey */
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;
}
/* light grey */
TR.subBar {
background: #f4f7fd;
}
/* --------- */
/* grey blue */
/* --------- */
/* default rolled over link, grey-blue */
A:hover {
/*color: #AABBDD;*/
text-decoration: none;
}
/* greyish blue */
TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #b6b7cb;
border-spacing: 1px;
}
/* greyish blue */
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
}
/* --------- */
/* dark grey */
/* --------- */
/* medium dark grey-green */
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
/* ----- */
/* black */
/* ----- */
/* default link, dark color */
A {
color: #000000;
text-decoration: underline;
}
/* black */
TD.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}
/* black */
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
/* ----------------------- */
/* orange or pink or brown */
/* ----------------------- */
/*
this is the error messages at the top of the screen
a darkish color that you can still read black writing on */
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
/* pinkish color */
.infoBoxNotice {
background: #FF8E90;
}
/* light pinkish color */
.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/* light brown */
SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}
/* dark pink */
SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}
/* hideous pink */
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
/* ---------- */
/* lime green */
/* ---------- */
/* this is an awful lime green color. you could put light or dark text on it, neither would look good. */
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
/* an awful lime green */
TR.headerInfo {
background: #00ff00;
}
/* lime green / white */
TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}
/* horid lime green */
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
/* ----- */
/* white */
/* ----- */
/* body */
BODY {
/*background: #ffffff;*/
color: #000000;
margin: 0px;
}
/* default table row */
TR.header {
background: #ffffff;
}
/* the background for the red error msg */
TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}
/* white w/ really pretty blue */
TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #587CBE;
color: #ffffff;
font-weight: bold;
padding-top : 1px;
padding-bottom : 2px;
}
.boxTextNoRollover
{
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color: #ffffff;
}
a.boxTextNoRollover:hover
{
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color: #ffffcc;
}
/* ------------------------- */
/* not a color based element */
/* (or not used) */
/* ------------------------- */
/* this is the content inside the infoboxes
a dark color if infobox has a light background */
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
/* these three are for the nav menu at the top of the default ui. currently not used */
.buttonsBorder { color: #000000; }
.buttonsInner { color: #f5f5f5; }
.buttonsRollover { color: #87cefa; }
/* default form */
FORM {
display: inline;
}
/* don't think these next two are used */
A.headerNavigation {
color: red;
font-face: verdana;
font-size: 20pt;
}
A.headerNavigation:hover {
color: #lightblue;
font-face: verdana;
font-size: 10pt;
}
TR.footer {
/* background: #bbc3d3;*/
}
.infoBoxContents {
/*background: #f8f8f9;*/
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
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.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;
}
TD.category_desc {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
.moduleRow { }
/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
Other E Commerce Scripts:
