Mit stylesheet ser sådan her ud:
/*
$Id: stylesheet.css,v 1.1.1.1 2004/03/04 23:42:24 ccwjr Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2003 osCommerce
Released under the GNU General Public License
*/
.cat_description { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #800000; font-weight: bold }
.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: #ffffff; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
BODY {
background: #EEEEDC;
color: #000000;
margin: 0px;
}
A {
color: #000000;
text-decoration: none;
}
A:hover {
color: #bd6691;
text-decoration: underline;
}
FORM {
display: inline;
}
TR.header {
background: #EEEEDC;
}
TR.headerNavigation {
background: #bd6691;
}
TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bd6691;
color: #ffffff;
font-weight : bold;
}
A.headerNavigation {
color: #FFFFFF;
}
a:hover.headerNavigation {
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: #bd6691;
}
TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bd6691;
color: #ffffff;
font-weight: bold;
}
.infoBox {
background: #bd6691;
}
.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: #bd6691;
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: #ffffff;
}
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: #ffffff;
}
TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #bd6691;
border-spacing: 1px;
}
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bd6691;
color: #FFFFFF;
font-weight: bold;
}
.productlisting-headingPrice {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #9a9a9a;
}
TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #ffffff;
}
A.pageResults {
color: #0000FF;
}
a.hover.pageResults {
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: #bd6691;
}
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: #bd6691;
}
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;
}
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: #ffffff;
bordercolor: #bd6691;
borderstyle: solid;
borderwidth: 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: #bd6691; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #ffffff; }
.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; }
/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
border: 1px;
borderstyle: solid;
bordercolor: #bd6691;
borderspacing: 1px;
}
.linkListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bd6691;
color: #FFFFFF;
text-align: center;
}
TD.linkListing-data {
borderright: 1px solid #bd6691;
borderbottom: 1px solid #bd6691;
padding: 4px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TR.linkListing-odd {
background: #ffffff;
}
TR.linkListing-even {
background: #ffffff;
}
/* VJ Links Manager v1.00 end */
.content {BACKGROUND: #ffffff; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
/* Show Cart Details */
TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
/* <FONT COLOR="bd6691" FACE="Arial" SIZE="1"> */
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
color: #bd6691;
}
/* Show Header Page Links */
TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
background-image: url(../images/infobox/corner_left.gif);
}
TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
background-image: url(../images/infobox/corner_right.gif);
}
TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
background-image: url(../images/infobox/corner_right_left.gif);
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000
}
A.HeaderPageLinks {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
}
a.hover.HeaderPageLinks {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #00FF00;
color: #00FF00;
}
TD.cookieUsage {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #000000;
color: #FFFFFF;
}