/* "One main layout Table" stylesheet for osC created by Paul Mathot 2003/11/12 - these stylesheet settings apply to all media - for printing styles edit templates/print.css - learn more about CSS at http://www.w3schools.com/css/ - 2003/11/24 PaulM forums.eeweb.nl - note: I separated the borders and colors, font and linking styles as much as possible for developement. - To optimize the stylesheet for small filesize (=>maximum speed) you can remove most comments, and group the styles. - But don't worry, even without optimizing this stylesheet, it already is quite small compared to the original osC stylesheet! */ /* begin imported some styles from original stylesheet */ /* ie text under pageheading */ .smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } /* end import from original stylesheet */ body { margin: 0; padding: 0; text-align: center; font-family:Verdana; background-color:#FFFF66 } /* form inline added to resolve select box problem in IE */ form { display: inline; } td { vertical-align: top; } td.productListing-data { vertical-align: middle; } table#mainLayoutLT { margin: 10px auto; } table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT { width: 125px; } .infoBoxLT { margin: 5px; } td#contentLT { padding: 10px 12px; } td.infoBoxHeadingLT, .infoBoxHeading { font-family:Arial; color:#FFFF00; font-weight:bold; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px } td.boxTextLT { padding: 6px 5px; } table.infoBoxLT td table { width: 100%; } div#imageNavLT{ margin: 12px 7px 0 0; float: right; } .navRightLT { float: right; } .boxTextLT select { width: 90%; } td#navBarTopLT div, td#navBarBottomLT div { margin: 1px 5px; height: 17px; } .logoLT, .navLeftLT { float: left; } .footerLT { text-align: center; } .footerLT div { margin: 5px auto; } .infoBoxHeadingLT div { float: left; } #languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #searchBoxLT, #tell_a_friendBoxLT { text-align: center; } /* begin colors and borders (for link colors: see the link styles section below) */ table.infoBox, table.productListing { border: 1px solid #FEE662;; background-color:#FFFFD7 } .productListing-heading { padding:0; background-color: #FF983C; } .familyListing-heading { font-size: 14pt; font-family: Verdana; color: #000080; font-style: italic; text-align: center } .familyListing { color: #000080; text-align: center; background-color:#000080 } tr.productListing-even td { background-color: #FFFF99; } tr.productListing-odd td.productListing-data { background-color: #FFFFFF;border-left-width:1; border-right-width:1; border-top-style:solid; border-top-width:1; border-bottom-style:solid; border-bottom-width:1 } .errorText { color: red; } /* higlighting only for categories box enhancement contrib */ .cBoxE { color: red; } td.infoBoxHeading { border: 0px black solid; } td#navBarTopLT, td#navBarBottomLT { border-left:0px solid #FFB21C; border-right:0px solid #FFB21C; border-top:1px solid #FFB21C; border-bottom:1px solid #FFB21C;; color:#3366CC; background-color:#FFB70D } table#mainLayoutLT { border: 2px #ffb21c solid; } .infoBoxLT td { border: 1px solid #000000;; background-color:#DDFFFF } #contentLT table td.pageHeading, h1 { color: #000080; } .infoBoxLT td table td { border-width: 0px; } .inputRequirement { color: red; } /* example how to assign styles to one small box */ table#shopping_cartBoxLT { font-weight: bold; color: #333333; } /* just delete the above if you don't like it */ td.infoBoxHeadingLT, .infoBoxHeading { background-position: 0% 0%; background-image:url('images/background.jpg'); background-repeat:repeat-x; background-attachment:scroll } /* end colors and borders */ .infoBoxHeading img { display: none; } /* begin fonts */ #copyRightLT { font-size: 11px; } td.infoBoxHeading { font-weight: bold; font-family:Arial; color:#FF9900 } .infoBoxLT td, .infoboxLT td.boxTextLT form select { font-size: 11px; font-family: arial, sans-serif; } #navBarTopLT, #navBarBottomLT { font-size: 11px; font-weight: bold; font-family:Arial } /* font size for content in and outside tables */ #contentLT table td, #contentLT { font-size: 10px; font-family: verdana, sans-serif } #contentLT table td.pageHeading, h1 { font-size: 20px; font-family: Verdana; text-indent: 15px; padding-top: 5px; font-style:italic } /* end fonts */ /* begin link styles */ .infoBoxHeadingLT a { float: right; margin: 2px; } a { text-decoration: none; color: #0000FF; } a:hover { text-decoration: underline; color: #336699; background-color: #fff } /* end link styles */ .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; } .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; } TABLE.linkListing { border: 1px solid #B6B7CB; border-spacing: 1px } .linkListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #b6b7cb; color: #FFFFFF; text-align: center; } TD.linkListing-data { border-right: 1px solid #555563; border-bottom: 1px solid #555563; padding: 4px; font-family: Verdana, Arial, sans-serif; font-size: 10px; } TR.linkListing-odd { background: #f8f8f9; } TR.linkListing-even { background: #D8D8F8; } .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }