Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Stylesheets and Text Colour


Guest

Recommended Posts

Hi Guys,

 

I need help on the stylesheet withi OsCommerce. I have played around with the stylesheet to get my pages the colours i want etc., but now I've gone into my admin mode some of the boxes have white text that I just can't see. I have gone through everything I think on the stylesheet and i can't find the damn one I've changed!!!! I'm getting frustrated now.

The text fields that are white is in the add products - I can see the boxes and what I enter is black but the box description texts are all white. Also my customers page, when I open a customer to edit the background infobox is a light blue and the text is white so I'm guessing what to type in the fields??

 

Can anyone help this doofuss out by locating the right piece of code!!

 

Thanks in advance

Link to comment
Share on other sites

This is what I have for the "default" stylesheet for the admin:

 

/*
 $Id: stylesheet.css,v 1.26 2003/06/30 20:03:50 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2002 osCommerce

 Released under the GNU General Public License
*/

/* links */
a:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: underline; }

a.headerLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: underline; }

a.menuBoxHeadingLink:link { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:visited { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:active { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:hover { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }

a.menuBoxContentLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: underline; }

a.splitPageLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: underline; background-color: #FFFF33; }

/* menu box */
.menuBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; background-color: #ffffff; }
.menuBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; }

/* page */
body { background-color: #ffffff; color: #000000; margin: 0px; }
.headerBar { background-color: #B3BAC5; }
.headerBarContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; padding: 2px; }
.columnLeft { background-color: #F0F1F1; border-color: #999999; border-width: 1px; border-style: solid; padding: 2px; }
.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #727272; font-weight: bold; }

/* data table */
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* info box */
.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; background-color: #B3BAC5; }
.infoBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #DEE4E8; }

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

/* forms */
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
FORM { display: inline; }

/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.main { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorText { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

If you put this (or whatever one you find that works) into your admin folder, then edited this line in your /admin/index.php file:

 

<link rel="stylesheet" type="text/css" href="includes/stylesheet.css">

to:

 

<link rel="stylesheet" type="text/css" href="stylesheet.css">

Then, the admin stylesheet would be independent of any changes made in your shop's stylesheet

 

I hope this helps.

 

P.S. - It's always a VERY goood idea to make backups of anything before you edit it.

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

After engaging my brain....

:blush:

 

You'd have to change the same line in other files in the admin folder to make them read the right stylesheet, too.

 

Oh well....

:blink:

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Thanks Jim for your help.

 

I see by how many posts you've done and the responses you've made, when I have searched for answers, that your name appears alot.

 

It's very much appreciated!

 

Chris

Link to comment
Share on other sites

Chris,

 

I'm working on commenting the stylesheet.css file to do just what you are asking. I found myself trying to figure what section of the stylesheet file did what, so I set about commenting it. I haven't completed the process yet, but you can be the first recipient of my effort.

 

You will notice that some of the code segments are preceded with /* ? */. This simply means that I haven't figured that particular one out yet, or haven't run into it yet.

 

Hope this helps.

 

Dave

 

 

/*

$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

*/

 

/* text size in left & right boxes */

.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: #c03;

}

 

/* ? */

.productsNotifications {

background: #f2fff7;

}

 

/* ? */

.orderEdit {

font-family : Verdana, Arial, sans-serif;

font-size : 10px;

color: #70d250;

text-decoration: underline;

}

 

/* color for main body of index page */

BODY {

background: #ffc;

color: #000;

margin: 0px;

}

 

/* link color */

A {

color: #060;

text-decoration: none;

}

 

/* link hover color */

A:hover {

color: #abd;

text-decoration: underline;

}

 

/* ? */

FORM {

display: inline;

}

 

/* background color above top menubar */

TR.header {

background: #ffc;

}

 

/* ? */

TR.headerNavigation {

background: #bbc3d3;

}

 

/* top menubar background & symbols (NOT the text color) */

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 14px;

background: #9e6b39;

color: #ff9;

font-weight : bold;

}

 

/* top menubar & side boxes text color */

A.headerNavigation {

color: #ffc;

}

 

/* color when mouse hovers over Nav bar link */

A.headerNavigation:hover {

color: #fff;

}

 

/* ? */

TR.headerError {

background: #f00;

}

 

/* ? */

TD.headerError {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #f00;

color: #fff;

font-weight : bold;

text-align : center;

}

/* ? */

TR.headerInfo {

background: #0f0;

}

 

/* ? */

TD.headerInfo {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #0f0;

color: #fff;

font-weight: bold;

text-align: center;

}

 

/* ? */

TR.footer {

background: #000;

}

 

/* menubar at bottom of page */

TD.footer {

font-family: Verdana, Arial, sans-serif;

font-size: 14px;

background: #9e6b39;

color: #ffc;

font-weight: bold;

}

 

/* border color for all boxes (side & product) */

.infoBox {

background: #9e6b39;

}

 

/* background for side boxes & main page product list */

.infoBoxContents {

background: #ffc;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

/* ? */

.infoBoxNotice {

background: #FF8E90;

}

 

.infoBoxNoticeContents {

background: #ffc;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

/* ? */

TD.infoBoxHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

background: #9e6b39;

color: #ffc;

}

 

/* ? */

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;

}

 

/* border style for product listing - NOT product data */

TABLE.productListing {

border: 1px;

border-style: solid;

border-color: #9e6b39;

border-spacing: 1px;

}

 

/* text color for product listing heading */

.productListing-heading {

font-family: Verdana, Arial, sans-serif;

font-size: 14px;

background: #9e6b39;

color: #ffc;

font-weight: bold;

}

 

/* product listing data */

TD.productListing-data {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #ffc;

}

 

A.pageResults {

color: #bbc3d3;

}

 

A.pageResults:hover {

color: #00F;

background: #FF3;

}

 

/* ? */

TD.pageHeading, DIV.pageHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 20px;

font-weight: bold;

color: #9a9a9a;

}

 

/* ? */

TR.subBar {

background: #f4f7fd;

}

 

/* ? */

TD.subBar {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #000;

}

 

/* ? */

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

}

 

/* ? */

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

}

 

/* ? */

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;

}

 

/* ? */

SPAN.greetUser {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

color: #f0a480;

font-weight: bold;

}

 

/* ? */

TABLE.formArea {

background: #bbc3d3;

border-color: #9e6b39;

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

}

 

/* ? */

SPAN.errorText {

font-family: Verdana, Arial, sans-serif;

color: #f00;

}

 

.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: #000;

}

 

/* 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: #9f0;

}

 

/* ? */

.inputRequirement {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #f00;

}

Link to comment
Share on other sites

Hi

 

The documentation has a great section explaining the .css but a few are still ?

 

OK I can't find the url, but when I downloaded 2.2 update 051112 I also printed off the documentation & pages 50-56 has explainations of every category in the .css

 

Maybe someone has the link?

 

Julie

Link to comment
Share on other sites

Julie,

 

Guess I should have followed the RTFM rule myself. Thanks for the info. As soon as I get a minute, I'll match what I've done with what the documentation says and I'll have that if anyone is interested is a simple cut and paste'.

 

Dave

 

Hi

 

The documentation has a great section explaining the .css but a few are still ?

 

OK I can't find the url, but when I downloaded 2.2 update 051112 I also printed off the documentation & pages 50-56 has explainations of every category in the .css

 

Maybe someone has the link?

 

Julie

Link to comment
Share on other sites

Chris,

 

I'm working on commenting the stylesheet.css file to do just what you are asking. I found myself trying to figure what section of the stylesheet file did what, so I set about commenting it. I haven't completed the process yet, but you can be the first recipient of my effort.

 

You will notice that some of the code segments are preceded with /* ? */. This simply means that I haven't figured that particular one out yet, or haven't run into it yet.

 

Hope this helps.

 

Dave

 

:thumbsup: Thats a great help Dave thank you - I'll await with baited breath for the final version also!

 

Many thanks

 

Chris

Link to comment
Share on other sites

Our company uses the code below when creating a site. Maybe it'll help ...

 

/*
$Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com

Copyright (c) 2003 osCommerce

Released under the GNU General Public License
*/

/*
Customized for <CLIENTNAME> by TWAC.

All changes licensed under the GPL. Please visit Twac-Co.com

This version of the file is heavily commented. For a production site it would be
best to strip this file of all style comments to speed page loading times.
Check http://www.oscommerce.info/kb/osCommerce/Catalog_Area/Design_and_Layout/54
for more information about the various comments.
*/

.boxText {
/* Changes the font size of the text in all the boxes.

Set the padding in the stylesheet to have space on the left and right ... if
you set padding on the top and bottom it will leave that much space between the
text lines in certain boxes and is not recommended for the top and bottom padding. */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

.errorBox {
/* Color and text size of error boxes with the red triangle ... ex:
admin/backup.php where it will say backup directory does not exist, warning...I
can write to your configuration files, etc. */
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background: #ffb3b5;
font-weight: bold;
}

.stockWarning {
/* The style used for the stock level warning text shown on the shopping cart page
when purchasing items. */
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #cc0033;
}

.productsNotifications {
/* The style used for the product notifications checkbox bar on the checkout success
page.

You can also put a color in the text box and it will make the text change on just
that bar.*/
background: #f2fff7;
}

.orderEdit {
/* The color style of the "edit" links shown on the checkout confirmation page. */
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #70d250;
text-decoration: underline;
}

BODY {
/* Type color is text color in the left & right column boxes and the "text body"
that is NOT linked.

Background color is the page background color ... this acts as a base whereupon
the header and columns are built.

Set the border color which sets the color around the inside browser window
including the scrollbar.

Set the top border to 10 with the same color and it will drop down the table and
the scrollbars of the browser. */
background: #ffffff;
color: #000000;
margin: 0px;
}

A {
/* The color style for ALL link colors throughout the entire store. */
color: #000000;
text-decoration: none;
}

A:hover {
/* The color style used for mouse over links throughout the entire store. */
color: #AABBDD;
text-decoration: underline;
}

FORM {
/* The style used for forms. Changes the color of this text, "Use keywords to
find the product you are looking for" in the "Quick Find" box on the left. */
display: inline;
}

TR.header {
/* The style used for the background color of the header. */
background: #ffffff;
}

TR.headerNavigation {
/* The styles used for the breadcrumb navigation path (background color only of
the top navigation as "Top >> Catalog >> etc) */
background: #bbc3d3;
}

TD.headerNavigation {
/* Arrow colors that point forward and the vertical link separators | in the
breadcrumb navigation path.

If you set a background color here it will override the TR.headerNavigation
color set.

A colored border on the bottom can be set for a separation between the header
and the categories.

A padding value can be set which will only pad the Navigation Bar.

A background image for the navigation table can be set also. */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight : bold;
}

A.headerNavigation {
/* Sets the text link colors for the breadcrumb navigation path links (Top Catalog
etc.) */
color: #FFFFFF;
}

A.headerNavigation:hover {
/* The mouse over effects of the breadcrumb navigation path links ( top, catalog,
my account, cart contents, etc.) */
color: #ffffff;
}

TR.headerError {
/* The styles used for the error messages shown in the header. The default is a
red background with white text. */
background: #ff0000;
}

TD.headerError {
/* The styles used for the error messages shown in the header. The default is a
red background with white text. */
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}

TR.headerInfo {
/* The styles used for the information messages shown in the header ... changes
the bg color of the top box that appears when a new password is sent ... ex:
A New Password Has Been Sent To Your Email Address */
background: #00ff00;
}

TD.headerInfo {
/* The styles used for the information messages shown in the header ... changes
the bg color of the top box that appears when a new password is sent ... ex:
A New Password Has Been Sent To Your Email Address */
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}

TR.footer {
/* This sets the color of the footer row where the date and counter are. */
background: #bbc3d3;
}

TD.footer
/* This is the size & color of the text in the footer row where the date and
counter are. If you set a background color on this TD.footer tag it will
override the TR.footer tag. */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight: bold;
}

.infoBox {
/* Sets the background border color around all the boxes and not
the box headings except the "my account", "edit account", and
"add a new address" boxes.*/
background: #b6b7cb;
}

.infoBoxContents {
/* Sets the color of ALL the inside of the boxes and puts a colored
border around the comments boxes.*/
background: #f8f8f9;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

.infoBoxNotice {
/* The style used for the outline of the box created at the top
of the checkout_payment.php page when a customer inputs the
wrong credit card number or expiration date.*/
background: #FF8E90;
}

.infoBoxNoticeContents {
/* The style used for the body of the box created at the top
of the checkout_payment.php page when a customer inputs the
wrong credit card number or expiration date.*/
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.infoBoxHeading {
/* Sets the left and right column boxes and the new products
box heading color and text color.

The text size of the heading boxes can be changed ... anything
above 10 you will need to enlarge the box graphics also (images/infobox)

Padding can be added to these heading boxes:
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd,
TR.payment-odd, TR.productListing-odd, TR.productReviews-odd,
TR.upcomingProducts-odd, TR.shippingOptions-odd

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even,
TR.payment-even, TR.productListing-even, TR.productReviews-even,
TR.upcomingProducts-even, TR.shippingOptions-even

Sets the odd and even row colors on all box listings.*/
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
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 {
/* Sets a border around the products listing table that shows the listing
of the products.*/
border: 1px;
border-style: solid;
border-color: #b6b7cb;
border-spacing: 1px;
}
.productListing-heading {
/* The color of the background of the product listing heading that has
"product name", "price", etc. The text style and color can also be set.*/
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #b6b7cb;
color: #FFFFFF;
font-weight: bold;
}
TD.productListing-data {
/* Set a different background color for the product listing table and also
set box padding, size, borders ... experiment! */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

A.pageResults {
/* Sets the link on catalog/includes/split_page_results.php and page results
numbered link colors at the bottom of the product pages. */
color: #0000FF;
}

A.pageResults:hover {
/* Mouse over link colors on catalog/includes/split_page_results.php and page
results numbered links mouse over color at the bottom of the product pages. */
color: #0000FF;
background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
/* The style used for page headings. Color on the checkout_success.php page that
says "Your Order Has Been Processed!" and also on all the product heading pages
as What's New Here? Enjoy Your Shopping! Text on all the product pages.

Change the size of the text here. */
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #9a9a9a;
}

TR.subBar {
/* The style used for the sub navigation bar. */
background: #f4f7fd;
}

TD.subBar {
/* The style used for the sub navigation bar. */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}

TD.main, P.main {
/* The size of the text can be set for all the main text area, the "My Account
Info", "Edit Account", "Add Address", "Order History", & "Notifications"
page boxes. If you set the text color it is the text color on all these ...
not the column boxes.

A padding can be also be set for all the body text in the store. */
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
/* Copyright text color & size at the bottom of the page.

"Include Subcategories" Text on the advanced_search.php page

Page results text at the bottom of the product pages such as "Displaying 11 to
20 (of 32 products) Result Pages:" */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.accountCategory {
/* The style used for the account categories. */
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}

TD.fieldKey {
/* Text Sizes for the account parameter keys and values on the advanced_search.php
page such as "Categories: Manufacturers: Price From: Price To:Date From: Date To: */
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

TD.fieldValue {
/* Text Sizes for the account parameter keys and values on the advanced_search.php
page such as "Categories: Manufacturers: Price From: Price To: Date From: Date To: */
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

TD.tableHeading {
/* Text styles/sizes on the table headings of address_book.php and product_reviews.php
page such as "No. Name Location" */
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

SPAN.newItemInCart {
/* The style used for marking new products added to the shopping cart so these products
show what's in the shopping cart. */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
/* The style used for certain HTML form elements like the size of the text inside the
drop down boxes like manufacturers. */
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}

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

SPAN.greetUser {
/* The style used for the user greeting "Welcome Guest!" on the first page. */
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}

TABLE.formArea {
/* In "My Account Information", "Edit Account", and "Add Address" this is the inside box
color. Set the border around the boxes in the border section. */
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}

TD.formAreaTitle {
/* In "My Account Information", "Edit Account", and "Add Address" this is the size
of the text headings.

Changes the text color on top of the boxes on the "My Account Info" page.

Leave the text color box blank and the color is black.

A padding can also be set for space on the right and left sides. */
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

SPAN.markProductOutOfStock {
/* The text color used for marking products out of stock. */
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}

SPAN.productSpecialPrice {
/* The style used on special product prices. */
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}

SPAN.errorText {
/* The style used for error text messages. */
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}

.moduleRow {
/* The style used for the shipping and payment modules. */
}
.moduleRowOver {
/* The color of the bar on the checkout_payment.php page on a mouse over when you
choose your payment method. */
background-color: #D7E9F7;
cursor: pointer;
cursor: hand;
}

.moduleRowSelected {
/* The color of the bar on the checkout_shipping.php showing the shipping charge &
the selected payment method on th checkout_payment.php page. */
background-color: #E9F4FC;
}

.checkoutBarFrom, .checkoutBarTo {
/* The color & size of the text at the bottom of the checkout pages that shows what
page you are NOT on such as "Delivery Information Payment Information Confirmation
Finished!" */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #8c8c8c;
}

.checkoutBarCurrent {
/* The color & size of the text at the bottom of the checkout pages that shows what
page you are on such as "Delivery Information Payment Information Confirmation
Finished!" */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}

.messageBox {
/* The style used for message boxes. The error background colors like trying to delete
an address that is your primary address in the account section. */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.messageStackError, .messageStackWarning {
/* The style used for message boxes. The error background colors like trying to delete
an address that is your primary address in the account section. */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background-color: #ffb3b5;
}

.messageStackSuccess {
/* The style used for message boxes. The error background colors like trying to delete
an address that is your primary address in the account section. */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background-color: #99ff00;
}

.inputRequirement {
/* The style used for form input requirement fields. The color of the asterisk * and the
words "Required Information" on the account.php pages. */
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}

/*
End of File
*/

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...