Post by feher » Fri Oct 12, 2012 3:20 pm

Buna ziua

Dupa mai multe incercari nereusite si nenumarate cautari apelez si la voi.
Nu pot schimba culoarea fundalului de la meniul drop down.
Am sa atasez si stylesheetul + un printscreen.

va multumesc pt ajutor

HTML
{
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
BODY
{
background-color: #Ffffff;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
BODY, TD, TH, INPUT, TEXTAREA, SELECT, A
{
font-size: 12px;
}
H1, .welcome
{
color: #636E75;
font: 1em Verdana;
margin-top: 0px;
margin-bottom: 20px;
font-size: 32px;
font-weight: normal;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
}
H2
{
color: #000000;
font-size: 16px;
margin-top: 0px;
margin-bottom: 5px;
}
P
{
margin-top: 0px;
margin-bottom: 20px;
}
A, A:visited, A B
{
color: #38B0E3;
text-decoration: underline;
cursor: pointer;
}
A:hover
{
text-decoration: none;
}
A IMG
{
border: none;
}
FORM
{
padding: 0;
margin: 0;
display: inline;
}
INPUT[type='text'], INPUT[type='password'], TEXTAREA
{
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
}
SELECT
{
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 2px;
}
LABEL
{
cursor: pointer;
}
/*layout*/
#container
{
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#column-left
{
float: left;
width: 180px;
}
#column-right
{
float: right;
width: 180px;
}
#content
{
min-height: 400px;
margin-bottom: 25px;
}
#column-left + #column-right + #content, #column-left + #content
{
margin-left: 195px;
}
#column-right + #content
{
margin-right: 195px;
}
/*header*/
#header
{
height: 90px;
margin-bottom: 7px;
padding-bottom: 4px;
position: relative;
z-index: 99;
}
#header #logo
{
position: absolute;
top: 25px;
left: 15px;
}
#language
{
position: absolute;
top: 15px;
left: 320px;
width: 80px;
color: #999;
line-height: 17px;
}
#language IMG
{
cursor: pointer;
margin-right: 5px;
}
#currency
{
width: 75px;
position: absolute;
top: 15px;
left: 425px;
color: #999;
line-height: 17px;
}
#currency A
{
display: inline-block;
padding: 2px 4px;
border: 1px solid #CCC;
color: #999;
text-decoration: none;
margin-right: 2px;
margin-bottom: 2px;
}
#currency A B
{
color: #000;
text-decoration: none;
}
#header #cart
{
position: absolute;
top: 0px;
right: 145px;
z-index: 9;
min-width: 300px;
}
#header #cart .heading
{
float: right;
margin-right: 172px;
margin-top: 15px;
padding-left: 14px;
padding-right: 14px;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #EEEEEE;
background: #FFF;
position: relative;
z-index: 1;
}
#header #cart .heading H4
{
color: #333333;
font-size: 15px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}
#header #cart .heading A
{
color: #38B0E3;
text-decoration: none;
}
#header #cart .heading A SPAN
{
background: #FFFFFF url('../image/arrow-down.png') no-repeat 100% 50%;
padding-right: 15px;
}
#header #cart .content
{
clear: both;
display: none;
position: relative;
top: -1px;
padding: 8px;
min-height: 150px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
-webkit-border-radius: 0px 7px 7px;
-moz-border-radius: 0px 7px 7px;
-khtml-border-radius: 0px 7px 7px;
border-radius: 0px 7px 7px 7px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
background: #FFF;
}
#header #cart.active .heading
{
margin-top: 5px;
padding-top: 10px;
padding-bottom: 6px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}
#header #cart.active .content
{
display: block;
}
.mini-cart-info TABLE
{
border-collapse: collapse;
width: 100%;
margin-bottom: 5px;
}
.mini-cart-info TD
{
color: #000;
vertical-align: top;
padding: 10px 5px;
border-bottom: 1px solid #EEEEEE;
}
.mini-cart-info .image
{
width: 1px;
}
.mini-cart-info .image IMG
{
border: 1px solid #EEEEEE;
text-align: left;
}
.mini-cart-info .name SMALL
{
color: #666;
}
.mini-cart-info .quantity
{
text-align: right;
}
.mini-cart-info TD.total
{
text-align: right;
}
.mini-cart-info .remove
{
text-align: right;
}
.mini-cart-info .remove IMG
{
cursor: pointer;
}
.mini-cart-total
{
text-align: right;
}
.mini-cart-total TABLE
{
border-collapse: collapse;
display: inline-block;
margin-bottom: 5px;
}
.mini-cart-total TD
{
color: #000;
padding: 4px;
}
#header #cart .checkout
{
text-align: right;
clear: both;
}
#header #cart .empty
{
padding-top: 50px;
text-align: center;
}
#header #search
{
position: absolute;
top: 15px;
right: 0px;
width: 298px;
z-index: 15;
}
#header .button-search
{
position: absolute;
left: 0px;
background: url('../image/button-search.png') no-repeat center center;
width: 28px;
height: 24px;
border-right: 1px solid #CCCCCC;
cursor: pointer;
}
#header #search INPUT
{
background: #FFF;
padding: 1px 1px 1px 33px;
width: 262px;
height: 21px;
border: 1px solid #CCCCCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 2px 0px #F0F0F0;
-moz-box-shadow: 0px 2px 0px #F0F0F0;
box-shadow: 0px 2px #F0F0F0;
}
#header #welcome
{
position: absolute;
top: 47px;
right: 0px;
z-index: 5;
width: 298px;
text-align: right;
color: #999999;
}
#header .links
{
position: absolute;
right: 0px;
bottom: 3px;
font-size: 10px;
padding-right: 10px;
}
#header .links A
{
float: left;
display: block;
padding: 0px 0px 0px 7px;
color: #38B0E3;
text-decoration: none;
font-size: 12px;
}
#header .links A + A
{
margin-left: 8px;
border-left: 1px solid #CCC;
}
/*menu*/
#menu
{
background: #F092CE;
border-bottom: 1px solid #FCBDBD;
height: 37px;
margin-bottom: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
padding: 0px 5px;
}
#menu UL
{
list-style: none;
margin: 0;
padding: 0;
}
#menu > UL > LI
{
position: relative;
float: left;
z-index: 20;
padding: 6px 5px 5px 0px;
}
#menu > UL > LI:hover
{
}
#menu > UL > LI > A
{
font-size: 13px;
color: #0921C2;
line-height: 14px;
text-decoration: none;
display: block;
padding: 6px 10px;
margin-bottom: 5px;
z-index: 6;
position: relative;
}
#menu > UL > LI:hover > A
{
background: #DF94D3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#menu > UL > LI > DIV
{
display: none;
background: #F3F2F2;
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid #121010;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('../image/menu.png');
}
#menu > UL > LI:hover > DIV
{
display: table;
}
#menu > UL > LI > DIV > UL
{
display: table-cell;
}
#menu > UL > LI UL + UL
{
padding-left: 20px;
}
#menu > UL > LI UL > LI > A
{
text-decoration: none;
padding: 4px;
color: #DF94D3;
display: block;
white-space: nowrap;
min-width: 120px;
}
#menu > UL > LI UL > LI > A:hover
{
background: #DF94D3;
}
#menu > UL > LI > DIV > UL > LI > A
{
color: #E9EAED;
}
.breadcrumb
{
color: #CCCCCC;
margin-bottom: 10px;
}
.success, .warning, .attention, .information
{
padding: 10px 10px 10px 33px;
margin-bottom: 15px;
color: #555555;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px 5px 5px 5px;
}
.success
{
background: #EAF7D9 url('../image/success.png') no-repeat 10px center;
border: 1px solid #BBDF8D;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px 5px 5px 5px;
}
.warning
{
background: #FFD1D1 url('../image/warning.png') no-repeat 10px center;
border: 1px solid #F8ACAC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px 5px 5px 5px;
}
.attention
{
background: #FFF5CC url('../image/attention.png') no-repeat 10px center;
border: 1px solid #F2DD8C;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close
{
float: right;
padding-top: 4px;
padding-right: 4px;
cursor: pointer;
}
.required
{
color: #FF0000;
font-weight: bold;
}
.error
{
display: block;
color: #FF0000;
}
.help
{
color: #999;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Geneva, sans-serif;
display: block;
}
TABLE.form
{
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
TABLE.form TR TD:first-child
{
width: 150px;
}
TABLE.form > * > * > TD
{
color: #000000;
}
TABLE.form TD
{
padding: 4px;
}
INPUT.large-field, SELECT.large-field
{
width: 300px;
}
TABLE.list
{
border-collapse: collapse;
width: 100%;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
margin-bottom: 20px;
}
TABLE.list TD
{
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
TABLE.list THEAD TD
{
background-color: #EFEFEF;
padding: 0px 5px;
}
TABLE.list THEAD TD A, .list THEAD TD
{
text-decoration: none;
color: #222222;
font-weight: bold;
}
TABLE.list TBODY TD
{
vertical-align: top;
padding: 0px 5px;
}
TABLE.list .left
{
text-align: left;
padding: 7px;
}
TABLE.list .right
{
text-align: right;
padding: 7px;
}
TABLE.list .center
{
text-align: center;
padding: 7px;
}
TABLE.radio
{
width: 100%;
border-collapse: collapse;
}
TABLE.radio TD
{
padding: 5px;
vertical-align: top;
}
TABLE.radio TD LABEL
{
display: block;
}
TABLE.radio TR TD:first-child
{
width: 1px;
}
TABLE.radio TR TD:first-child INPUT
{
margin-top: 1px;
}
TABLE.radio TR.highlight:hover TD
{
background: #F1FFDD;
cursor: pointer;
}
.pagination
{
border-top: 1px solid #EEEEEE;
padding-top: 8px;
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.pagination .links
{
float: left;
}
.pagination .links A
{
display: inline-block;
border: 1px solid #EEEEEE;
padding: 4px 10px;
text-decoration: none;
color: #A3A3A3;
}
.pagination .links B
{
display: inline-block;
border: 1px solid #269BC6;
padding: 4px 10px;
font-weight: normal;
text-decoration: none;
color: #269BC6;
background: #FFFFFF;
}
.pagination .results
{
float: right;
padding-top: 3px;
}
/*button*/
A.button, INPUT.button
{
cursor: pointer;
color: #FFFFFF;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: url('../image/button.png') repeat-x top left;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px 7px 7px 7px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
}
A.button
{
display: inline-block;
text-decoration: none;
padding: 6px 12px;
}
INPUT.button
{
margin: 0;
border: 0;
height: 24px;
padding: 0px 12px;
}
A.button:hover, INPUT.button:hover
{
background: url('../image/button-active.png') repeat-x;
}
.buttons
{
background: #FFFFFF;
border: 1px solid #EEEEEE;
overflow: auto;
padding: 6px;
margin-bottom: 20px;
}
.buttons .left
{
float: left;
text-align: left;
}
.buttons .right
{
float: right;
text-align: right;
}
.buttons .center
{
text-align: center;
margin-left: auto;
margin-right: auto;
}
.htabs
{
height: 30px;
line-height: 16px;
border-bottom: 1px solid #DDDDDD;
}
.htabs A
{
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF url('../image/tab.png') repeat-x;
padding: 7px 15px 6px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #000000;
margin-right: 2px;
display: none;
}
.htabs A.selected
{
padding-bottom: 7px;
background: #FFFFFF;
}
.tab-content
{
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 10px;
margin-bottom: 20px;
z-index: 2;
overflow: auto;
}
/*box*/
.box
{
margin-bottom: 20px;
}
.box .box-heading
{
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
border: 1px solid #DBDEE1;
background: url('../image/background.png') repeat-x;
padding: 8px 10px 7px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #333;
}
.box .box-content
{
background: #FFFFFF;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
border-left: 1px solid #DBDEE1;
border-right: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
padding: 10px;
}
/*box products*/
.box-product
{
width: 100%;
overflow: auto;
}
.box-product > DIV
{
width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 20px;
}
#column-left + #column-right + #content .box-product > DIV
{
width: 119px;
}
.box-product .image
{
display: block;
margin-bottom: 0px;
}
.box-product .image IMG
{
padding: 3px;
border: 1px solid #E7E7E7;
}
.box-product .name A
{
color: #38B0E3;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
}
.box-product .price
{
display: block;
font-weight: bold;
color: #333333;
margin-bottom: 4px;
}
.box-product .price-old
{
color: #F00;
text-decoration: line-through;
}
.box-product .price-new
{
font-weight: bold;
}
.box-product .rating
{
display: block;
margin-bottom: 4px;
}
/*box category*/
.box-category
{
margin-top: -5px;
}
.box-category UL
{
list-style: none;
margin: 0;
padding: 0;
}
.box-category > UL > LI
{
padding: 8px 8px 8px 0px;
}
.box-category > UL > LI + LI
{
border-top: 1px solid #EEEEEE;
}
.box-category > UL > LI > A
{
text-decoration: none;
color: #333;
}
.box-category > UL > LI UL
{
display: none;
}
.box-category > UL > LI A.active
{
font-weight: bold;
}
.box-category > UL > LI A.active + UL
{
display: block;
}
.box-category > UL > LI UL > LI
{
padding: 5px 5px 0px 10px;
}
.box-category > UL > LI UL > LI > A
{
text-decoration: none;
display: block;
}
.box-category > UL > LI UL > LI > A.active
{
font-weight: bold;
}
/*content*/
#content .content
{
padding: 10px;
overflow: auto;
margin-bottom: 20px;
border: 1px solid #EEEEEE;
}
#content .content .left
{
float: left;
width: 49%;
}
#content .content .right
{
float: right;
width: 49%;
}
/*category*/
.category-info
{
overflow: auto;
margin-bottom: 20px;
}
.category-info .image
{
float: left;
padding: 5px;
margin-right: 15px;
border: 1px solid #E7E7E7;
}
.category-list
{
overflow: auto;
margin-bottom: 20px;
}
.category-list UL
{
float: left;
width: 18%;
}
/*manufacturer*/
.manufacturer-list
{
border: 1px solid #DBDEE1;
padding: 5px;
overflow: auto;
margin-bottom: 20px;
}
.manufacturer-heading
{
background: #F8F8F8;
font-size: 15px;
font-weight: bold;
padding: 5px 8px;
margin-bottom: 6px;
}
.manufacturer-content
{
padding: 8px;
}
.manufacturer-list UL
{
float: left;
width: 25%;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 10px;
}
/*product*/
.product-filter
{
border-bottom: 1px solid #EEEEEE;
padding-bottom: 5px;
overflow: auto;
}
.product-filter .display
{
margin-right: 15px;
float: left;
padding-top: 4px;
color: #333;
}
.product-filter .display A
{
font-weight: bold;
}
.product-filter .sort
{
float: right;
color: #333;
}
.product-filter .limit
{
margin-left: 15px;
float: right;
color: #333;
}
.product-compare
{
padding-top: 6px;
margin-bottom: 25px;
font-weight: bold;
}
.product-compare A
{
text-decoration: none;
font-weight: bold;
}
.product-list > DIV
{
overflow: auto;
margin-bottom: 15px;
}
.product-list .right
{
float: right;
margin-left: 15px;
}
.product-list > DIV + DIV
{
border-top: 1px solid #EEEEEE;
padding-top: 16px;
}
.product-list .image
{
float: left;
margin-right: 10px;
}
.product-list .image IMG
{
padding: 3px;
border: 1px solid #E7E7E7;
}
.product-list .name
{
margin-bottom: 3px;
}
.product-list .name A
{
color: #38B0E3;
font-weight: bold;
text-decoration: none;
}
.product-list .description
{
line-height: 15px;
margin-bottom: 5px;
color: #4D4D4D;
}
.product-list .rating
{
color: #7B7B7B;
}
.product-list .price
{
float: right;
height: 50px;
margin-left: 8px;
text-align: right;
color: #333333;
font-size: 12px;
}
.product-list .price-old
{
color: #F00;
text-decoration: line-through;
}
.product-list .price-new
{
font-weight: bold;
}
.product-list .price-tax
{
font-size: 12px;
font-weight: normal;
color: #BBBBBB;
}
.product-list .cart
{
margin-bottom: 3px;
}
.product-list .wishlist, .product-list .compare
{
margin-bottom: 3px;
}
.product-list .wishlist A
{
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') no-repeat left center;
}
.product-list .compare A
{
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') no-repeat left 60%;
}

Attachments

site.JPG

site.JPG (58.16 KiB) Viewed 1352 times


Newbie

Posts

Joined
Fri Oct 12, 2012 2:45 pm

Post by joagaru77 » Mon Oct 22, 2012 5:50 am

Deschizi foaia de stil stylesheet.css cu notepad++ si te duci la linia 339 si editezi culoarea fundalului de la meniul drop down

mai jos ai un print si foaia de stil modificata de mine

Image

stylesheet css

Image


Newbie

Posts

Joined
Sun Jun 03, 2012 9:29 am

Who is online

Users browsing this forum: No registered users and 5 guests