759 lines
14 KiB
CSS
759 lines
14 KiB
CSS
/*
|
|
$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 (c) 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: #ffffff; 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: none; }
|
|
|
|
BODY {
|
|
background: #ffffff ;
|
|
color: #000000;
|
|
margin: 0px;
|
|
}
|
|
|
|
A:Link {
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
A:visited {
|
|
color: #000000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
A:hover {
|
|
color: #5D7BA4;
|
|
text-decoration:;
|
|
}
|
|
|
|
A.no2:Link {
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
A.no2:visited {
|
|
color: #ffffff;
|
|
text-decoration:none;
|
|
}
|
|
|
|
A.no2:hover {
|
|
color: #F7A510;
|
|
text-decoration:none;
|
|
}
|
|
|
|
|
|
|
|
FORM {
|
|
display: inline;
|
|
}
|
|
|
|
TR.header {
|
|
background: #ffffff;
|
|
}
|
|
|
|
.test {
|
|
border: 1px solid #cccccc;
|
|
}
|
|
|
|
TR.hintergrund {
|
|
background-image: url("images/login.jpg") ;
|
|
}
|
|
|
|
TR.headerNavigation {
|
|
background: #ffffff;
|
|
}
|
|
|
|
TD.headerNavigation {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
background: #ffffff;
|
|
color: #000000;
|
|
font-weight : bold;
|
|
}
|
|
|
|
A.headerNavigation {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
A.headerNavigation {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
TD.productHeading {
|
|
font-family: Tahoma, Verdana, Arial, sans-serif;
|
|
font-size: 11px;
|
|
background: #CAC9C9;
|
|
color: #000000;
|
|
font-weight : ;
|
|
|
|
|
|
}
|
|
|
|
TD.productHeading2 {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 11px;
|
|
background: #ffffff;
|
|
color: #000000;
|
|
font-weight : ;
|
|
|
|
|
|
}
|
|
|
|
|
|
TR.headerError {
|
|
background: #ffffff;
|
|
}
|
|
|
|
TD.headerError {
|
|
font-family: Tahoma, Verdana, Arial, sans-serif;
|
|
font-size: 12px;
|
|
background: #ffffff;
|
|
color: #000000;
|
|
font-weight : bold;
|
|
text-align : center;
|
|
}
|
|
|
|
TR.headerInfo {
|
|
background: #ffffff;
|
|
}
|
|
|
|
TD.headerInfo {
|
|
font-family: Tahoma, Verdana, Arial, sans-serif;
|
|
font-size: 12px;
|
|
background: #ffffff;
|
|
color: #000000;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
TR.footer {
|
|
background: #E0E1E4;
|
|
}
|
|
|
|
TD.footer {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
background: #E0E1E4;
|
|
color: #000000;
|
|
font-weight: ;
|
|
}
|
|
|
|
.infoBox {
|
|
background:c4c4c4 ;
|
|
|
|
}
|
|
|
|
.infoBox2 {
|
|
background:F4F4F4 ;
|
|
border:1px solid #CECFCE;
|
|
|
|
}
|
|
|
|
|
|
.boxFooter {
|
|
background-color: #F4F4F4;
|
|
|
|
}
|
|
|
|
.boxFooter2 {
|
|
background-color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.infoBoxContents {
|
|
background: #F4F4F4;
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.infoBoxNotice {
|
|
background: #ffffff;
|
|
}
|
|
|
|
.infoBoxNoticeContents {
|
|
background: #ffffff;
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
}
|
|
|
|
TD.infoBoxHeading {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
background: #cccccc;
|
|
color: #000000;
|
|
}
|
|
|
|
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: #E7E7E7;
|
|
}
|
|
|
|
TABLE.productListing {
|
|
border: 1px;
|
|
border-style: solid;
|
|
border-color: #ffffff;
|
|
border-spacing: 1px;
|
|
}
|
|
|
|
|
|
TABLE.productListing2 {
|
|
border: 1px;
|
|
border-style: solid;
|
|
border-color: #000000;
|
|
border-spacing: 1px;
|
|
background: #E7E7E7;
|
|
}
|
|
|
|
|
|
TD.productListing2 {
|
|
border: 1px;
|
|
border-style: solid;
|
|
border-color: #000000;
|
|
border-spacing: 1px;
|
|
background: #E7E7E7;
|
|
}
|
|
|
|
|
|
.productListing-heading {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
background: #cccccc;
|
|
color: #000000;
|
|
font-weight: ;
|
|
}
|
|
|
|
TD.productListing-data {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
A.pageResults {
|
|
color: #000000;
|
|
}
|
|
|
|
A.pageResults:hover {
|
|
color: #000000;
|
|
background: #ffffff;
|
|
}
|
|
|
|
TD.pageHeading, DIV.pageHeading {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
background: #ffffff;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
}
|
|
|
|
TR.subBar {
|
|
background: #ffffff;
|
|
}
|
|
|
|
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: 10px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
TD.main2, P.main {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
a hover: # ffffff
|
|
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: 12px;
|
|
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: 11px;
|
|
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: #F4F4F4;
|
|
border-color: ;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
TD.formAreaTitle {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
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: #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;color: #E0080E; background-color: #ffffff; }
|
|
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffffff; color: #E0080E; }
|
|
|
|
/* input requirement */
|
|
|
|
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
|
|
|
|
|
|
TD.pollBoxRow {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
border-color: ;
|
|
border-style: ;
|
|
border-width: ;
|
|
}
|
|
TD.pollBoxText {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
border-color: ;
|
|
border-style: ;
|
|
border-width: ;
|
|
}
|
|
TR.pollOptRow {
|
|
background: ;
|
|
}
|
|
TR.pollFooter {
|
|
background:;
|
|
}
|
|
|
|
TD.main1, P.main {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
line-height: ;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ----------------- coolMenu ----------------- */
|
|
|
|
.clCMEvent{
|
|
position:absolute;
|
|
width:99%; height:99%;
|
|
clip:rect(0,100%,100%,0);
|
|
left:0;
|
|
top:0;
|
|
visibility:visible
|
|
}
|
|
|
|
|
|
.clCMAbs{
|
|
position:absolute;
|
|
visibility:hidden;
|
|
left:0;
|
|
top:0;
|
|
}
|
|
|
|
.clBar{
|
|
position:absolute;
|
|
width:10;
|
|
height:10;
|
|
background-color:#000000;
|
|
layer-background-color:#000000;
|
|
visibility:hidden;
|
|
}
|
|
|
|
.clLevel0,.clLevel0over{
|
|
position:absolute;
|
|
padding:1px;
|
|
font-family:Verdana,arial,helvetica;
|
|
font-size:10px;
|
|
}
|
|
|
|
.clLevel0{
|
|
background-color:#F4F4F4;
|
|
layer-background-color:#000000;
|
|
color:#000000;
|
|
}
|
|
|
|
.clLevel0over{
|
|
background-color:#E5E6E5;
|
|
layer-background-color:#000000;
|
|
color:#000000;
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
}
|
|
|
|
.clLevel0border{
|
|
position:absolute;
|
|
visibility:hidden;
|
|
background-color:#CECFCE;
|
|
layer-background-color:white;
|
|
}
|
|
|
|
.clLevel1, .clLevel1over{
|
|
position:absolute;
|
|
padding:2px;
|
|
font-family:Verdana,arial,helvetica;
|
|
font-size:10px;
|
|
}
|
|
|
|
.clLevel1{
|
|
background-color:#F4F4F4;
|
|
layer-background-color:#ffffff;
|
|
color:#000000;
|
|
}
|
|
|
|
.clLevel1over{
|
|
background-color:#E5E6E5;
|
|
layer-background-color:#CECFCE;
|
|
color:#000000;
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
}
|
|
|
|
.clLevel1border{
|
|
position:absolute;
|
|
visibility:hidden;
|
|
background-color:#CECFCE;
|
|
layer-background-color:white;
|
|
}
|
|
/* ----------------- coolMenu_eof ----------------- */
|
|
|
|
|
|
|
|
|
|
/* Shipping Site Beginn */
|
|
|
|
TR.shippingHeader {
|
|
background: #bbc3d3;
|
|
}
|
|
|
|
TR.shippingNavigation {
|
|
background: #bbc3d3;
|
|
}
|
|
|
|
TD.shippingNavigation {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 11px;
|
|
background: #bbc3d3;
|
|
color: #000000;
|
|
font-weight : bold;
|
|
|
|
}
|
|
|
|
.productTabelle {
|
|
|
|
border:1px solid #CECFCE;
|
|
}
|
|
|
|
.productTabelle1 {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
background: #ffffff;
|
|
color: #000000;
|
|
font-weight : bold;
|
|
|
|
}
|
|
|
|
.productTabelle2 {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
background: #ffcc00;
|
|
color: #000000;
|
|
font-weight : bold;
|
|
border-left:1px solid #CECFCE;
|
|
|
|
}
|
|
|
|
.productTabelle3 {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
background: #ffffff;
|
|
color: #000000;
|
|
font-weight : ;
|
|
border-top:1px solid #CECFCE;
|
|
|
|
}
|
|
|
|
.productTabelle4 {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
background: #ffffff;
|
|
color: #000000;
|
|
font-weight : ;
|
|
|
|
|
|
}
|
|
|
|
|
|
.shoppingcartBox {
|
|
background: #b6b7cb;
|
|
}
|
|
TD.shoppingcartBoxHeading {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
background: #b6b7cb;
|
|
color: #ffffff;
|
|
}
|
|
.shoppingcartBoxContents {
|
|
background: #f8f8f9;
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
}
|
|
|
|
|
|
.CatagoriesBox {
|
|
background: #b6b7cb;
|
|
}
|
|
TD.CatagoriesBoxHeading {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
background-image: url("images/rb_hintergrund.gif") ;
|
|
color: #000000;
|
|
}
|
|
.CatagoriesBoxContents {
|
|
background: #f8f8f9;
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.linksbox {
|
|
background: #E0E1E4;
|
|
}
|
|
TD.linksboxHeading {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
background-image: url("images/lb_hintergrund.gif") ;
|
|
color: #ffffff;
|
|
}
|
|
.linksboxContents {
|
|
background: #E0E1E4;
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rechtsbox {
|
|
background:#C05450 ;
|
|
}
|
|
TD.rechtsboxHeading {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
background-image: url("images/rb2_hintergrund.gif") ;
|
|
color: #000000;
|
|
}
|
|
.rechtsboxContents {
|
|
background: #C05450;
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
.shoppingcartbox {
|
|
background: #;
|
|
}
|
|
TD.shoppingcartboxHeading {
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
background-image: url("images/lo_o_hintergrund.gif") ;
|
|
|
|
color: #ffffff;
|
|
}
|
|
.shoppingcartboxContents {
|
|
background: #F0F0F0;
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.oben {
|
|
|
|
background-image: url("images/oben.gif") ;
|
|
background-repeat: repeat-x ;
|
|
}
|
|
|
|
#button {
|
|
padding: 0 0 0 0;
|
|
font-family: 'Verdana', 'Lucida Grande',
|
|
Trebuchet MS, Lucida, Geneva, Helvetica,
|
|
Arial, sans-serif;
|
|
background-color: #000;
|
|
color: #fff;
|
|
}
|
|
|
|
#button ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-top: px solid #000;
|
|
|
|
}
|
|
|
|
#button li {
|
|
border-bottom: px solid #000;
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#button li a {
|
|
display: block;
|
|
padding: 5px 5px 5px 0.5em;
|
|
border-left: px solid #000;
|
|
border-right: px solid #000;
|
|
background-image: url("images/ka_hintergrund.gif") ;
|
|
|
|
|
|
color: #fff;
|
|
text-decoration: none;
|
|
width: 100%;
|
|
}
|
|
|
|
html>body #button li a {
|
|
width: auto;
|
|
}
|
|
|
|
#button li a:hover {
|
|
border-left: px solid #000;
|
|
border-right: px solid #000;
|
|
background-color: #e6ffff;
|
|
color: #F7A510;
|
|
}
|
|
#button li.selected a {
|
|
border-left: px solid #000;
|
|
border-right: px solid #000;
|
|
background-color: #e6ffff;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.boxlinks { background : #ffffff url("images/lo_m_schatten.gif") repeat-y fixed top right;
|
|
background-color: #E0E1E4;
|
|
|
|
}
|
|
|
|
.boxrechts { background : #ffffff url("images/ka_m_schatten.gif") repeat-y fixed top left;
|
|
background-color: #C05450;
|
|
|
|
}
|
|
.inputboxen {
|
|
background-color: #ffffff;
|
|
border: 1px solid #000;
|
|
|
|
}
|
|
|
|
|
|
/* Shipping Site End */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|