Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

StyleSheet Help!


Guest

Recommended Posts

Posted

I like the stylesheet I am using, except the corners of the boxes on my main page are not the same as the rest of the box. Does anyone know what I change to make it all the same color(green)?

 

Here is the stylesheet I am using... and www.adirondacknutrition.com is my main page so you can see what I am talking about.

 

/* $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: #66cc66; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif;

font-size: 10px; background: #009900; 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: #66cc66; } TD.footer { font-family: Verdana, Arial, sans-serif; font-size:

10px; background: #009900; color: #ffffff; font-weight: bold; } .infoBox { background:

#66cc66; } .infoBoxContents { background: #ffffff; 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 { font-family: Verdana, Arial, sans-serif; font-size: 10px;

font-weight: bold; background: #66cc66; color: #ffffff; } TD.infoBox, SPAN.infoBox

{ font-family: Verdana, Arial, sans-serif; font-size: 10px; } TR.upcomingProducts-odd{

background: #ccffcc; } TR.upcomingProducts-even{ background: #ccffcc; } TABLE.productListing

{ border: 1px; border-style: solid; border-color: #66CC66; border-spacing: 1px;

} .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size:

10px; background: #66cc66; 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{ font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight:

bold; color: #336699; } TR.subBar { background: #ccffcc; } 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: #ccffcc; 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: #ccffcc; cursor:

pointer; cursor: hand; } .moduleRowSelected { background-color: #ccffcc; } .checkoutBarTo

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

.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; } TR.accountHistory-even { background:

#CCFFCC; } TR.accountHistory-odd { background: #ccffcc; } TR.addressBook-even

{ background: #ccffcc; } TR.addressBook-odd { background: #ccffcc; } TR.alsoPurchased-even

{ background: #ccffcc; } TR.alsoPurchased-odd { background: #ccffcc; } TR.payment-even

{ background: #ccffcc; } TR.payment-odd { background: #ccffcc; } TR.productListing-even

{ background: #ffffff; } TR.productListing-odd { background: #ffffff; } TR.productReviews-even

{ background: #ccffcc; } TR.productReviews-odd { background: #ccffcc; } TR.shippingOptions-even

{ background: #ccffcc; } TR.shippingOptions-odd { background: #ccffcc; } .checkoutBarFrom

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

DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight:

bold; color: #336699; }

 

Any help is appreciated!

 

vr,

Don

Posted
I like the stylesheet I am using, except the corners of the boxes on my main page are not the same as the rest of the box. Does anyone know what I change to make it all the same color(green)?

 

Here is the stylesheet I am using... and www.adirondacknutrition.com is my main page so you can see what I am talking about.

 

/* $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: #66cc66; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif;

font-size: 10px; background: #009900; 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: #66cc66; } TD.footer { font-family: Verdana, Arial, sans-serif; font-size:

10px; background: #009900; color: #ffffff; font-weight: bold; } .infoBox { background:

#66cc66; } .infoBoxContents { background: #ffffff; 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 { font-family: Verdana, Arial, sans-serif; font-size: 10px;

font-weight: bold; background: #66cc66; color: #ffffff; } TD.infoBox, SPAN.infoBox

{ font-family: Verdana, Arial, sans-serif; font-size: 10px; } TR.upcomingProducts-odd{

background: #ccffcc; } TR.upcomingProducts-even{ background: #ccffcc; } TABLE.productListing

{ border: 1px; border-style: solid; border-color: #66CC66; border-spacing: 1px;

} .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size:

10px; background: #66cc66; 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{ font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight:

bold; color: #336699; } TR.subBar { background: #ccffcc; } 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: #ccffcc; 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: #ccffcc; cursor:

pointer; cursor: hand; } .moduleRowSelected { background-color: #ccffcc; } .checkoutBarTo

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

.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; } TR.accountHistory-even { background:

#CCFFCC; } TR.accountHistory-odd { background: #ccffcc; } TR.addressBook-even

{ background: #ccffcc; } TR.addressBook-odd { background: #ccffcc; } TR.alsoPurchased-even

{ background: #ccffcc; } TR.alsoPurchased-odd { background: #ccffcc; } TR.payment-even

{ background: #ccffcc; } TR.payment-odd { background: #ccffcc; } TR.productListing-even

{ background: #ffffff; } TR.productListing-odd { background: #ffffff; } TR.productReviews-even

{ background: #ccffcc; } TR.productReviews-odd { background: #ccffcc; } TR.shippingOptions-even

{ background: #ccffcc; } TR.shippingOptions-odd { background: #ccffcc; } .checkoutBarFrom

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

DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight:

bold; color: #336699; }

 

Any help is appreciated!

 

vr,

Don

 

 

Hi Dan,

 

The corners are found in catalog/images/infobox/corner...right, left, etc. You can download them to your photo software and modify the color easily, or you can go get one of the contributions that has transparent ones and do what you want.

Posted
Hi Dan,

 

The corners are found in catalog/images/infobox/corner...right, left, etc. You can download them to your photo software and modify the color easily, or you can go get one of the contributions that has transparent ones and do what you want.

 

Hi barbie,

 

Thank you soooo much! I figured it out with your help. I never uploaded the .gif's from the Stylesheet contribution I downloaded from the contributions here. It was like that for a looong time too. I feel so stupid. haha

 

Thank you again!

 

vr,

Don

Posted

You should be aware that the links you hardcoded in, don't carry a session. Not necessarily a big problem, unless you get users that don't accept cookies.

Posted
You should be aware that the links you hardcoded in, don't carry a session. Not necessarily a big problem, unless you get users that don't accept cookies.

 

How do I correct this?

 

vr,

Don

Archived

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

×
×
  • Create New...