Changes to style sheet

Submitted by aden on Sat, 2005-04-23 12:57.

I have spent a good number of hours trying to understand the sytle sheet to php & html relationship.

There is still a goo amount of weird and undesirable behavior, but I have cleaned some stuff up.

I can not find where these blue links are coming from... it is driving me a bit crazy.

Maybe a feature for bryght would be the style sheet version control built into their editor... it saves those of us from the grief of no being able to figure out what we just did that hosed the entire layout.

Here is what I have done so far. I'll update as I go along.

Changed #top-nav to margin: 0;
Allows side bar to butt up against top bar

Changed #header to padding: padding: 2em 0 .5em 0; from 1em 0 0 0; Allows for a bit more gray above tradio logo and below links

Changed #body added margin: 0; This takes away the white space surronding everything.

Changed colors in:
a, a:link { color:#DBD7D7; text-decoration: none; }
a:visited {
/* visted links are a little darker */
color: #837474;
}
a:hover, a:focus { color: #837474; }

This still needs work, now it is not clear what is a link or not.

Changed table {margin: 0 0 1.5em 1.5em; from margin:0 this allows for some space around the story.
It is still not correct. I would like to give some space between the side bar and the content but adding a value in the right hand holder does not correct it.

added line #primary li a:hover, a:focus { color: #837474; }

Removed the presentation of the word "audio", "print", "t-media", & "forums" -not the correct way to do it. Why I left original commented out
h2.content-title {
/*font-size: 2em;*/
font-size: 0;
color: #837474;
}

Took out the color of the anchor tags. This way no inheritance. Each link needs to speak for itself.
Left in text-decoration: none; commented out the rest.

a, a:link { text-decoration: none; }
/*a:visited { color: #837474; }
a:hover, a:focus { color: #837474; }
*/

Submitted by aden on Sat, 2005-04-23 20:00.

Added .links & changed .terms colors now the category, login, & register links stand out and fit in the theme
.terms a{
color: #EBD43B;
}

.links a{
color: #EBD43B;
}

Submitted by aden on Sun, 2005-04-24 16:40.

I have removed the ( ) & changed the word categories to category

< if ($terms) : ?>

category:
< endif; ?>

(to display this code I had to remove the php? call.)

I tried to place this block under the node title & above the node's content block, but it didn't come out looking so good.

I would like the category to be directly under the title, so that people can more readily understand which categories different postings fall into.

Firefox for some reason still displays the ( ). IE does not.

A first, IE works & Firefox doesn't.

Submitted by mandric on Mon, 2005-04-25 13:11.

likely the case, very common problem. hold shift + click refresh might help. or you can close and start again. usually i just move on to the next thing and assume it's a caching issue, since you know it's not in the code ...

Submitted by mandric on Mon, 2005-04-25 13:16.

is your friend in this scenario.

use /* */ liberally until you're done developing. sometimes i even collect "junk" at the bottom of the file, in a comment block, since i might need it later.

don't use // since IE doesn't like it.

Submitted by aden on Mon, 2005-04-25 14:18.

It was caching.

Usually a refresh will suffice for firefox. For some reason, I had to close out completely & reopen.