BLF After Dark, CSS theme

105 posts / 0 new
Last post
ToyKeeper
ToyKeeper's picture
Offline
Last seen: 5 hours 3 min ago
Joined: 01/12/2013 - 14:40
Posts: 7297
Location: (469219) 2016 HO3

Got a little distracted, but the meter works now too.

Not that it didn’t work before. It was just bright green. Smile

hank
hank's picture
Offline
Last seen: 5 days 20 hours ago
Joined: 09/04/2011 - 21:52
Posts: 7363
Location: California

I lost track of the discussion about blocking signature files, pointer welcome, I am sure it’s in another thread but search isn’t finding it for me.

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 5 hours 3 min ago
Joined: 01/12/2013 - 14:40
Posts: 7297
Location: (469219) 2016 HO3

hank wrote:
I lost track of the discussion about blocking signature files, pointer welcome, I am sure it’s in another thread but search isn’t finding it for me.

http://budgetlightforum.com/comment/965782#comment-965782

I’ll copy it here:

ToyKeeper wrote:

hank wrote:
Uncluttering help?

I haven’t figured out a way to choose to block large volume signature lines that repeat every time.

You can do it with a CSS override, same as the site theme I made. However, it’s all very manual and can’t be triggered on a “sig too long” condition. Instead, you can hide signatures on a per-user basis or a per-content-type basis. If three people’s sigs bother you, you can hide only theirs. Or if you want to block all images in signatures, you can do that. Or perhaps all tables in signatures.

For example, to block all images in signatures:

div.clear img { display: none; }

Or to block several people’s signatures:

div.posted-by-54321 div.clear,
div.posted-by-65432 div.clear,
div.posted-by-76543 div.clear
{ display: none; }

hank
hank's picture
Offline
Last seen: 5 days 20 hours ago
Joined: 09/04/2011 - 21:52
Posts: 7363
Location: California

Ahhhh, that works. Text I had long since memorized no longer appears every time.

Now, to program my glasses to filter out certain billboards and t-shirts …. oh, wait, that’s science fiction ….
And nobody has invented not-hearing-aid filtering either, just yet.

LG
Offline
Last seen: 13 hours 6 min ago
Joined: 07/09/2016 - 09:09
Posts: 244
Location: Vietnam

This is awesome. Thank you!

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 5 hours 3 min ago
Joined: 01/12/2013 - 14:40
Posts: 7297
Location: (469219) 2016 HO3

I’m not a fan of bright white high-contrast web designs. I find it more more comfortable to read some dimmer lower-contrast greys.

Kinda goes with being photosensitive, I guess. I can see well in the dark, but I can’t really see during the day unless I have dark sunglasses.

Pete7874
Pete7874's picture
Online
Last seen: 6 min 59 sec ago
Joined: 11/23/2011 - 16:47
Posts: 1560
Location: USA

Kudos for this After Dark theme! I always wondered what dark skinned BLF would look like.

Thank you!

Pete7874
Pete7874's picture
Online
Last seen: 6 min 59 sec ago
Joined: 11/23/2011 - 16:47
Posts: 1560
Location: USA

TK, Which line do I edit to change the color of the “NEW” and “UPDATED” markers that show next to thread titles? It currently shows as deep red and I find it hard to see, probably due to my partial color blindness.

 

EDIT: Found it. It's this section:

 

Quote:
span.marker { color: #9e0000 !important; font-variant: small-caps !important; }
ToyKeeper
ToyKeeper's picture
Offline
Last seen: 5 hours 3 min ago
Joined: 01/12/2013 - 14:40
Posts: 7297
Location: (469219) 2016 HO3
Pete7874 wrote:
TK, Which line do I edit to change the color of the “NEW” and “UPDATED” markers that show next to thread titles? It currently shows as deep red and I find it hard to see, probably due to my partial color blindness.

Ah, interesting. Those only appear in a part of the interface that I don’t use. Hadn’t even noticed those were there.

The “new” markers I configured are bold black text on a red shadow. Thin red text on a grey background was probably inherited from an earlier version a few years ago, before BLF’s code got updated.

I’ll have to remember to fix that.

Pete7874
Pete7874's picture
Online
Last seen: 6 min 59 sec ago
Joined: 11/23/2011 - 16:47
Posts: 1560
Location: USA

Another question: product descriptions below images in the screenshot below are unreadable. They do become readable when I hover my mouse over them. How do I change that font color in your CSS?

Thanks!

Link to that specific thread, although it’s not the only one with that issue:
http://budgetlightforum.com/node/57247

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 5 hours 3 min ago
Joined: 01/12/2013 - 14:40
Posts: 7297
Location: (469219) 2016 HO3

You can probably do something like this to remove the shadow from links in those posts…

/* override style for people who insist on using too much CSS in their posts */
div.posted-by-9004 a {
    text-shadow: none !important;
}
Pete7874
Pete7874's picture
Online
Last seen: 6 min 59 sec ago
Joined: 11/23/2011 - 16:47
Posts: 1560
Location: USA

That helped. Thank you.

puglife2
Offline
Last seen: 4 hours 52 min ago
Joined: 10/07/2017 - 17:56
Posts: 79

So nice! thx Big SmileBig SmileBig Smile

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 5 hours 3 min ago
Joined: 01/12/2013 - 14:40
Posts: 7297
Location: (469219) 2016 HO3

There are still a few bits here and there which aren’t re-styled correctly, but it mostly works. Some of the table border lines, in particular, haven’t responded easily to overrides, and I haven’t tracked down the reason why.

I also have a few little extras locally, like to remove the search box. I had kinda forgotten it’s even there, since I’d rather type a bit more during a search than have the widget always taking up space.

Pages