empeg.css contest

I'll just quote what I had on the down notice:
Know CSS? Care to lend a hand by cleaning up the empeg.css file? Download this and edit the empeg.css file.

Page1.htm and Page2.htm contain example pages from the new board to test the file against.

All the new entries added by the new software start at blockquote and go to the end. Right now they are just set to the defaults.

If you do choose to change it, upload the final version here in this thread.

I will see what I can do to fix the CSS today... I will post this eve...

OK, here is what I have done and some comments... I am sure there are some things i am missing AND the Last Post link needs to loose the bold somehow... It looks better with no bold.

Anyhoo here are the changes and suggestions:

General Comments

Not a big deal but the following has implications whereas the first line of the thread list is the same color as the header line:
- The class called lighttable has a dark background
- The class called darktable has a light background
- The class called newlighttable has a dark background
- The class called newdarktable has a light background

Some of the Quick links and Addon links at the top are empeg specific. A little confusing when searching for a Karma dock or some other accessory for other Rio devices. Maybe make a general Quick Links then Specific Addon lists like empeg Addon: and Karma Addon: and Rio Receiver/Central Addon: MAYBE???


HTML suggestions

- Reduce cellpadding from 3 to 2 for all tables with class="tableborders". This will make the border around the main tables a little smaller...

<table class="tableborders" cellpadding="3" cellspacing="1" width="100%"> TO
<table class="tableborders" cellpadding="2" cellspacing="1" width="100%">

CSS changes

- Changed these classes to repair white backgrounds on new thread list.

.newlighttable {
background: #515174;
font-weight: bold;
}
.newdarktable {
background: #636380;
font-weight: bold;
}

- Added new CSS class .navigation that was specified for navigation table. Does nothing right now!!! But I changed color for navigation table by changing background color for class .tablesurround

.navigation {}
.tablesurround { background:#444466;}

- Changed class .newsubjecttable. This is for new subjects that used to be white.

.newsubjecttable {
background: #515174;
}

- Moved the following to a more appropriate location to 'clean up' the CSS document a little

.pollcolor {
background: #000000;
}
.modcolumn {
background: #000000;
color: #ffc000;
}

--------------------------end CSS--------------

Sean in NC

I like this... Although I might be the only one.

Lets ditch the dualing backgrounds for new posts, looks like crap. I would use the following that would make al of the new posts appear as the lighter color that exists now...

.newlighttable {
background: #636380;
font-weight: bold;
}
.newdarktable {
background: #636380;
font-weight: bold;
}

Sean iin NC

Not bad. Maybe a little too bright, but OK, I guess.

I think the problem is if it is too dark then it 'blends in' with the other posts. Maybe something different than #636380?

Sean in NC

The dark blue that contains the subjects of posts in flat mode would seem to fit in the color scheme yet be different enough to make it call itself out on the index page.

OK. How about this? I changed the quotes too, so they look like the [q] quotes.

Also, Tom, if you could add ids to the lightbulb icons in the HTML, then we can turn them on/off within different styles; that would give people the choice. Set the "nonewposts.gif" icon to have id="nonewpostsicon" and "newposts.gif" to have id="newpostsicon" and in my stylesheet those are hidden.

Edit: Whoops, I attached the wrong one. Now it's right.

In that same vein, I got bored this afternoon and decided to get this off my chest.

If a picture is worth a thousand words, a slideshow must be... well... a lot more expensive.

Clicky Clicky.

Dunno how much of this can be covered by the CSS or not...

Hope y'all find it amusing.

LOL,
and the file is still small enough to make it an attachment.

I agree with most except for the last one. I like seeing what the new post subject is. The link text needs to loose its bolding though,.

Sean in NC

::gasps while looking at reply page:: Ok, that's just a little shock to the system after seeing Tony's simplification.

I vote for Tony's CSS (if... that was a CSS he did, and not just a Photoshopped image of the BBS page...). The simplification is great.
(woah, no word wrapping in reply... a user preference maybe? i'll have to check).

Are there any planned changes to the lists of posts? ie: setting the "new post indicator" to be an orange icon on the left instead of making the whole thing shaded white (though the shading isn't so bad).

And any planned changes to viewing threads themselves? ie: setting the "new post indicator" to be the orange left icon instead of the white shading, as above. And removing the "new"

Lastly, any planned changes to the reply page? ie: remove all icons, instant icons, instant code, color, etc?

Stupid me, I hope these aren't all user options that I didn't "RTFM" and check first.

It was a photoshopped image of a current BBS page. Sorry, I know nothing about CSS.

Oh, and I wanted to say... getting rid of the outer table border doesn't have to involve deleting it. Just turning it black would be fine. Maybe even better, because the "Addons" line above the first table would then have a small amount of black space below it.

Excellent job, Tony. I agree with all of it. I think everyone wants the old "new post" indicator back.

The real question is whether it's easily do-able or not. Some of that stuff might be tricky.

I mean, since this BBS is written in PHP, everything is editable. But one of the reasons we got the new software for it is so that we can get upgrades. Each change Tom makes now means one more thing he has to remember to hack back into place on the next version upgrade of the BBS software. So that's tricky.

Brilliant.

But you forgot to move the "Welcome to our newest member - aNewMember" back to its rightful place where we can easily keep our beady eyes on those pesky newcomers.

Good point. I did like that feature of the old BBS.

True, Tony. I think the main tough part about the color of that, at least, is the difficulty Tom is having with things like the [ q ] color. You have to make it look okay with the other stylesheets. I don't remember, was it a different color on the alternate stylesheets for the old board? I never looked at them.

Aside from that, I don't see why that would be a difficult change. It's the "new" part I imagine would be more difficult.

Quote:
...things like the [ q ] color. You have to make it look okay with the other stylesheets.

That's easy to do with CSS. We could just take out the [q] and use [quote] and change the look in the CSS like I did in the CSS I attached above.