/* CSS DESIGN OS Commerce -------------- -------------- | | | -------------- -------------- */ /* horizontale Zentrierung */ body {background-image:none; background-repeat:repeat-x; margin:0; padding:0; } div {text-align: left;} #container {margin: 0 auto;} .wrapper { margin:0} a img { border:0;} /* Links */ .text h1 a:link, .text h1 a:visited, .text h1 a:active{ color: #CE003B; text-decoration: none; } .text h1 a:hover{ color: #CE003B; text-decoration: underline; } .text a:link, .text a:visited, .text a:active{ color:#333; text-decoration: none; } .shopping_cart_item a:link, .shopping_cart_item a:visited, .shopping_cart_item a:active{ color:#333; text-decoration: underline; } #header2 a:link, #header2 a:visited, #header2 a:active{ color: #FFF; text-decoration: none; } #menu .box .title a:link, #menu .box .title a:visited, #menu .box .title a:active{ color: #FFF; text-decoration: none; } #menu .box .content a:link, #menu .box .content a:visited, #menu .box .content a:active{ color: #FFF; text-decoration: none; } a.categorie_top { color: #fff; text-decoration: none;} a.categorie_top_on { color : #fff; font-weight:bold; text-decoration: underline;} a.categorie { color: #fff; text-decoration: none;} a.categorie_on { font-style: italic; color: #0C14FA; text-decoration: none;} a.categorie_top:hover { color : #fff;text-decoration: underline;} /* Textformatierungen */ body{font: 8pt/16pt Verdana, Arial, Helvetica, Sans-Serif; color:#333;} #header2 { font: bold 8pt/16pt Verdana, Arial, Helvetica, Sans-Serif; } #menu .box .title { color: #FFF; text-decoration: none; font-weight:bold; } h1 {color: #CE003B; font: 2.2em Georgia, Times New Roman, Helvetica, serif; } .price{color: #CE003B; font: 1.3em Georgia, Times New Roman, Helvetica, serif; } /* HTML Elemente */ /* DIVs */ #container { width:861px;} #header1 { display:block; height:97px;} #header1 .logo { margin:5px 0 0 25px; display:block; float:left; width:615px;} * html #header1 .logo { margin:5px 0 0 25px; display:block; float:left; width:550px;} #header1 .box{ margin:39px 10px 0 10px; float:left;} #header1 .box .title{ } #header1 .box .content{ width:90px;} #header1 .box .endtitle{ } #header2 {padding-right:19px; height:52px; display:block; background-color:#000; background-image:url('../img/header2_hg.png'); background-repeat:no-repeat;} #header2 .box{ margin:15px 30px 0 30px; float:right;} #header2 .box .title{ } #header2 .box .content{ } #header2 .box .endtitle{ } .wrapper { clear:left;} #menu { width:232px; float:left; margin:30px 35px 25px 0;} #menu .box{ display:block; margin-bottom: 15px;} #menu .box .title{height:33px; display:block ;background-image:url('../img/menu_box_hg.png'); background-repeat:no-repeat; padding: 10px 0 0 7px;} #menu .box .content{ padding: 10px 0 0 20px; background-color:#6A6A6A; min-height:150px; height:auto !important; height: 150px; background-image:url('../img/menu_box_content_hg.gif');background-position:left bottom;background-repeat:no-repeat; } #menu .box .endtitle{ } #content { display:block; float:left; width:593px; display:block; min-height:350px; height:auto !important; height: 350px; margin:40px 0 25px 0;} #content .item{ padding-top:20px; display:block; background-image:url('../img/content_item_hg.png');background-position:left top;background-repeat:no-repeat; min-height:212px; height:auto !important; height: 212px;} #content .item:hover {background-image:url('../img/content_item_hg_hover.png');} #content .item .img{ float:left; display:block; width:170px;min-height:212px; height:auto !important; height: 212px;} #content .item .desc{ float:left; display:block; width:410px;min-height:212px; height:auto !important; height: 212px;} #content .item .desc .text{ float:left; display:block; width:400px; min-height:165px; height:auto !important; height: 165px; padding-right:10px; margin-bottom:20px;} #content .item .desc .price{ float:left; display:block; width:100px;min-height:42px; height:auto !important; height: 42px;} #content .item .desc .actions{float:left; display:block; min-height:42px; height:auto !important; height: 42px; } .new_products{ margin:17px 0 0; padding-top:20px; display:block; background-image:url('../img/content_item_hg.png');background-position:left top;background-repeat:no-repeat; min-height:212px; height:auto !important; height: 212px;} .new_products:hover {background-image:url('../img/content_item_hg_hover.png');} .product_listing { margin:17px 0 0; display:block; background-image:url('../img/content_item_hg.png');background-position:left top;background-repeat:no-repeat; min-height:212px; height:auto !important; height: 212px;} .product_listing:hover {background-image:url('../img/content_item_hg_hover.png');} .new_products .img, .product_listing .img{ float:left; display:block; padding:17px 0 0 12px; width:150px;;min-height:212px; height:auto !important; height: 212px;} .new_products .desc{ float:left; display:block; width:410px;min-height:212px; height:auto !important; height: 212px;} .new_products .desc .text{ float:left; display:block; width:410px; min-height:165px; height:auto !important; height: 165px;} .new_products .desc .price{ float:left; display:block; width:100px;min-height:42px; height:auto !important; height: 42px;} .new_products .desc .actions{float:left; display:block; min-height:42px; height:auto !important; height: 42px; } #shopping_cart .item .desc .text{ float:left; display:block; width:410px; min-height:111px; height:auto !important; height: 111px;} #footer { margin: 0 auto; padding-left:50%; background-color:#ECECEC; clear:left; min-height:100px; height:auto !important; height: 100px;} #footer #inner {width:861px; height: 100px;margin-left: -430px;} .payment { display:block; width:200px; float:left; margin:40px 0 0 32px; } .adress {display:block; width:583px; height:80px; float:left; margin-left:34px;margin-top:16px;} * html #footer { margin: 0 auto; padding-left:50%; background-color:#ECECEC; clear:left; min-height:100px; height:auto !important; height: 100px;} * html .payment { display:block; width:200px; height:80px; float:left; margin:40px 0 0 32px; } * html .adress {display:block; width:583px; height:80px; float:left; margin-left:0px;margin-top:16px; } /* ##### Hardcodierte Styles #### ----------------------------- Boxen = includes/classes/ boxes.php div .title = Titel div .content = Inhalt Neue Produkte = includes/module/new_products.php div .new_products = Container div .new_products .img = Bild div .new_products .link = Link Titel des Bildes div .new_products .link_desc= Link Beschreibung div .new_products .price = Price div .new_products .actions = aktionen für Bestellung Produkte in den Kategorien = includes/module/product_listing.php div .product_listing = Inhalt div .product_listing .img = Bild div .product_listing .desc = Inhaltsbereich div .product_listing .desc .text = Beschreibung div .product_listing .desc .text h1 a = Überschrift mit Link div .product_listing .desc .price = Preis div .product_listing .desc .actions = Aktionen Produkte in den Kategorien = includes/module/product_listing.php div .shopping_cart = Inhalt div .shopping_cart .img = Bild div .shopping_cart .desc = Inhaltsbereich div .shopping_cart .desc .text = Beschreibung div .shopping_cart .desc .text h1 a = Überschrift mit Link div .shopping_cart .desc .price = Preis div .shopping_cart .desc .actions = Aktionen Konto = account.php , account_edit.php div .account = Inhalt div .account h1 = Überschrift H1 div .account h2 = Überschrift H2 div .account .link = Überschrift Links Konto editieren div .account_edit = Inhalt div .account_edit h1 = Überschrift H1 div .account_edit .required = Benötigte Angaben ( werden mit Stern versehen) div .account_edit table col.spalte1 = 1. Spalte in der Tabelle div .account_edit table col.spalte2 = 2. Spalte in der Tabelle */