<!--
#informationBox br {
display: none;
}
#informationBox a {
display: block;
}
#informationBox a:hover {
background: #eee;
}
-->
http://localhost/jm-versand/catalog/templates/CSS-fluid-1/stylesheet.css
h1 {
font-size: 30px;
color: #FACA09;
margin: 10px;
font-family: Arial,Verdana,sans-serif;
font-weight: bold;
border-bottom: 1px solid #D0D0D0;
margin-left:0;
margin-right:0;
padding-left:0;
letter-spacing:-1px;
}
h2, .straifen {
font-size: 22px;
margin: 10px;
font-family: Arial,Verdana,sans-serif;
font-weight: bold;
border-bottom: 6px solid #A6D3E6;
margin-left:0;
padding-left:0;
letter-spacing:-1px;
margin-right:0;
margin-bottom:4px;
}
h3 {
font-size: 15px;
}
h4 {
font-size: 13px;
}
/* new styles */
.preishp {
background-color: #A6D3E6;
border-bottom: 4px solid #469DC3;
font-weight: normal;
font-size: 105%;
width: 90px;
padding: 3px;
float: right;
text-align: right;
}
.zzgl {
font-size:9px;
color:#898989;
}
.auflistung {
padding:6px;
border-left:3px solid #fff;
}
div#sonderbild
{
float: right;
}
.zwischensumme {
border:1px dashed #D3D3D3;
padding:5px;
background-color: #F5F4F4;
}
div.cleara
{
clear: both;
}
.preishp, .sonderhp {
width:85px !important;
}
.preis, .preishp {
background-color: #A6D3E6;
border-bottom: 4px solid #469DC3;
font-weight: bold;
font-size: 105%;
width: 150px;
padding: 5px;
float: right;
}
.sonder, .sonderhp {
background-color: #FF9898;
border-bottom: 4px solid #D40000;
font-weight: bold;
font-size: 110%;
width: 150px;
padding: 5px;
float: right;
color: #fff;
}
#sonderbild {
background-image: url(images/sonderangebotfertig.png);
width: 148px;
height: 103px;
float: right;
}
#infoIcon {
position: absolute;
right: 10px;
top: 0px;
}
.imagePM {
text-align: center;
}
#informationen {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#informationen li
{
padding-left: 14px;
background-image: url(images/bullets.gif);
background-repeat: no-repeat;
background-position: left center;
border-bottom: 1px solid #E3E3E3;
}
#informationen li a {
text-decoration: none;
padding: 2px 0 2px 3px;
color: #4B4B4B;
}
#informationen li a:hover {
background-color: #E3E3E3 !important;
}
/* new styles */
/* test and additional styles */
body, div, td {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
a {
color: #1A81BA;
}
a:hover {
text-decoration: none;
}
form {
display: inline;
}
#categoriesBox .infoBoxContentsFL, #informationBox .infoBoxContentsFL, #accountBox .infoBoxContentsFL {
text-align: left;
}
/* ? */
div#product_notificationsBox table {
text-align: center;
}
img#logo {
position: absolute;
left: 20px;
bottom: 10px;
}
div#imageNav {
position: absolute;
right: 20px;
bottom: 5px;
}
.leeo {
border-top: 1px dotted #489FEC;
padding-top: 7px;
}
.liiinien {
border: 1px;
}
/* Krims */
#krims li {
padding-left: 10px;
display: inline;
}
#krims ul {
text-align: left;
margin: 0;
margin-top: 10px;
list-style-type: none;
}
#brumm li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
.infoBoxContents {
border: 0;
}
/* Suchfunktion */
#suche {
float: right;
margin-top: 25px;
margin-right: 8px;
}
.infoBoxContents {
border-color: #fff !important;
}
/* Kategorien */
#ulnavi {
height: 29px;
background-image: url(images/bgnavi.gif);
background-repeat: repeat-x;
}
#ulnavi ul {
height: 25px;
padding: 5px;
margin: 0;
text-align: left;
}
#ulnavi li {
display: inline;
list-style-type: none;
padding-left: 20px;
height: 25px;
}
#ulnavi li a {
color: #fff;
text-decoration: none;
}
#ulnavi li a:hover {
font-weight: bold;
}
/* Ende Kategorien */
#waaren {
padding-left: 0;
margin-left: 0;
}
#waaren ul {
padding-left: 0;
}
#waaren li {
border-bottom: 1px dotted grey;
padding: 7px 0 7px 0;
text-align: left;
margin: 0;
list-style-type: none;
}
.imagesBoxContents {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 0 !important;
}
div.infoBoxFL {
background: #FFFEEF;
position: relative;
margin-top: 19px;
border-bottom: 1px solid #EBE399;
border-right: 1px solid #EBE399;
}
.productListing-heading {
background-image: url(images/verlauf.gif);
padding: 5px;
font-weight: bold;
color: white;
font-size: 12px;
border-left:2px solid #fff;
}
.infoBoxHeadingFL {
background-image: url(images/boxcorner.gif);
height: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: Arial;
color: #fff;
padding: 5px;
padding-right: 40px;
padding-top: 7px;
}
.infoBoxHeadingwarenkorb {
background-image: url(images/boxcornercart.gif);
height: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: Arial;
color: #fff;
padding: 5px;
padding-right: 40px;
padding-top: 7px;
}
.productListing-data a {
font-size: 12px;
color: #489FEC;
}
.productListing-data {
font-size: 12px;
}
.productListing-data a:hover {
text-decoration: none;
}
#zwischensumme {
font-size: 13px;
}
tr.productListing-odd {
border-top: 1px solid grey;
}
tr.productListing-even {
background-color:#eee;
}
div.navBarContent {
border-width: 1px;
}
div.breadCrumb, div.date {
float: left;
margin: 4px;
}
div.navAcc, div.counter {
float: right;
margin:4px;
}
textarea {
border: 1px solid #C3C3C3;
border-top-color: #7C7C7C;
border-bottom-color: #DDD;
}
div#contentsContent {
margin-top: 15px;
margin-bottom: 15px;
padding: 0px;
text-align: left;
border: 1px green dotted;
}
.productSpecialPrice, .greetUser, .errortext {
color: #ED0000;
}
.productSpecialPrice, td.pageHeading {
font-size: larger;
}
table.infoBox {
border-bottom: 1px solid #EBE399;
border-right:1px solid #EBE399;
}
/* hide corner gif's */
td.infoBoxHeading img {
display: none;
}
.boxLink img {
display: block !important;
position: absolute;
right: 5px;
top: 7px;
}
#copyRight {
margin: 10px auto;
padding: 0;
}
span.cBoxE {
color: #e00;
}
#shopping_cartBox .infoboxHeadingFL {
color: #ff9;
}
/* end test styles */
/* import from osC */
.inputRequirement {
color: #FACA09;
}
.leoregister {
background-color: #EFEEE0;
}
.broot, .broot2 {
padding:13px;
}
.broot2 {
border-left: 6px solid white;
}
TD.headerError, TD.headerInfo, SPAN.markProductOutOfStock, TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}
TD.headerInfo {
background: #00ff00;
color: #ffffff;
}
TD.formAreaTitle {
}
SPAN.markProductOutOfStock {
color: #c76170;
}
TD.main, P.main {
font-size: 12px;
line-height: 1.5;
}
TD.footer {
background: #bbc3d3;
color: #ffffff;
font-weight: bold;
}
TD.accountCategory {
font-size: 13px;
color: #aabbdd;
}
TD.fieldKey, TD.tableHeading {
font-size: 12px;
font-weight: bold;
}
TD.fieldValue {
font-size: 12px;
}
SPAN.newItemInCart {
color: #ff0000;
}
TEXTAREA {
width: 100%;
font-size: 11px;
}
/* ie text under pageheading */
.smallText {
font-size: 11px;
}
.messageStackError, .messageStackWarning {
font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5;
}
/* end import from osC */
/* prijs */
#headingPricePM {
white-space: nowrap;
}
h1 s {
font-size: 14px;
color: blue;
}
.productSpecialPrice {
color: #c00;
display: block;
}
#headingPricePM h1:first-letter {
padding-right: 0.1em;
}
.productSpecialPrice:first-letter {
padding-right: 0.1em;
}
s:first-letter {
text-decoration: none !important; /* prevent euro sign strike through */
/* padding-right: 0.1em !important; does not work? */
}
/* end prijs */
div.centerIE {
text-align: center;
}
/* product info tabellen */
table.pcDataPM td, table.pcDataPM th, table.prodDataPM td, table.prodDataPM th {
font-size: 9px;
border: 1px solid #ddd;
padding: 1px 3px;
}
table.pcDataPM, table.prodDataPM {
margin-right: auto;
margin-left: auto;
background-color: #ffe;
border: 1px solid #666;
}
table.prodDataPM td {
text-align: center;
}
table.pcDataPM th {
text-align: right;
}
/* product info tabellen */
span.osCPOWERED {
font-size: 9px
}
span.osCPOWERED a {
color: black;
}
span.osCPOWERED a:hover {
color: black;
text-decoration: none;
}
span.greetUser {
color: #c00;
font-weight: bold;
}
/* adding some new styles 2003-12 */
#faqPM .tekstInfoPM {
font-style: italic;
}
p.questionPM {
color: blue;
font-weight: bold;
}
div#welkomPM {
border: 1px black solid;
padding: 10px 4px;
}
.prijsPerPM {color: red;}
http://localhost/jm-versand/catalog/templates/CSS-fluid-1/main_layout.css
/* page layout */
body, html {
margin: 0;
padding: 0;
margin-bottom: 4px;
text-align: center; /* IE center bug */
font-size: 12px;
}
div#pageFrame {
position: relative;
width: 97%; /* total pagewidth */
margin: 0 auto;
}
div#logoFrame {
height: 70px;
background-color: #404040;
background-image: url(images/jmversand.gif);
background-repeat: no-repeat;
background-position: 10px 13px;
margin-bottom: 0px;
margin-top: 20px;
}
div.navBarFrame {
margin: 4px 5px 0 5px;
height: 30px; /* prevent collapse ? */
}
div#navBottomFrame {
margin: 10px auto;
}
.rahmen {
margin: 5px;
border:1px solid black;
}
div#middleFrame {
position: absolute;
top: 150px;
min-height: 500px; /* no go IE */
/* border-top: 1px solid white; Mozilla: else middle frame shifts down a bit depending on content?! */
left: 188px; /* the fluid content is 100% minus these margins wide */
/* right: 178px; */
/* next lines hack for IE5.2 mac (does not listen to right) */
margin-right: 178px;
right: 178px;
}
@media all {
div#middleFrame {margin-right: 0;}
} /* values for others */
#middleContent {
width: 100%; /* prevents IE to jump out of the box! */
text-align: left;
}
/* boxes1 and 2 (call it left and right if you prefer) */
div#boxes1Frame {
position: absolute;
left: 7px;
top: 130px;
width: 160px;
}
div#boxes2Frame {
float:right;
width: 160px;
}
div.infoboxContentsFL {
margin: 5px; /* = the padding */
width: 146px; /* needed for IE 160 minus margins and borders ? */
padding-bottom: 5px; /* IE */
}
div#bannerFrame {
height: 60px;
margin-top: 10px;
margin-bottom: 10px;
}
/* end page layout */
http://localhost/jm-versand/catalog/templates/fallback/print.css
/*
- these stylesheet settings apply to the printer output only
- for screen and other styles, edit templates/stylesheet.css
- learn more about CSS printing styles at http://www.w3schools.com/css/css_ref_print.asp
- if needed remove comment tags to activate style settings
- 2003/11/23 PaulM PandA.nl
*/
/* example of things that you don't want to appear on the printer (i.e. navigation buttons) */
/*
div.doNotPrintThis {
display: none
}
*/
/* for printing it is wise to use absolute font-sizes (to make sure it always fits the paper) like pt or px, not em */
/* for small printing use a standard serif font, beautifull/funny fonts can be difficult to read on the print */
body {
color: black;
background: white;
font-size: 7pt;
}
/* pagebreaks are supported by CSS2 browsers! */
/*
table
{
page-break-after: always
}
*/
http://localhost/jm-versand/catalog/
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unser Angebot : osCommerce</title>
<base href="http://localhost/jm-versand/catalog/">
<meta name="description" content="osCommerce : Unser Angebot - Anhängerkupplungen Katalysatoren Elektrosätze " >
<meta name="keywords" content="Anhängerkupplungen Katalysatoren Elektrosätze Unser Angebot" >
<link rel="stylesheet" type="text/css" href="templates/CSS-fluid-1/stylesheet.css">
<link rel="stylesheet" type="text/css" href="templates/CSS-fluid-1/main_layout.css">
<link rel="stylesheet" type="text/css" href="templates/fallback/print.css" media="print">
<style type="text/css">
<!--
#informationBox br {
display: none;
}
#informationBox a {
display: block;
}
#informationBox a:hover {
background: #eee;
}
-->
</style>
</head>
