Geeklog Forums

I took the default professional theme with geeklog and made some color changes to essentially change my site to a black background, white text layout. You can see it at

http://gplvor.speedgeezers.com/portal/

however I have an error in my css file somewhere that I can't find.
if you go to my site and begin to type in the search box on the main page you will see that the text is white on a white background, and for the life of me I can't figure out which area in the css controls that box as well as other single line boxes like it on the site. If I could get those to be black text on white background life would be good ... any suggestions?

larger text area boxes are working fine, for instance if you click on the contribute link on my site you'll see that the single line boxes for text input have the problem but not the larger boxes. I know I've done something wrong when I changed my colors in the css, but I can't find it ...

Thanks,

David

Try


You probably doesn't want your submits to be white either.

Thanks for the quick response. Ok I made the changes as you suggested and that fixed the text color in the input box. However I have a new problem. Go to this submit story page on my site and you'll see it ...

http://gplvor.speedgeezers.com/portal/submit.php?type=story

the text labels all around the input fields are now Black on Black!!!! D'oh!!! :banghead:

here is the semantics section of my css if it would help ....
I think the problem is with some combination I have in here
-----

/* SEMANTICS ******************************************************************/
a:link.non-ul,
a:visited.non-ul,
a:hover.non-ul,
a:active.non-ul {
color:#FFFFFF;
background:transparent;
text-decoration:none;
}
a:link {
background:transparent;
color:#FFCC33;
}
a:visited {
background:transparent;
color:#FF9900
}
a:hover {
background:transparent;
color:#FFCC33
}
a:active {
background:transparent;
color:#FFCC33
}
body {
width:99%;
background:#000000;
color:#FFFFFF;
font:.8em arial,sans-serif,verdana,tahoma,helvetica;
padding:0px;
margin:0px auto;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
padding-left:1px;
padding-right:1px;
text-align:left;
}
fieldset {
margin-bottom:1em;
}
fieldset p {
padding:5px;
margin:0px;
}
fieldset p {
margin-top:5px;
margin-bottom:0px;
}
fieldset legend {
font-size:.9em;
}
form {
margin-top:5px;
margin-bottom:5px;
}
form div.notes p,
form div small {
line-height:125%;
}

form div.notes li {
margin-left:10px;
}
form fieldset div.notes {
float:right;
width:170px;
height:auto;
margin:0px 0px 10px 10px;
padding:5px;
border:1px solid #666666;
background-color:#ffffe1;
color:#666666;
font-size:.75em;
}

form fieldset div.notes h4 {
background-image:url(images/icon_info.png);
background-repeat:no-repeat;
background-position:top left;
padding:3px 0px 2px 27px;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#666666;
color:#666666;
margin-bottom:5px;
margin-top:0px;
font-size:1.3em;
}

form fieldset div.notes p {
margin:0em 0em 1.2em 0em;
color:#666666;
}

form fieldset div.notes p.last {
margin:0em;
padding-bottom:5px;
}
h1 {
font-size:125%;
}
h2 {
font-size:100%;
}
h3 {
font-size:100%;
margin:0px;
}
img {
border:0;
}
input {
font-size:.9em;
color:#000000;
}
input,
submit,
td {
color:#000000;
}
textarea {
color:#000000;
font-family:arial,sans-serif,verdana,tahoma,helvetica;
}
th {
color:#000000;
background-color:#DAE0ED;
font-weight:bold;
font-size:larger;
padding-left:3px;
text-align:left;
}
p {
margin-top:5px;
}
select {
color:#000000;
font-size:.9em;
}

Actually the text prompts look fine to me. It's the submit buttons that are off.