632 lines
12 KiB
CSS
Executable File
632 lines
12 KiB
CSS
Executable File
/**
|
|
* Main CSS Stylesheet
|
|
*
|
|
* @package templateSystem
|
|
* @copyright Copyright 2003-2005 Zen Cart Development Team
|
|
* @copyright Portions Copyright 2003 osCommerce
|
|
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
|
|
* @version $Id: stylesheet.css 3688 2006-06-02 00:12:18Z drbyte $
|
|
*/
|
|
|
|
body {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 62.5%;
|
|
color: #000000;
|
|
background-color: #404040;
|
|
}
|
|
|
|
a img {border: none; }
|
|
|
|
a:link, #navEZPagesTOC ul li a {
|
|
color: #800000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited {
|
|
color: #800000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
|
|
color: #FF0000;
|
|
}
|
|
|
|
a:active {
|
|
color: #FF0000;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
h4, h5, h6, LABEL, h4.optionName, ADDRESS, .sideBoxContent, legend, .larger{
|
|
font-size: 1em;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin: 0.2em;
|
|
}
|
|
|
|
.biggerText {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
CODE {
|
|
font-family: arial, verdana, helvetica, sans-serif;
|
|
font-size: 1em;
|
|
}
|
|
|
|
FORM, SELECT, INPUT {
|
|
display: inline;
|
|
font-size: 1em;
|
|
margin: 0.1em;
|
|
}
|
|
|
|
TEXTAREA {
|
|
margin: auto;
|
|
display: block;
|
|
width: 95%;
|
|
}
|
|
|
|
input:focus, select:focus, textarea:focus {
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
FIELDSET {
|
|
padding: 0.5em;
|
|
margin: 0.5em 0em;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
LEGEND {
|
|
font-weight: bold;
|
|
padding: 0.3em;
|
|
color: #000000;
|
|
}
|
|
|
|
LABEL.checkboxLabel, LABEL.radioButtonLabel {
|
|
margin: 0.5em 0.3em;
|
|
}
|
|
|
|
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
|
|
float: left;
|
|
}
|
|
|
|
LABEL.inputLabel {
|
|
width: 11em;
|
|
float: left;
|
|
}
|
|
|
|
LABEL.inputLabelPayment {
|
|
width: 15em;
|
|
float: left;
|
|
}
|
|
|
|
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
|
|
width: 12em;
|
|
float: left;
|
|
}
|
|
|
|
P, ADDRESS {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
ADDRESS {
|
|
font-style: normal;
|
|
}
|
|
|
|
.clearBoth {
|
|
clear: both;
|
|
}
|
|
|
|
HR {
|
|
height: 1px;
|
|
margin-top: 0.5em;
|
|
border-bottom: 1px solid #000000;
|
|
}
|
|
|
|
/*warnings, errors, messages*/
|
|
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
|
|
line-height: 1.8em;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
.messageStackWarning, .messageStackError {
|
|
color: #C00000;
|
|
}
|
|
|
|
.messageStackSuccess {
|
|
color: #059705;
|
|
}
|
|
|
|
.messageStackCaution {
|
|
color: #C00000;
|
|
}
|
|
|
|
/*wrappers - page or section containers*/
|
|
#mainWrapper {
|
|
background-color: #FFFFFF;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
#logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
|
|
margin: 0em;
|
|
padding: 0em;
|
|
}
|
|
|
|
#contentMainWrapper {
|
|
padding-top: .50em;
|
|
}
|
|
|
|
#headerWrapper {
|
|
background-color: #000000;
|
|
background-image: url(../images/header_back.gif);
|
|
margin: 0em;
|
|
padding: 0em;
|
|
}
|
|
|
|
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
|
|
margin: auto;
|
|
}
|
|
|
|
#tagline {
|
|
position: relative;
|
|
color: #FFFFFF;
|
|
font-size: 2em;
|
|
text-align : center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#sendSpendWrapper {
|
|
border: 1px solid #000000;
|
|
float: right;
|
|
margin: 0em 0em 1em 1em;
|
|
}
|
|
|
|
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
|
|
margin: 0;
|
|
width: 46%;
|
|
}
|
|
|
|
.wrapperAttribsOptions {
|
|
margin: 0.3em 0em;
|
|
}
|
|
|
|
/*navigation*/
|
|
.navNextPrevWrapper {
|
|
padding: 0em 0em 1em 0em;
|
|
}
|
|
|
|
.navSplitPagesResult {
|
|
padding: 1.5em 0em 1.5em 0em;
|
|
}
|
|
|
|
.navSplitPagesLinks {
|
|
padding: 1.5em 0em 1.5em 0em;
|
|
}
|
|
|
|
.navNextPrevCounter {
|
|
margin: 0em;
|
|
font-size: 0.9em;
|
|
}
|
|
.navNextPrevList {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
margin: 0;
|
|
padding: 1em;
|
|
list-style-type: none;
|
|
}
|
|
|
|
#navMainWrapper {
|
|
margin: 0em;
|
|
padding: .60em 0em 0.1em 0em;
|
|
background-color: #6D6D6D;
|
|
background-image: url(../images/nav_back.gif);
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
color: #000000;
|
|
width: 100%;
|
|
}
|
|
|
|
#navSuppWrapper, #navCatTabsWrapper {
|
|
margin: 0em;
|
|
padding: .60em 0em 0em 0em;
|
|
background-color: #808080;
|
|
background-image: url(../images/nav_back.gif);
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
color: #000000;
|
|
height: 26px;
|
|
width: 100%;
|
|
}
|
|
|
|
#navEZPagesTop {
|
|
background-image: url(../images/nav_back.gif);
|
|
margin: 0em;
|
|
padding: 1em 0em 0em 0em;
|
|
background-color: #C0C0C0;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
height: 21px;
|
|
width: 100%;
|
|
}
|
|
|
|
.navBottom {
|
|
background-image: url(../images/nav_bottom.gif);
|
|
margin: 0em;
|
|
width: 100%;
|
|
height: 5px;
|
|
font-size: 5px;
|
|
}
|
|
|
|
#navMain ul, #navSupp ul, #navCatTabs ul {
|
|
margin: 0;
|
|
padding: 0.5em 0em;
|
|
list-style-type: none;
|
|
text-align: center;
|
|
}
|
|
|
|
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
|
|
text-decoration: none;
|
|
padding: 0em 0.25em;
|
|
margin: 0;
|
|
color: #800000;
|
|
}
|
|
|
|
#navEZPagesTOCWrapper {
|
|
font-weight: bold;
|
|
float: right;
|
|
height: 1%;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
#navEZPagesTOC ul {
|
|
margin: 0;
|
|
padding: 0.5em 0em;
|
|
list-style-type: none;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
#navEZPagesTOC ul li {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#navEZPagesTOC ul li a {
|
|
padding: 0em 0.5em;
|
|
margin: 0;
|
|
}
|
|
|
|
#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
|
|
margin: 0.5em;
|
|
}
|
|
|
|
#navBreadCrumb {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#navColumnOne {
|
|
background-color: #FFFFFF;
|
|
padding: 0.25em;
|
|
}
|
|
|
|
#navColumnTwo {
|
|
background-color: #FFFFFF;
|
|
padding: 0.25em 0.50em .25em 0.25em !important;
|
|
padding: 0.25em;
|
|
}
|
|
|
|
/*The main content classes*/
|
|
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
|
|
vertical-align: top;
|
|
}
|
|
|
|
/*.content,*/ #productDescription, .shippingEstimatorWrapper {
|
|
/*font-size: 1.2em;*/
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.alert {
|
|
color: #FF0000;
|
|
margin-left: 0.5em;
|
|
}
|
|
.advisory {}
|
|
.important {
|
|
font-weight: bold;
|
|
}
|
|
.notice {}
|
|
.rating{}
|
|
.gvBal {
|
|
float: right;
|
|
}
|
|
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
|
|
padding: 0.8em;
|
|
}
|
|
|
|
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
|
|
font-size: 0.9em;
|
|
padding: .25em;
|
|
}
|
|
|
|
/*Product Listing*/
|
|
.productListing-data {
|
|
border-top: 1px solid #000000;
|
|
padding: 0.50em 0em 0.50em 0em;
|
|
}
|
|
|
|
/*Shopping Cart Display*/
|
|
#cartAdd {
|
|
float: right;
|
|
text-align: center;
|
|
margin: 1em;
|
|
border: 1px solid #000000;
|
|
padding: 1em;
|
|
}
|
|
|
|
.tableHeading TH {}
|
|
|
|
.tableHeading, #cartSubTotaL {}
|
|
|
|
#cartSubTotal {
|
|
border-top: 1px solid #000000;
|
|
font-weight: bold;
|
|
text-align: right;
|
|
line-height: 2.2em;
|
|
padding-right: 2.5em;
|
|
}
|
|
|
|
.tableRow, .tableHeading, #cartSubTotal {
|
|
height: 2.2em;
|
|
}
|
|
|
|
.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
|
|
border-top: 1px solid #000000;
|
|
padding: 0.5em 0em;
|
|
}
|
|
#cartInstructionsDisplay, .cartTotalsDisplay {
|
|
padding: 0.5em 0em;
|
|
}
|
|
|
|
.cartUnitDisplay, .cartTotalDisplay {
|
|
text-align: right;
|
|
padding-right: 0.2em;
|
|
}
|
|
|
|
#scUpdateQuantity {
|
|
width: 2em;
|
|
}
|
|
|
|
.cartQuantity {
|
|
width: 4.7em;
|
|
}
|
|
|
|
.cartNewItem {
|
|
font-weight: bold;
|
|
position: relative; /*do not remove-fixes stupid IEbug*/
|
|
}
|
|
|
|
.cartOldItem {
|
|
position: relative; /*do not remove-fixes stupid IEbug*/
|
|
}
|
|
|
|
.cartBoxTotal {
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cartRemoveItemDisplay {
|
|
width: 3.5em;
|
|
}
|
|
|
|
#cartAttribsList {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
#mediaManager {
|
|
width: 50%;
|
|
margin: 0.2em;
|
|
padding: 0.5em;
|
|
}
|
|
.normalprice, .productSpecialPriceSale {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
|
|
color: #FF0000;
|
|
}
|
|
|
|
#cartBoxListWrapper ul, #ezPageBoxList ul {
|
|
list-style-type: none;
|
|
}
|
|
|
|
#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
|
|
margin: 0;
|
|
padding: 0.2em 0em;
|
|
}
|
|
|
|
.totalBox {
|
|
width: 5.5em;
|
|
text-align: right;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
.lineTitle, .amount {
|
|
text-align: right;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
.amount {
|
|
width: 5.5em;
|
|
}
|
|
|
|
/*Image Display*/
|
|
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
|
|
margin: 0em 1em 1em 0em ;
|
|
}
|
|
|
|
.categoryIcon {}
|
|
#cartImage {
|
|
margin: 0.5em 1em;
|
|
}
|
|
|
|
/*Attributes*/
|
|
.attribImg {
|
|
width: 20%;
|
|
margin: 0.3em 0em;
|
|
}
|
|
|
|
.attributesComments {}
|
|
|
|
/*list box contents*/
|
|
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
|
|
margin: 1em 0em;
|
|
}
|
|
|
|
/*sideboxes*/
|
|
.columnLeft, .columnRight {}
|
|
|
|
h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading a:visited, h3.leftBoxHeading a:hover, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading a:visited, h3.rightBoxHeading a:hover {
|
|
margin: 0em;
|
|
font-size: 1em;
|
|
color: #000000;
|
|
}
|
|
|
|
.leftBoxHeading, .rightBoxHeading {
|
|
margin: 0em;
|
|
background-color: #C0C0C0;
|
|
background-image: url(../images/box_back.gif);
|
|
padding: 0em;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.leftBoxContainer, .rightBoxContainer {
|
|
margin-bottom: 1em;
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
.rightBoxContent, .leftBoxContent, .sideBoxContent {
|
|
background-color: #FFFFFF;
|
|
padding: 0.5em;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.centerBoxHeading {
|
|
margin: 0em;
|
|
border-bottom: 1px solid #000000;
|
|
}
|
|
|
|
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
|
|
text-align: center;
|
|
}
|
|
|
|
#bestsellers .wrapper {
|
|
margin: 0em 0em 0em 1.5em;
|
|
}
|
|
|
|
#bestsellers ol {
|
|
padding: 0;
|
|
margin-left: 1.1em;
|
|
}
|
|
|
|
#bestsellers li {
|
|
padding: 0;
|
|
margin: 0.3em 0em 0.3em 0em;
|
|
}
|
|
|
|
#bannerboxHeading {
|
|
background-color: #C0C0C0;
|
|
}
|
|
|
|
#upProductsHeading {
|
|
text-align: left;
|
|
}
|
|
|
|
#upDateHeading {
|
|
text-align: right;
|
|
}
|
|
|
|
/*misc*/
|
|
.back {
|
|
float: left;
|
|
}
|
|
|
|
.forward {
|
|
float: right;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.rowOdd {
|
|
height: 1.5em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.rowEven {
|
|
height: 1.5em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
CAPTION {
|
|
/*display: none;*/
|
|
}
|
|
|
|
#myAccountGen li, #myAccountNotify li {
|
|
margin: 0;
|
|
}
|
|
|
|
.accountTotalDisplay, .accountTaxDisplay {
|
|
width: 20%;
|
|
text-align: right;
|
|
/*vertical-align: top*/
|
|
}
|
|
|
|
.accountQuantityDisplay {
|
|
width: 10%;
|
|
vertical-align: top
|
|
}
|
|
|
|
#prevOrders {
|
|
border: 1px solid #000000;
|
|
padding: 0.25em;
|
|
}
|
|
|
|
TR.tableHeading {
|
|
height: 2em;
|
|
}
|
|
|
|
#siteMapList {
|
|
width: 90%;
|
|
float: right;
|
|
}
|
|
|
|
.ratingRow {
|
|
margin: 1em 0em 1.5em 0em;
|
|
}
|
|
|
|
LABEL#textAreaReviews {
|
|
font-weight: normal;
|
|
margin: 1em 0em;
|
|
}
|
|
|
|
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
|
|
background-color: #FFFFFF;
|
|
}
|