I have been struggling with the CSS styles for what is approaching an hour. I'm trying to change the menu links to be slightly off-white (xFAFCD8) on the default purple background. I've tried everything, but when I finally think I figured it out, I've changed all of the links, not just the ones on the purple background.
My site is at this address: http://www.middiemusic.org/index.php. Note that if you hit home, you'll have to readd the index.php at the end (temporary html page up in the meantime.
My CSS file as-is is the following. Thanks in advance for any help!!
Code: Select all
/* Phoca Template - www.phoca.cz */
html {
margin: 0;
padding: 0;
}
body {
text-align: center;
font-size: 76%;
font-family: Arial, sans-serif, Verdana, Helvetica;
line-height: 1.3;
padding: 0;
margin: 0;background:#ffecbf;
}
/* Typo */
.phoca-in {
margin:10px;
}
h1,h2,h3,h4,h5,h6,blockquote,label,ol,dl,fieldset,address, p {
margin: 0.5em 0;
padding: 0;
}
fieldset {
padding: 0.5em;
}
form {
margin: 0;
padding: 0;
}
img a{
border: 0;
}
ul {
list-style: none;
padding: 0em;
margin-left:1.5em;
}
ul li {
list-style: circle;
color: #ffb200;
}
ol li {
}
td {padding: 1px;}
h1, .contentheading, .contentheading a, .componentheading, .contentpagetitle, h2, h3 {
color: #6B246B;
font-weight:bold;
}
h1 {font-size: 1.4em}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
hr {border:1px solid #000000;}
#phoca-footer, .small, .createdate, .modifydate {
font-size: 0.8em;
color: #000000;
}
.pagination span, .pagination a, .pagination strong {
margin: 0 3px;
}
a img {
border: 0px;
}
/* Site */
#phoca-site {
/*background: transparent url(../images/bg-site.png) 0 0 repeat-x;*/
background:#ffecbf;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#phoca-wrap {
min-width: 990px;
max-width: 990px;
width: auto !important;
width: 990px;
margin: 0 auto;
text-align: left;
padding: 0;
padding-top:10px;
}
/* Header */
#phoca-header {
background: transparent url(../images/hbg.png) 0 0 no-repeat;
position: relative;
height: 220px;
margin-top: 0px;
padding: 0px;
color: #dbd3bd;
}
#phoca-header #logo {
position: absolute;
top: 32px;
left: 38px;
background: transparent;
}
#phoca-header .banner {
position: absolute;
top: 95px;
right: 20px;
background: transparent;
}
#phoca-header .search {
position: absolute;
top: 60px;
right: 20px;
background: transparent;
}
/* Top Menu */
/*topmenu*/
#phoca-topmenu {
position:absolute;
top:174px;
margin:0;
padding:0;
margin-left:6px;
width:960px;
height:34px;
}
#mainlevel-nav {
float:left;
margin:0;
padding:0px;
height:34px;
width:100%;
list-style-type:none;
}
#mainlevel-nav li {
list-style:none;
float:left;
margin:0px;
padding:0px;
height:34px;
border-right:1px solid #fff;
}
#mainlevel-nav a:link, #mainlevel-nav a:visited, #mainlevel-nav a {
float:left;
display:block;
color:#FAFCD8;
text-decoration:bold;
margin:0px;
padding:9px 12px 5px 12px;
}
#header #active_menu-nav, #mainlevel-nav #current a, #active_menu-nav {
float:left;
display:block;
color:#FAFCD8;
text-decoration:none;
margin:0px;
padding:9px 12px 5px 12px;
background:#993399;height:20px;
}
#mainlevel-nav #current {
background:#FAFCD8;height:20px;
}
#mainlevel-nav li a:hover {
text-decoration:underline;
color:#FAFCD8;
height:20px;
}
/* Top */
#phoca-top {
margin:0;
padding:0;
}
/* Side */
#phoca-side1 {
position: relative;
float: left;
width: 225px;
overflow: hidden;
margin: 0px;
padding: 0px;
padding-left:10px;
}
#phoca-side2 {
position: relative;
float: left;
width: 225px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
#phoca-side1-bg {
margin: 0px;
padding: 0px;
background: url(../images/lbg.png) 23% 0 repeat-y;
}
#phoca-side2-bg {
margin: 0px;
padding: 0px;
background: url(../images/rbg.png) 77% 0 repeat-y;
}
/* Content */
#pathway{
background: #F8ECF8;
border: 1px solid #ECC6EC;
padding: 10px;
margin: 0px 10px 10px 10px;
}
#phoca-content {
position: relative;
float: left;
width: 520px;
padding: 0px;
margin: 0px;
}
#phoca-content1 {
position: relative;
float: left;
width: 520px;
overflow: hidden;
padding: 0px;
margin: 0px;
}
#phoca-content2 {
position: relative;
float: left;
width: 752px;
overflow: hidden;
}
#phoca-content3 {
position: relative;
float: left;
width: 980px;
overflow: hidden;
}
/* User */
#phoca-user {
clear:both;
padding:5px 15px 5px 15px;
}
/* Botom */
#phoca-bottom {
}
/* Footer */
#phoca-clr{
clear: both;
padding: 0;
margin: 0;
}
#phoca-footer {
margin: 0;
padding: 0;
background: transparent url(../images/fbg.png) 0 0 no-repeat;
padding-bottom:20px;
height: 80px;
}
#phoca-footer a{color:#fff;}
#phoca-footer .phoca-in {
text-align: center;
margin: 0;
padding-top:30px;
color: #ffffff
}
#phoca-debug {
padding: 0px;
margin: 0px;
}
/* Modules */
/* Module */
div.module {
margin-bottom: 15px;
float: left;
clear: both;
width: 100%;
text-align: left;
background: url(../images/mod-br-tr.png) no-repeat bottom right;
color:#fff;
}
div.module div {
background: url(../images/mod-bl-tr.png) no-repeat bottom left;
}
div.module div div {
background: url(../images/mod-tr-tr.png) no-repeat top right;
}
div.module div div div {
padding: 0 15px 15px 15px;
background: url(../images/mod-tl-tr.png) no-repeat top left;
}
div.module div div div div {
margin: 0;
padding: 0;
float: none;
width: 99%;
background: none;text-align:left;
}
div.module h3 {
margin: 0 -11px 10px -11px;
padding: 12px 20px 5px 12px;
/* border-bottom: 1px solid #dceaf5;*/
color: #fff;
font-size: 125%;
font-weight: bold;
text-decoration:capitalize;
/*background: transparent url(../images/mod-head-blue.png) 8px center no-repeat;*/
background: transparent url(../images/mod-bottom-tr.png) bottom repeat-x;
}
/* Moduletable */
.moduletable {
padding: 10px;
background: #993399;
margin: 0px;
border: 1px solid #ffb200;
color: #fff;
}
.moduletable a{
text-decoration:underline;
color: #fff;
}
.moduletable h3 {
color: #ffb200;
padding-left: 20px;
background: transparent url(../images/mt-h.png) 0px center no-repeat;
}
