Мой сайт
http://www.blizzdota.org/ . Я думаю Вы уже увидели что я хочу сделать... меню на оранжевой картинке сливается с оранжевым фоном. мне нужно чтобы текст именно в этом меню был черного цвета.
Вот файлики, которые могут понадобится...
orange.css
/*======================================================================*\
|| #################################################################### ||
|| # Copyright (C) 2006-2009 Youjoomla LLC. All Rights Reserved. ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ---------------- # ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
\*======================================================================*/
body#color{background:#323232 url(../images/orange/topbg.png) repeat-x left top}
#centerbottom{background:#f9f9f9 url(../images/centarbg.gif) repeat-x left top}
#logo{background:url(../images/orange/logo.png) no-repeat 0px 0px}
#banner{border:1px solid #BBCEDD}
#insetholder #openReg{background:url(../images/orange/openReg.png) no-repeat center top}
a.signup:link,
a.signup:hover,
a.signup:visited{background:url(../images/orange/signupbig.png) no-repeat left top; color:#fff}
.bottitle{background:url(../images/orange/bottitle.png) no-repeat left center; color:#fff}
#mid{background:url(../images/orange/midbg.png) repeat-x left bottom}
#advert{background:url(../images/orange/shine.png) no-repeat center bottom}
#modlgn_passwd, #modlgn_username{color:#FF8A00; border:1px solid #ccc}
#mod_login_remember{border:none; padding:0!important}
a:link, a:visited{text-decoration:none; color:#FF8A00}
a:focus, a:hover{color:#3c3c3c; text-decoration:none}
h1, h3, h4,
h5, h6, h2{color:#FF8A00}
.small, .createdate, .modifydate, .mosimage_caption, .createby{text-transform:uppercase; color:#ccc; font:10px Tahoma,Verdana,"Lucida Sans"}
.componentheading,
.contentheading,
.contentheading a:link,
.contentheading a:visited,
.contentheading a:link,
.contentheading a:visited{color:#FF8A00; background:url(../images/insethoriz.gif) repeat-x left bottom}
#pathway{background:url(../images/insethoriz.gif) repeat-x left bottom}
.toclink{border:1px solid #ccc}
fieldset{border:1px solid #ccc}
.yjsquare_in fieldset{border:none}
.inputbox{background:#FFF; border:1px solid #ccc}
.inputbox:hover, .inputbox:focus{background:#fff; border:1px solid #FF8A00}
.button{color:#fff}
.button, .validate{background:#222; border:1px solid #000; color:#fff}
a.button:link,
a.button:visited,
a.button:focus{color:#fff; padding:3px}
.back_button a:hover, .back_button a:active{color:#000; text-decoration:none}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a, .back_button a{color:#000; font-weight:bold}
a.readon:link, a.readon:visited{color:#000; font-weight:bold}
.readon span{}
a.readon:hover, .pagenavbar a:hover{color:#FF8A00}
.yjsquare h3{color:#FF8A00}
.yjsquare h3 span{color:#FF8A00}
.yjsquare{color:#000}
.yjsquare_yj1 h3{color:#323232; border-bottom:1px solid #FF8A00}
.yjsquare_yj1 h3 span{color:#FF8A00}
.yjsquare_yj2 h3{color:#FF8A00; border-bottom:1px solid #323232}
.yjsquare_yj2 h3 span{color:#323232}
#footmod .yjsquare{}
#footmod .yjsquare h3{color:#ff8a00}
#footmod .yjsquare h3 span{color:#FF8A00}
#horiznav ul li a{color:#3c3c3c; background:url(../images/orange/topmenu/normal_l.png) no-repeat left center}
#horiznav ul li a:hover,
#horiznav ul li:hover a,
#horiznav ul li.sfHover a{color:#fff; background:url(../images/orange/topmenu/hover_l.png) no-repeat left center}
#horiznav li#current a,
#horiznav li#current a:hover,
#horiznav li#current:hover a,
#horiznav li#current.sfHover a,
#horiznav li.active a{color:#fff; background:url(../images/orange/topmenu/active_l.png) no-repeat left center}
#horiznav li#current,
#horiznav li#current:hover,
#horiznav li#current.sfHover,
#horiznav li.active{background:url(../images/orange/topmenu/active_r.png) no-repeat right center}
#horiznav ul li:hover li a,
#horiznav ul li.sfHover li a,
#horiznav ul li#current:hover li a,
#horiznav ul li#current.sfHover li a,
#horiznav ul li:hover ul ul li a,
#horiznav ul ul li.active{color:#fff; background-image:none}
#horiznav li:hover ul,
#horiznav li li:hover ul,
#horiznav li li li:hover ul,
#horiznav li li li li:hover ul,
#horiznav li.sfHover ul,
#horiznav li li.sfHover ul,
#horiznav li li li.sfHover ul,
#horiznav li li li li.sfHover ul,
#horiznav ul li:hover li a,
#horiznav ul li.sfHover li a,
#horiznav ul li:hover ul ul li a,
#horiznav ul li.sfHover ul ul li a{background-color:#FF8A00}
#horiznav li ul li a:hover,
#horiznav li ul li ul li a:hover,
#horiznav li li:hover,
#horiznav ul li li.sfHover,
#horiznav li li.sfHover a,
#horiznav ul li li:hover a,
#horiznav ul li li:hover,
#horiznav ul li li.sfHover,
#horiznav ul li li#current a:hover,
#horiznav li.haschild ul li#current.sfHover,
#horiznav li.haschild ul li#current:hover,
#horiznav ul li.haschild li#current a:hover{background-color:#FF8A00; color:#3c3c3c; background-image:none}
#horiznav ul li#current ul li a,
#horiznav ul li#current ul li,
#horiznav ul li#current ul li a:hover,
#horiznav ul li#current ul li.hover
#horiznav ul li#current ul li.sfHover,
#horiznav ul li.haschild li#current a{color:#3c3c3c}
#horiznav li li{border-bottom:1px solid #ffbd00}
#horiznav li ul{}
#horiznav li, #horiznav{background:url(../images/orange/topmenu/horiz_bg.png) repeat-x 0 bottom; font-weight:bold}
#horiznav li{background:url(../images/orange/topmenu/normal_r.png) no-repeat right center}
#horiznav ul li:hover, #horiznav ul li.sfHover{background:url(../images/orange/topmenu/hover_r.png) no-repeat right center}
#horiznav ul li ul li.haschild a.child,
#horiznav ul li ul li a.child:hover{background:url(../images/orange/topmenu/arrow_right.gif) 95% 50% no-repeat}
#horiznav ul li.active ul li a.child{background:url(../images/orange/topmenu/arrow_right.gif) 95% 50% no-repeat}
#mainlevel li a,
.menu li a,
a.mainlevel{background:url(../images/orange/mainlevel.gif) no-repeat left top}
#mainlevel li a:hover,
#mainlevel a#active_menu:link, #mainlevel a#active_menu:visited,
a.mainlevel:hover,
a.mainlevel#active_menu,
#mainlevel li a:hover,
#mainlevel a#active_menu:link, #mainlevel a#active_menu:visited,
.menu li a:hover, .menu li.active a{background:url(../images/orange/mainlevel.gif) no-repeat left bottom}
a.sublevel{background:url(../images/orange/strelica.gif) no-repeat 0px 5px}
#mainlevel li a:hover,
#mainlevel a#active_menu:link,
#mainlevel a#active_menu:visited,
a.mainlevel#active_menu,
a.sublevel, a.sublevel:hover,
a.sublevel:active, a.sublevel:focus,
#active_menu, a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus,
ul li a:hover,
li.active a,
li.parent a{color:#3c3c3c}
a.mainlevel,
#mainlevel li a,
.dropcap{color:#FF8A00}
.yjsquare li.active ul li a,
a.sublevel#active_menu{color:#FF8A00}
.yjsquare li.active ul li a:hover,
.yjsquare li.active ul li.active a{color:#323232; background:url(../images/orange/mainlevel.gif) no-repeat left top}
body li{padding-left:15px; background:url(../images/orange/strelica.gif) no-repeat 0px 5px; font-family:Verdana,Arial,Helvetica, sans-serif; font-size:11px; text-decoration:none}
a.sign,
a.sign:hover,
a.sign:visited{background:url(../images/orange/signup.png) no-repeat left top; color:#fff}
a.tour,
a.tour:hover,
a.tour:visited{color:#4D4D4D}
template.css
/*======================================================================*\
|| #################################################################### ||
|| # Copyright (C) 2006-2009 Youjoomla LLC. All Rights Reserved. ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ---------------- # ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
\*======================================================================*/
@import url("layout.css"); /*layout CSS file*/
@import url("menus.css"); /*menu CSS file*/
@import url("typo.css"); /*typo CSS file*/
body{text-align:center; padding:0; margin:0; font-family:"Trebuchet MS",sans-serif; color:#000; line-height:18px; background-color:#FFF}
a:focus{outline:0px}
focus{outline:0px}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0.5em 0}
ul{margin:0px; padding:0px; list-style:none}
ul li, ul li:hover{padding-left:15px}
body ol{list-style:decimal inside; margin:0; padding:0}
body ol li{margin:0px; padding:5px 3px; list-style-image:none; background:none}
body .yjsquare_in ol li{}
/**/
fieldset{padding:.5em}
body a, body a:hover{cursor:pointer}
a:link, a:visited{text-decoration:none}
a:hover{text-decoration:none}
h1, .componentheading{font-size:1.7em; line-height:1.7em}
h2, .contentheading{font-size:2.5em; line-height:1.5em}
h3{font-size:1.3em; line-height:1.3em}
h4{font-size:1.2em; line-height:1.2em}
h5{font-size:1.1em; line-height:1.1em}
h6{font-size:1em; line-height:1em; font-weight:bold}
.small, .createdate, .modifydate, .mosimage_caption, .createby{text-transform:uppercase; font:10px Tahoma,Verdana,"Lucida Sans"}
.clr{clear:both; height:1px}
.input{border:0}
.contentdescription img{padding:5px; margin:15px}
.contentheading,
.contentheading a:link,
.contentheading a:visited{text-align:left; margin:0 0 7px 0; padding:0 0 3px 0; font-size:18px; font-family:"Trebuchet MS",sans-serif}
.contentheading a:hover{text-decoration:underline}
.componentheading{letter-spacing:normal; font-size:18px; margin:0 0px 4px 0px; font-family:"Trebuchet MS",sans-serif}
.contentpaneopen{padding:0 0px; text-align:left}
.contentpane{padding:0 0px 0px 0px !important}
.category{margin-left:0px}
.insidem ul{margin-left:10px}
.contentpaneopen,
.contentpane,
table.blog{}
.contentpaneopen{border-collapse:separate; border-spacing:3px}
table.contenttoc{margin:0 0 10px 10px; padding:0; width:30%; float:right}
.toclink{padding:5px; display:block; margin:2px 0}
.article_separator{display:block; height:7px; clear:both}
.inputbox{margin-top:5px}
img a, img{border:0; padding:0}
.contentdescription img{padding:0 3px}
input#search_searchword{padding:2px}
table.searchintro{padding:10px 0; width:100%}
table.searchintro td{padding:5px!important}
.button{padding:1px 3px; border:none; margin-top:5px}
.back_button{padding:0 5px}
.readon{clear:both; height:20px; line-height:20px; display:block; clear:both; float:left; padding:0 0 0 5px; margin:10px 0 0 0}
.readon span{display:block; height:20px; line-height:20px; padding:0 5px 0 0px}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a, .back_button a{height:21px; text-transform:uppercase; font-weight:normal; line-height:21px; padding:0 5px}
table.pollstableborder td.sectiontableentry0,
table.pollstableborder td.sectiontableentry1,
table.pollstableborder td.sectiontableentry2,
table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td,
table.pollstableborder tr.sectiontableentry2 td{height:20px; padding-left:5px; text-align:left; padding-right:10px; line-height:18px; margin-bottom:5px; background:none; border:none}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td,
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2{height:20px; padding:0 10px; line-height:29px}
table.pollstableborder{border:none; padding:0; width:100%; text-align:left}
table.pollstableborder img{vertical-align:baseline}
table.pollstableborder td{padding:0 5px !important}
.sectiontableheader{padding:5px; font-weight:bold}
table.pollstableborder tr.sectiontableentry0 td{border:none; background:#f3f2f2}
table.pollstableborder tr.sectiontableentry1 td,
table.pollstableborder tr.sectiontableentry2 td{border:none}
.sectiontableheader{border:1px solid #d4d4d4; background:#DEDEDE}
.sectiontableentry1{background-color:#DEDEDE}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td,
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2{border-bottom:1px solid #fff}
tr.sectiontableentry0 td, td.sectiontableentry0,
tr.sectiontableentry2 td, td.sectiontableentry2{background-color:#f3f2f2}
tr.sectiontableentry1 td, td.sectiontableentry1{background-color:#E9E9E9}
tr.sectiontableentry0:hover td, tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td{background-color:#EEE}
.tool-tip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; text-align:left}
.tool-title{padding:0; margin:0; font-size:12px; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; text-align:left; background:url(../../system/images/selector-arrow.png) no-repeat}
.tool-text{font-size:11px; margin:0; text-align:left}
input.system-openid{background:url(http://openid.net/login-bg.gif) no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px}
.system-unpublished{background:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#system-message{margin-bottom:10px; padding:0}
#system-message dt{font-weight:bold}
#system-message dd{margin:0; font-weight:bold; text-indent:30px; background-image:none}
#system-message dd ul{ background-color:#FDFDFD; color:#c02; margin-bottom:10px; list-style:none; padding:10px; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#system-message dt.message{display:none}
#system-message dd.message{}
#system-message dd.message ul li{background-image:none}
#system-message dt.error{display:none}
#system-message dd.error ul{color:#c00; background-color:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#system-message dd.error ul li{background-image:none}
#system-message dt.notice{display:none}
#system-message dd.notice ul{color:#c00; background:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#system-message dd.notice ul li{background-image:none}
#system-debug{color:#ccc; background-color:#fff; padding:10px; margin:10px}
#system-debug div{font-size:11px}
.invalid{border-color:#f00}
label.invalid{color:#f00}
#editor-xtd-buttons{padding:5px}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div{float:left}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span{display:block; height:22px; float:left; line-height:22px; font-size:11px; color:#666; cursor:pointer}
.button2-left span,
.button2-right span{cursor:default; color:#999}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span{padding:0 6px}
.page span{color:#000; font-weight:bold}
.button2-left a:hover,
.button2-right a:hover{text-decoration:none; color:#0B55C4}
.button2-left a,
.button2-left span{padding:0 24px 0 6px}
.button2-right a,
.button2-right span{padding:0 6px 0 24px}
.button2-left{background:url(../images/j_button2_left.png) no-repeat; float:left; margin-left:5px}
.button2-right{background:url(../images/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px}
.button2-left .image{background:url(../images/j_button2_image.png) 100% 0 no-repeat}
.button2-left .readmore{background:url(../images/j_button2_readmore.png) 100% 0 no-repeat}
.button2-left .pagebreak{background:url(../images/j_button2_pagebreak.png) 100% 0 no-repeat}
.button2-left .blank{background:url(../images/j_button2_blank.png) 100% 0 no-repeat}
div.tooltip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; z-index:13000}
div.tooltip h4{padding:0; margin:0; font-size:95%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../images/selector-arrow.png) no-repeat}
div.tooltip p{font-size:90%; margin:0}
.img_caption.left{float:left; margin-right:1em}
.img_caption.right{float:right; margin-left:1em}
.img_caption.left p{clear:left; text-align:center}
.img_caption.right p{clear:right; text-align:center}
a img.calendar{width:16px; height:16px; margin-left:3px; background:url(../images/calendar.png) no-repeat; cursor:pointer; vertical-align:middle}
#component-contact{padding:0 8px}
p img {margin-right:10px;}
menus.css
/*======================================================================*\
|| #################################################################### ||
|| # Copyright (C) 2006-2009 Youjoomla LLC. All Rights Reserved. ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ---------------- # ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
\*======================================================================*/
#menuholder{float:right; height:47px; position:absolute; top:50px; padding:0px 0 0 0; right:0}
#top_menu{width:auto; margin:0 auto; display:block; position:relative; z-index:10000; float:right}
#horiznav{height:47px; z-index:500; float:none}
#horiznav ul{list-style:none; line-height:47px; padding-top:0px}
#horiznav ul li{position:relative; margin:0 4px 0 4px}
#horiznav ul li ul li{position:relative; margin:0}
#horiznav a{text-transform:capitalize; display:block; cursor:pointer; height:47px; padding:0px 0px 0px 25px; margin:0px 0px 0px 0px; font:normal bold 18px/47px "Trebuchet MS",Arial,Helvetica,sans-serif}
#horiznav ul li ul a{font:bold 11px/32px "Trebuchet MS",Arial,Helvetica,sans-serif; text-transform:capitalize}
#horiznav li a:hover{height:47px}
#horiznav li{float:left; padding:0; padding:0px 25px 0px 0px}
#horiznav ul ul a{background:none}
#horiznav ul ul{border:none}
#horiznav li li a{font-weight:normal; padding:0 0px 0 0px; margin:0; height:32px; line-height:32px; text-indent:5px}
#horiznav ul ul a{display:block; text-decoration:none; text-transform:uppercase; height:auto; font-weight:bold}
#horiznav li li{padding:0; background:none}
#horiznav li li{float:left; padding:0}
#horiznav li:hover, #horiznav li.sfHover{left:0}
#horiznav ul ul a:hover{background:none; height:auto; line-height:32px; padding:0 0px 0 0px; margin:0}
#horiznav li ul{position:absolute; left:-999em; height:auto; font-weight:normal; border-width:0; margin:-3px 0 0 2px; padding:0; border-bottom:none}
#horiznav li:hover, #horiznav li.sfHover{position:static}
/* Pro */
#horiznav li:hover ul ul, #horiznav li:hover ul ul ul, #horiznav li:hover ul ul ul ul, #horiznav li.sfHover ul ul, #horiznav li.sfHover ul ul ul, #horiznav li.sfHover ul ul ul ul{left:-999em}
#horiznav li:hover ul, #horiznav li li:hover ul, #horiznav li li li:hover ul, #horiznav li li li li:hover ul, #horiznav li.sfHover ul, #horiznav li li.sfHover ul, #horiznav li li li.sfHover ul, #horiznav li li li li.sfHover ul{z-index:100; left:auto}
#horiznav ul ul li a{border-right:none}
#horiznav ul li:hover li:hover, #horiznav ul li#current ul li a, #horiznav ul li#current ul li, #horiznav ul li#current ul li a:hover, #horiznav ul li#current ul li.hover, #horiznav li.haschild:hover li span, #horiznav li.haschild.sfHover li span, #horiznav li.sfHover li span, #horiznav ul li li a, #horiznav ul li.haschild li#current a, #horiznav ul li.haschild li#current, #horiznav ul li.sfHover li.sfHover, #horiznav ul li ul li a:hover, #horiznav ul li ul li:hover, #horiznav ul li ul li.sfHover{background-image:none}
#horiznav li ul ul{margin:-32px 0 0 173px}
#horiznav ul li:hover li a, #horiznav ul li.sfHover li a{background-image:none}
#horiznav ul ul a, #horiznav li ul{width:173px}
#horiznav li li, #horiznav li.haschild ul li#current:hover, #horiznav li.haschild ul li#current.sfHover{width:173px}
#mainlevel ul,
.menu ul{list-style:none; margin:0; padding:0}
#mainlevel{padding:0; text-align:left; margin-left:-19px; margin-right:-8px}
.menu{padding:0; text-align:left; margin-left:-19px; margin-right:-8px}
#mainlevel li,
.menu li,
.menu li:hover{background-image:none}
#mainlevel li a,
.menu li a{height:26px; line-height:20px; text-decoration:none; display:block; font-size:12px; text-decoration:none; text-indent:22px; padding-top:5px}
a.mainlevel{display:block; width:100%; font-size:12px; height:26px; line-height:20px; padding-top:5px; text-decoration:none; text-indent:24px}
a.sublevel{display:block; padding:2px 4px 0px 15px; text-decoration:none}
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus{text-decoration:underline}
.module a.sublevel{display:block; padding:0px 4px 12px 15px; margin:0}
Помогите пожалуйста, для знающего CSS это займет не более 1 минуты, а я ковырять могу не один час ((
03.02.2020, 18:49:47