default.css Problem....

[yura2]

Erst einmal Hallo an alle!
Ich habe foldendes Problem. Beim Anpassen eines kostenlosen Webshops, den ich demnächst nutzen möchte, kann ich zwei helle Flächen nicht farbig (=schwarz) an den Hintergrund anpassen. Ich habe mir schon den Wolf gesucht, kann aber den entsprechenden Tag nicht finden. Da ich keine wirkliche Ahnung von css habe, frage ich mich nun ob die entsprechenden Tags vielleicht fehlen?

Danke & Gruß

yura2

Flächen markiert

screenshot.png (109.32 KiB) 134-mal betrachtet

[yura2]

Ich dachte die könnte ich auch als Anhang senden...

Code: Alles auswählen

/*
Quick.Cart default stylesheet
*/
@import url( 'plugins.css' );

/* GLOBAL STYLES */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}
body,table{background-color:#fff;color:#000000;font-size:0.75em;font-family:Verdana, Arial, sans-serif;}

body{padding:20px 0;background:#000000;text-align:center;}

.input, select, textarea{border:1px solid #000000;font:0.917em Arial, sans-serif;}
.submit{font:1em Arial, sans-serif;cursor:pointer;}
.hide{display:none;}

a{background-color:inherit;color:#bebebe;}
a:hover{background-color:inherit;color:#fff;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.skiplink{position:absolute;top:-500px;left:0px;overflow:hidden;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

#container{width:766px;margin:0 auto;background:#000000;}
#main{width:750px;margin:0 auto;border:2px solid #bebebe;text-align:left;}
* html #main{width:766px;}

/* HEADER WITH TOP MENU ABOVE LOGO */
#head1{float:right;width:100%;margin:0 0 5px;background:#000000;}

/* MENU TOP ABOVE LOGO */
#menu1{float:right;margin:4px 15px 4px 0;list-style:none;}
#menu1 li{float:left;padding:12px 8px 0;}
#menu1 li a{padding-left:13px;background:url('img/point.gif') no-repeat 0 5px;color:#bebebe;font:bold 0.917em sans-serif;text-decoration:none;}
#menu1 li a:hover, #menu1 .selected{background-color:inherit;color:#bebebe;text-decoration:underline;}
#menu1 li#basketMenu{padding:5px 8px 5px 20px;}
#menu1 li#basketMenu a{padding:2px 0 0 18px;background:url('img/cart.png') no-repeat 0;color:#bebebe;}
#menu1 li#basketMenu span{display:block;font-size:0.727em;font-family:sans-serif;color:#bebebe;}
#menu1 li#basketMenu span strong{background-color:inherit;color:#bebebe;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2{position:relative;clear:both;height:170px;background:#422d1c url('img/header.jpg') no-repeat;color:#fff;}
#logo{width:222px;padding:40px 0 0;}
#logo h2{clear:left;float:left;width:92%;padding:5px 7%;background:inherit;color:#f4dcbc;font:bold 0.9em Tahoma, sans-serif;}
* html #logo h2{width:100%;}

/* NAVIGATION PATH - TREE */
#navipath{position:absolute;top:150px;padding:0 0 0 5px;}
#navipath a{background-color:inherit;color:#fff;text-decoration:none;}
#navipath a:hover{text-decoration:underline;}

/* HEADER WITH TOP MENU UNDER LOGO */
#head3{float:left;width:100%;border-top:1px solid #ddd;background:#000000 url('img/nav.gif');}

/* MENU TOP BELOW LOGO */
#menu2{float:left;font-size:1.08em;list-style:none;}
#menu2 li{float:left;}
#menu2 a{display:block;float:left;height:38px;padding:0 14px;border-right:1px solid #000000;background:url('img/nav.gif');background-color:inherit;color:#ffffff;font-weight:bold;line-height:38px;text-decoration:none;}
#menu2 a:hover{background:url('img/nav.gif') left bottom;background-color:inherit;color:#fff;text-decoration:underline;}
#menu2 .selected{background:url('img/nav.gif') left bottom;background-color:inherit;color:#fff;text-decoration:underline;}

/* Hintergrund Body */
#body{clear:both;float:left;width:100%;margin:8px 0;background:#000000 url('img/two-columns.gif') repeat-y;}
#orderbody{clear:both;float:left;width:100%;background:#000000;}

/* LEFT COLUMN STYLES */
#column{float:left;width:200px;background:#000000;overflow:hidden;}
#column .type{margin:10px 0 0;padding:5px 0 5px 15px;border-top:2px solid #000000;border-bottom:2px solid #000000;background:#000000;color:#000000;font-weight:bold;font-size:1.1em;}
#column #searchForm{margin:0;padding:10px 5px;background:#000000;text-align:center;}
#column #searchForm .input{width:100px;}
#menu3, #menu4{margin:2px 0 10px;}

#searchForm{margin:10px;}
#searchForm label{display:none;}
#searchForm .input{width:120px;}
#searchForm .submit{font-size:0.8em;}

/* LEFT MENU */
#menu3 ul, #menu4 ul{margin:4px 0;padding:0 15px 2px;background:#000000;list-style:none;}
#menu3 a, #menu4 a{display:block;display:inline-block;width:89%;padding:6px 6%;border-top:1px solid #000000;background:url('img/point.gif') no-repeat 0 11px;color:#bebebe;text-decoration:none;}
#menu3 a:hover, #menu4 a:hover{background-color:inherit;color:#bebebe;text-decoration:underline;}
#menu3 .l1 a, #menu4 .l1 a{border-top:0;}

#menu3 .sub1, #menu4 .sub1{margin:0;padding:0 0 10px  0;border:0;}
#menu3 .sub1 a, #menu4 .sub1 a{display:block;width:75%;padding:2px 10% 2px 15%;border:0;background:url('img/point_sub.gif') no-repeat 15px 6px;}
#menu3 .sub2 a, #menu4 .sub2 a{padding-left:18%;}
#menu3 .sub3 a, #menu4 .sub3 a{padding-left:21%;}
* html #menu3 a, * html #menu4 a, * html #menu3 .sub1 a, * html #menu4 .sub1 a{width:100%;}
#menu3 .selected, #menu4 .selected{background-color:inherit;color:#f00;text-decoration:underline;}

/* RIGHT COLUMN STYLES */
#content{float:left;width:546px;padding:10px 0;text-align:center;}

#page{float:right;display:block;width:536px;margin:0 0 10px;padding:0 0 10px;text-align:left;}
#orderbody #content{width:100%;}
#orderbody #page{float:none;width:94%;margin:0 auto;}

#page h3, .message h3{margin:0 0 3px;padding:5px 0 5px;border-bottom:1px solid #000000;background:inherit;color:#bebebe;font:normal 2.1em Verdana, sans-serif;}
.message h3, #page .message h3{border:0;}
#page div.content{font:1.08em Verdana, sans-serif;}

#page div.content ul, #product div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li, #product div.content li{margin:3px 0;padding:0;border-left:0;}

#page .tS, #product .tS{float:right;margin:0 0 3px;}
#page .tS div, #product .tS div{display:inline;}
#page .tS a, #product .tS a{margin:0 2px;padding:0 1px;background:inherit;color:#000000;font-weight:bold;text-decoration:none;}
#page .tS0, #product .tS0{font-size:0.92em;}
#page .tS1, #product .tS1{font-size:1.08em;}
#page .tS2, #product .tS2{font-size:1.33em;}

.pages{padding:8px 0;text-align:right;}

/* PRODUCTS LIST */
#products{float:left;width:100%;list-style:none;}
#products li{clear:both;float:left;width:96%;padding:5px 2% 10px;border-bottom:1px solid #000000;}
* html #products li{width:100%;}
#products li .photo{float:left;margin:0 7px 5px 0;font-size:0px;line-height:0px;}
#products li .photo img{border:2px solid #f0efcd;}
#products li .photo a:hover img{border:2px solid #dcc7a7;}
#products li h3{padding:5px 8px 0;background:inherit;font-weight:normal;font-size:1.5em;border:0;}
#products li h3 a{background:inherit;color:#bebebe;text-decoration:none;}
#products li h3 a:hover{text-decoration:underline;}
#products li h4{padding:2px 8px 7px;font-weight:normal;font-size:0.917em;}
#products li h4, #products li h4 a{background:inherit;color:#bebebe;}
#products li h4 em{padding:0 5px;}
#products li h4 a:hover{background-color:inherit;color:#fff;}
#products li h5{font-size:1em;font-weight:normal;}
#products li h5 a{background:inherit;color:#666;}
#products li .price, #products li .noPrice{float:right;margin:14px 0 5px 0;padding:6px 0 0;background-color:inherit;color:#bebebe;text-decoration:none;}
#products li .price em{padding:0 4px 0 0;background:inherit;color:#bebebe;font:bold 1.083em Verdana, sans-serif;font-style:normal;}
#products li .price strong, #products li .noPrice strong{font:bold 1.167em Verdana, sans-serif;}
#products li .price span{padding-left:4px;font:bold 1.083em sans-serif;}
#products li .basket{float:right;margin:17px 0 5px 10px;font-size:0.8em;font-weight:bold;}
#products li .basket a{display:block;padding:3px 25px 3px 5px;border:1px solid #f00;background:url('img/cart_bg2.png') no-repeat right center;background-color:inherit;color:#bebebe;text-decoration:none;}

#products li.pages{border:0;background:inherit;color:#69401f;}
#products li.pages a{background:inherit;color:#7f7f66<;}
#products li.pages a:hover{background:inherit;color:#d01c02;}

/* PRODUCTS DETAILS */
#product{float:right;display:block;width:536px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #000000;text-align:left;}
#product h3{padding:5px 0 5px;background:inherit;color:#bebebe;font:normal 2.1em Verdana, sans-serif;}
#product h4{margin:0 0 10px;padding:2px 0 7px;border-bottom:1px solid #d1bd9d;font-weight:normal;font-size:0.917em;}
#product h4, #product h4 a{background:inherit;color:#a78b65<;}
#product h4 a:hover{background-color:inherit;color:#d01c02;}
#product h4 em{padding:0 5px;}

#product #box{float:right;width:205px;margin:0 0 10px 5px;padding:3px 0 10px;border-top:2px solid #000000;border-bottom:2px solid #dcc7a7;background:#000000 url('img/basket_bg_bottom.gif') repeat-x 0 bottom;color:#fff;text-align:center;}
#product #box form{font-weight:bold;}
#product #box #price, #product #box #noPrice{padding:7px 0;border-bottom:1px solid #fff;background-color:transparent;color:#bebebe;font-size:1.417em;font-weight:bold;text-align:center;}
#product #box #price em{background:inherit;color:#bebebe;font-style:normal;}
#product #box #price strong{padding:0 4px;}
#product #box #available{padding:8px 2px 0;background-color:transparent;color:#000000;font-weight:bold;font-size:0.9em;}
#product #box #addBasket{padding:10px 0 5px;}
#product #box #addBasket .submit{width:156px;padding:2px 20px 2px 0;border:1px solid #f00;background:url('img/cart_bg.png') no-repeat right center;background-color:inherit;color:#bebebe;font-size:1.1em;font-weight:bold;}

#product div.content{clear:left;padding:0 0 10px;font:1.08em Verdana, sans-serif;}

/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:10px 0 0;border-top:2px solid #e8dac6;border-bottom:2px solid #e8dac6;background:#000000;color:#bebebe;font-size:0.917em;}
#orderedProducts td, #orderedProducts th{padding:6px 7px;}
#orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;}
#orderedProducts thead td{border-bottom:1px solid #bebebe;}
#orderedProducts thead em{padding:0 4px 0 0;font-style:normal;}
#orderedProducts tbody th{text-align:left;}
#orderedProducts tbody th a{background:inherit;color:#bebebe;}
#orderedProducts tbody .price, #orderedProducts tbody .summary{background:inherit;color:#f00;font-weight:bold;text-align:right;}
#orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;}
#orderedProducts tbody .quantity label{display:none;}
#orderedProducts tbody a:hover{background:inherit;color:#fff;}
#orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryDelivery, #orderedProducts tfoot .summaryOrder{text-align:right;}
#orderedProducts tfoot .nextStep{text-align:right;}
#orderedProducts tfoot .nextStep .submit{border:1px solid #d01c02;background: url('img/basket_button_fw.png') repeat-x;background-color:inherit;color:#fff;font-size:1.1em;font-weight:bold;}

#basket .info{padding:10px 0;background:transparent;color:#bebebe;text-align:left;}
#basket #recount td{border-bottom:1px solid #bebebe;text-align:right;}
#basket #recount .submit{padding:1px 3px;border:1px solid #945f43;background: url('img/basket_button.png') repeat-x;background-color:inherit;color:#bebebe;font-weight:bold;}
#basket .summaryProducts{background:inherit;color:#bebebe;font-size:1.36em;font-weight:bold;}
#basket .summaryProducts #summary{background:inherit;color:#f00;}
#basket #save .submit{padding:2px 10px;border:1px solid #945f43;background: url('img/basket_button.png') repeat-x;background-color:inherit;color:#bebebe;font-weight:bold;}
#basket .del{padding:0 5px 0 10px;}
#basket .del a{background:inherit;color:#bebebe;}

#order legend{padding:20px 0 10px;border:0;background:inherit;color:#bebebe;font-size:1.2em;font-weight:bold;}
#order #personalData{padding:12px 3%;border-top:2px solid #e8dac6;border-bottom:2px solid #000000;background:#000000;color:#764830;}
#order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;}
#order #personalData label{display:block;font-weight:bold;}
#order #personalData #company label, #order #personalData #comment label{font-weight:normal;}
#order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;}
#order #personalData #oComment{height:125px;}

#order #deliveryAndPayment table{border-top:2px solid #000000;border-bottom:1px solid #000000;background:#000000;color:#bebebe;font-size:1em;}
#order #deliveryAndPayment table tbody td{padding:3px 13px;border-left:1px solid #bebebe;border-bottom:1px solid #e8dac6;}
#deliveryAndPayment table th{padding:5px 13px;border-bottom:1px solid #bebebe;}
#deliveryAndPayment table thead th{text-align:center;border-left:1px solid #bebebe;}
#deliveryAndPayment table thead th em{padding:0 4px 0 0;font-style:normal;}
#deliveryAndPayment table thead th span{font-weight:normal;}
#deliveryAndPayment table thead td{border-bottom:1px solid #bebebe;}

#order tfoot td, #orderPrint tfoot td{background:inherit;color:#f00;}
#order tfoot td, #order tfoot th, #orderPrint tfoot td, #orderPrint tfoot th{border-top:1px solid #bebebe;}
#order .summaryProducts, #order .summaryDelivery, #orderPrint .summaryDelivery{font-size:1.182em;}
#order .summaryProducts th, #order .summaryDelivery th, #orderPrint .summaryDelivery th{font-weight:normal;}
#order .summaryOrder, #orderPrint .summaryOrder{background:inherit;color:#bebebe;font-size:1.36em;font-weight:bold;}
#order #rulesAccept th{background:inherit;color:#bebebe;font-size:0.833em;font-weight:bold;text-align:right;}
#order #rulesAccept th, #order #nextStep th{border:0;}

/* ORDER SUMMARY/PRINT PAGE */
#orderPrint .message h3{padding:5px 8px 0;background:inherit;font-weight:normal;font-size:1.5em;}
#orderPrint h4{background:inherit;color:#764830;font-size:1.2em;font-weight:bold;}
#orderPrint dl{float:left;display:block;width:100%;margin:10px 0 20px;padding:5px 0;border-top:2px solid #e8dac6;border-bottom:2px solid #e8dac6;background:#f4f3dd;color:#764830;}
#orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;}
#orderPrint dt{clear:left;text-align:right;}
#orderPrint dd{padding-left:3%;font-weight:bold;}
#orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;}

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{margin:0 0 10px 0;background:inherit;color:#5b5b5b;font-size:0.917em;text-align:center;}
.imagesList li img{border:2px solid #dcdac9;}
.imagesList li a:hover img{border:2px solid #dcc7a7;}
.imagesList li div{text-align:center;}

#imagesList1{float:left;}
#imagesList2{clear:right;float:right;margin:10px 0 0 10px;}

#page #imagesList1{margin:10px 10px 0 0;}

#product #imagesList2{clear:right;margin:5px 0 0 10px;}
#product .imagesList#imagesList1 li div{width:200px;}
#product .imagesList#imagesList2 li div{width:100px;margin:0;}
html>/**/body #product .imagesList#imagesList2 li div{margin:0 auto;}
* html #product .subpagesList li{margin:0;}

/* FILES LIST STYLES */
#filesList{padding:5px 0;font-size:0.917em;list-style:none;vertical-align:middle;}
#filesList li{margin:0 0 4px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{background:inherit;color:#5b5b5b;}

/* SUB PAGES LIST STYLES */
.subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
.subpagesList li{clear:left;float:left;width:96%;margin:3px 0;padding:5px 2%;border-left:1px solid #dcdac9;background:#fbf9f4;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:0 6px 5px 0;}
.subpagesList li img{border:2px solid #dcdac9;}
.subpagesList li a:hover img{border:2px solid #dcc7a7;}
.subpagesList li h4{padding-bottom:2px;}
.subpagesList li h4, .subpagesList li h4 a{background:inherit;color:#d01c02;font-weight:bold;font-size:1.083em;}
.subpagesList li h4 a:hover{background:inherit;color:#442;}
.subpagesList li h5{font-weight:normal;font-size:1em;}
.subpagesList li ul, .subpagesList li ol{float:left;margin:0 0 0 30px;padding:0;}
.subpagesList li li{padding:0;border-left:0;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}

/* OPTIONS LINK */
#options{float:right;padding:10px 10px 0;background:inherit;color:#7f7f66;font-size:0.917em;text-align:right;}
#options .back, #options .print{float:right;}
#options a{padding:0 7px 0;}
#options .print a{border-left:1px solid #7f7f66;}

.message{padding:40px 0;text-align:center;}

/* ADDITIONAL COLUMN */
#column2{display:none;float:right;width:100px;}

/* FOOTER - COPYRIGHT AND POWERED BY xxx STYLES */
#foot{clear:both;float:left;width:100%;height:20px;margin-top:3px;padding:3px 0 0;background:#000000 url( 'img/foot.gif' ) repeat-x;color:#bebebe;font-size:0.9em;}
#foot a{background-color:transparent;color:#bebebe;text-decoration:none;}
#foot a:hover{text-decoration:underline;}

#copy{float:left;padding:5px 10px;text-align:left;}
#powered{float:right;padding:5px 10px;}

@media print{
  /* PRINT STYLES */
  body{margin:0.5cm 0;background:#fff;color:#000;}
  #container{width:16cm;height:auto;background:#fff;}
  #main{width:16cm;margin:0 auto;border:0px;}

  #logo{padding:0;}
  #logo h1{padding:0;}

  #body, #product #box, #orderedProducts table{background:#fff;color:inherit;}
  #head2, #content, #foot{width:16cm;}
  #product, #page, #orderbody #page{width:100%;margin:0;padding:0;}
  #head2{height:auto;}
  #foot{border-top:2px solid #ccc;}
  #column, #head1, #head3, #navipath, #page .tS, #product .tS, #products li .basket, #product #box #addBasket, #basket #recount, #basket .buttons, #orderedProducts tfoot .nextStep, #options{display:none;}
  .input, textarea, #logo h1, #page h3, .message h3, #products li, #products li .photo img, #product, #product h4, #product #box, .imagesList li img, #orderPrint dl, #orderedProducts table,  #orderedProducts thead td, #order tfoot td, #order tfoot th, #orderPrint tfoot td, #orderPrint tfoot th, #order #personalData, #order #deliveryAndPayment table, #order #deliveryAndPayment table tbody td, #deliveryAndPayment table th, #deliveryAndPayment table thead th, #deliveryAndPayment table thead td{border-color:#ccc;}
  #products li h4, #products li .price em, #products li.pages a, #product h4{background:inherit;color:#aaa;}
  a, #head2, #logo h2, #foot, #foot a, #copy, .subpagesList li, #page h3, #products li h3 a, #products li h4 a, #products li .price, #products li.pages, #product h3, .message h3, #product h4 a, #product #box #price, #product #box #price em, #product #box #available, .subpagesList li h4 a, #filesList em, .imagesList li, #orderPrint h4, #orderPrint dl, #orderedProducts table, #orderedProducts tbody th a, #basket .del a, #orderedProducts tbody .price, #orderedProducts tbody .summary, #order tfoot td, #orderPrint tfoot td, #order .summaryOrder, #orderPrint .summaryOrder, #basket .summaryProducts, #basket .summaryProducts #summary, #basket .info, #order legend, #order #personalData, #order #deliveryAndPayment table, #order #rulesAccept th{background:inherit;color:#000;}
  #orderPrint .message{padding:10px 0;}
  #orderPrint .message h3{font-size:1.25em;}
}


[yura2]

Hat sich erledigt.... ich hab den Fehler selbst gefunden