Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Category Tabs with Subs


Guest

Recommended Posts

I added the Category Tab and having a little problem and I don't know if it is because I have it loaded on my localhost---- I am running mandrake 9.1 and setting this up on my machine before I load to the web sever--so I can't show you all the problem.

 

The tabs look great except for the one in the background--they are showing up in dark blue and I can't figure out where to change the color.

 

/*

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

 

BODY {

  background: #ffffff;

  color: #000000;

  margin: 0px;

}

 

A {

  color: #000000;

  text-decoration: none;

}

 

A:hover {

  color: #AABBDD;

  text-decoration: underline;

}

 

FORM {

display: inline;

}

 

TR.header {

  background: #ffffff;

}

 

TR.headerNavigation {

  background: #71dd74;

}

 

TD.headerNavigation {

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

  font-size: 10px;

  background: #71dd74;

  color: #ffffff;

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

}

 

TD.footer {

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

  font-size: 10px;

  background: #0c2ff7;

  color: #ffffff;

  font-weight: bold;

}

 

.infoBox {

  background: #66f257;

}

 

.infoBoxContents {

  background: #f8f8f9;

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

  font-size: 10px;

}

 

.infoBoxNotice {

  background: #FF8E90;

}

 

.infoBoxNoticeContents {

  background: #FFE6E6;

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

  font-size: 10px;

}

TD.infoBoxHeading { background-image: url('http://elle.rainbowstop.com/catalog/images/flowers-info.gif');

background-repeat: no-repeat }

 

TD.infoBoxHeading {

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

  font-size: 13px;

  font-weight: bold;

 

 

  color:  #202322;

}

 

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: 1px;

  border-style: solid;

  border-color: #b6b7cb;

  border-spacing: 1px;

}

 

.productListing-heading {

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

  font-size: 10px;

  background: #b6b7cb;

  color: #FFFFFF;

  font-weight: bold;

}

 

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: 20px;

  font-weight: bold;

  color: #9a9a9a;

}

 

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

}

 

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

 

.errorText {

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

  font-size: 12px;

  font-weight: bold;

  color: #ff0000;

}

.imagesBoxContents {

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

  font-size: 10px;

  A.cartNavigation {

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

  font-size: 12px;

  font-weight : bold;

  color: #66f257;

}

 

A.cartNavigation:hover {

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

  font-size: 12px;

  font-weight : bold;

  color: #66f257;

}

 

TD.inactiveNavigation {

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

  font-size: 12px;

  background: #83e2ac;

  color: #ffffff;

  font-weight : bold;

}

[/color=red]

 

the part in red is the css for the tabs.

 

what did I do wrong or is this because I have it loaded on my localhost.

 

Thank you in advance and if I didn't explain it well please asked me question to help me.

Naomi

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...