Website Aesthetics

Okay, I have done that, it doesn't seem to have modified the quotes of quotes, and the poll question is still not visible.

Updated CSS

Code:

body {
    background-color: #000000;
    background-image: url(http://www.extrasolar.net/spaceback.gif);
    color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


.left-box { color: #cccccc }
fieldset dl:hover dt label { color: #cccccc }
blockquote blockquote { color: #001155 }



font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }

p, td { font-size: 11px; }

a:link,a:active,a:visited { color : #0099ff; }
a:hover        { text-decoration: underline; color : #EEEEEE; }

hr    { height: 0px; border: solid #000000 0px; border-top-width: 1px;}

.bodyline {
    background-color: #000000;
    background-image: url(http://www.extrasolar.net/spaceback.gif);
}

.forumline {
    background-color: #000000;
    background-image: url(http://www.extrasolar.net/spaceback.gif);
}

td.row1    { background-color: #000000; }
td.row2    { background-color: #000000; }
td.row3    { background-color: #000000; }

th {
    color: #CCCCCC; font-size: 11px; font-weight : bold;
    background-color: #001155; height: 25px;
    bacekground-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
    background-color:#001133; border: #000000; border-style: solid; height: 28px;
}

td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: #000000; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
    background-color: #001155; border: #000000; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop    { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }

.maintitle,h1,h2    {
    font-weight: bold; font-size: 22px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none; line-height : 120%; color : #EEEEEE;
}


.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #cccccc; }
a.gen,a.genmed,a.gensmall { color: #0099ff; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #EEEEEE; text-decoration: underline; }

.mainmenu    { font-size : 11px; color : #DCDCDC }
a.mainmenu    { text-decoration: none; color : #0099ff; }
a.mainmenu:hover{ text-decoration: underline; color : #EEEEEE; }

.cattitle        { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #BCBCBC}
a.cattitle        { text-decoration: none; color : #0099ff; }
a.cattitle:hover{ text-decoration: underline; }

.forumlink        { font-weight: bold; font-size: 12px; color : #0099ff; }
a.forumlink    { text-decoration: none; color : #0099ff; }
a.forumlink:hover{ text-decoration: underline; color : #EEEEEE; }

.nav        { font-weight: bold; font-size: 11px; color : #CCCCCC;}
a.nav        { text-decoration: none; color : #0099ff; }
a.nav:hover    { text-decoration: underline; }

.topictitle    { font-weight: bold; font-size: 11px; color : #CCCCCC; }
a.topictitle:link  { text-decoration: none; color : #0099ff; }
a.topictitle:visited { text-decoration: none; color : #0099ff; }
a.topictitle:hover    { text-decoration: underline; color : #EEEEEE; }

.name    { font-size : 11px; color : #DEDEDE;}

.postdetails    { font-size : 10px; color : #FFFFFF; }

.postbody { font-size : 10px; line-height: 150%; }
a.postlink:link    { text-decoration: none; color : #0099ff; }
a.postlink:visited { text-decoration: none; color : #0099ff; }
a.postlink:hover { text-decoration: underline; color : #EEEEEE; }

.signature { font-size : 10px; color : #BCBCBC; }

.code {
    font-family: 'OCR A Extended', Lucida Console, sans-serif; font-size: 10px; color: #FFFFFF;
    background-color: #0C0064; border: #BCBCBC; border-style: solid; border-width: 1px;
}






.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #BCBCBC; line-height: 125%;
    background-color: #161616; border: #BCBCBC; border-style: solid; border-width: 1px;
}







.copyright    { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; letter-spacing: -1px;}

a.copyright,a.copyright:visited,a.copyright:active    { color: #999999; text-decoration: none;}
a.copyright:hover { color: #BCBCBC; text-decoration: underline;}

input,textarea,select {
    color : #000000;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;
    bor3der-color : #FFFFFF;
}

input.post, textarea.post {
    background-color : #000000;
        font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
}

select {
    background-color : #222222;
}

input {
        text-indent : 2px;
        font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-color: #000000;
}

input.button {
    background-color : #2A2A2A;
    color : #000000;
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

inpudt.mainodption {
    backgreound-color : #2A2A2A;
    font-weight : bold;
}

inpdut.liteopdtion {
    backeground-color : #2A2A2A;
    font-weight : normal;
}

form {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

textarea, select {
    font-weight: normal;
    font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: #444;
    border: 1px solid #888;
    background-color: #FFF;
}







.heldpline { background-color: #363636; border-style: none; }

@import url("formIE.css");

Ah yes, sorry, what I meant was

Code:

blockquote blockquote { background-color: #001155 }

instead of

Code:

blockquote blockquote { color: #001155 }

As for the poll questions, try

Code:

.content h2 { color: #cccccc }

instead of

Code:

.left-box { color: #cccccc }

Alright, I implimented the code. It seems to work pretty well! =D
In my own attempts to get it to work, I realised that it was in an h2 by looking at the source code, and tried this block of code

Code:

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    text-decoration: none;
    line-height: 120%;
}

It didn't do the fix that your code does, but it did create a nice background effect. Do you think I should remove this? Or just let it exist?

I'm not too keen on the background myself... also I'm not sure why that block of code would trigger it either.

If you're using Firefox, you can use the DOM Inspector add-on to find out just what CSS style rules are setting what parameters (including the selectors being used).

Also try

Code:

.inputbox { color: #444444 }

which should (hopefully) fix the text area input color...

Lazarus wrote:If you're using Firefox, you can use the DOM Inspector add-on to find
out just what CSS style rules are setting what parameters (including
the selectors being used).

Indeed, I use Firefox. I don't have the DOM Inspector add-on. I'll download it if that's possible.
Well, the code fixed it as far as the search input goes, but not the text input for the posting area. =(

Hmm still looks too light for my taste.

How about

Code:

.inputbox, input.inputbox, textarea.inputbox, .inputbox:hover, .inputbox:focus { color: #222222 !important }

instead of

Code:

.inputbox { color: #444444 }

Alright, I've put it in. It doesn't seem to have worked =(.
I was unable to get the DOM Inspector to work, it has an error message saying it's incompatable with Firefox.

It worked for me, perhaps you need to clear the cache in your browser...

What version of Firefox are you using? The current version of the DOM inspector works fine on Firefox 3 for me...

I'm honestly not sure what version of Firefox I'm using. I'm on a different computer at the moment. This computer runs IE, and it doesn't seem to work on IE either. Tomorrow morning, I'll check my Firefox version, clear the cache and all that good stuff.

I was running 2.0.0.15.
I downloaded Firefox 3. It turns out that the DOM Inspector I tried downloading was designed for "Thunderbird", so my installation of Firefox 3 may have been unnecessary. Oh well, at least I'm more up-to-date. It seems DOM Inspector 2.0 isn't compatible with Firefox 3.0.