BLF After Dark, CSS theme

118 posts / 0 new
Last post
ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

Another update today…

  • Updated avatar decoration in both forum posts and private messages.
  • Aligned avatars closer to private messages.
  • Tidied up widget showing someone’s profile summary.
  • Fixed missing number bullets on ordered lists.
  • Made “Mark as Spam” look like a button, but still distinct from the other post buttons to avoid hitting it by accident.
  • Moved pager into the same row as the rest of the top bar, when there’s room.
jack-bkk
Offline
Last seen: 3 months 1 week ago
Joined: 04/15/2015 - 01:29
Posts: 435
Location: Bangkok

thanks great maybe you can make the search function also usable in this forum the software is really retro

RonMuller
Offline
Last seen: 3 months 1 week ago
Joined: 12/22/2013 - 22:11
Posts: 153
Location: Canada

ToyKeeper wrote:
dthoang wrote:
The interested list in this post does not look good. Can you fix it?

http://budgetlightforum.com/node/43575


Oh, wow. Now that is hideous.

It looks like M4D M4X explicitly set a background color on each link in that list… or set it once and copy/pasted it a bunch of times. The first half of the list has styled links, while the second half has styled spans. And a few items are bare.

I can override it, but it’s kind of a violation of scope. It would prevent anyone from ever setting a background color in the text of their posts. At least, in links or spans.

So, what do you think? Should it override style mis-uses (and also override normal uses too), or should it allow both (and give us an occasional hard-to-read post like that one)?

Thanks for the .css file TK. I wouldn’t change the .css to accommodate this list. That sort of list isn’t used that much and most people would only read it once or skip over it anyway.

hank
hank's picture
Offline
Last seen: 1 week 6 days ago
Joined: 09/04/2011 - 21:52
Posts: 7363
Location: California

Is this still the right way to enable toggling this on and off? ‘oogled and found a fairly old method:
https://forum.userstyles.org/discussion/comment/65449/#Comment_65449

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

jack-bkk wrote:
thanks great maybe you can make the search function also usable

Er, there are at least three ways to search now and they all work pretty well:
  • “Search within thread” at the top of each thread, if you know the thread you’re looking for.
  • “My threads” and “My posts” for each user, if you know which user you’re looking for.
  • Google “site:budgetlightforum.com my search terms” to search the entire site (which IIRC is what the main search box does).
ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

hank wrote:
Is this still the right way to enable toggling this on and off? ‘oogled and found a fairly old method:
https://forum.userstyles.org/discussion/comment/65449/#Comment_65449

I have no idea; I haven’t tried to do it with a hotkey. It’s usually pretty straightforward to just turn the extension on and off, or use the extension’s config interface to turn the theme on and off.
hank
hank's picture
Offline
Last seen: 1 week 6 days ago
Joined: 09/04/2011 - 21:52
Posts: 7363
Location: California

Oh (duh); yeah now that I installed it, in FF, I have “/User Styles” offered under /Tools/Add-ons/ —- and as yours is the only User Style there, it’s a mere 3 clicks.

everydaysurvivalgear
everydaysurvivalgear's picture
Offline
Last seen: 59 min ago
Joined: 07/31/2015 - 10:25
Posts: 2911
Location: sydney australia (GMT+10)

Shes a pretty one! I like the theme it looks like a old school forum Big Smile

WarHawk-AVG
WarHawk-AVG's picture
Offline
Last seen: 3 days 3 hours ago
Joined: 01/04/2014 - 06:47
Posts: 5048
Location: H-Town

Ooooh nice! Have the lastest.css installed…very very nice

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

everydaysurvivalgear wrote:
old school

Old school indeed. My personal web site looks like a refugee from Geocities. ;P
ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

WarHawk-AVG wrote:
Ooooh nice! Have the lastest.css installed…very very nice

FWIW, it seems easiest to manage by using the Stylish extension’s “userstyles.org” repository. Now that I have that all set up, anyway, updates are only a couple clicks.
WarHawk-AVG
WarHawk-AVG's picture
Offline
Last seen: 3 days 3 hours ago
Joined: 01/04/2014 - 06:47
Posts: 5048
Location: H-Town
ToyKeeper wrote:
WarHawk-AVG wrote:
Ooooh nice! Have the lastest.css installed…very very nice
FWIW, it seems easiest to manage by using the Stylish extension’s “userstyles.org” repository. Now that I have that all set up, anyway, updates are only a couple clicks.

Yup…added the userstyles.org tab…then copied your “global” affecting .css into a style specifically for budget light forum…so now it only affects this one website rather than all of them…it appears all it added was

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(“budgetlightforum.com”) {

to the front of it…everything else was straight copy/paste from your already made style

Very awesome TK!!!

or after simply clicking the tab, clicking find styles for this site, and clicking BLF After Dark BudgetLightForum dark theme by ToyKeeper and clicking install….duh, had me a smack my forhead coulda had a V8 moment just then

So awesome TK…so simple you are incredible!

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

Hi, a small update.

If there’s anyone whose posts you don’t want to see, it’s pretty easy to hide what they write. Add this to a custom style for each person on your personal blacklist:

/* block John Doe */
div.posted-by-54321 div.forum-post-content {
    display: none !important;
}
div.posted-by-54321 div.forum-post-info {
    background: linear-gradient(#b34, #512) !important;
}

Replace the “54321” with the numeric ID of the account, like the last part of the URL after clicking someone’s name. It’ll hide what they wrote and change the color of the post header to red. You can still see what they said by clicking the ‘quote’ button though, or viewing in another browser or incognito window.

DB Custom
DB Custom's picture
Offline
Last seen: 7 hours 58 min ago
Joined: 01/13/2013 - 22:28
Posts: 18015
Location: Heart of Texas

Thanks TK,
I actually managed it and BLF After Dark is residing on my Chrome in Windows 7 Pro. Much much easier on the eyes, albeit some of the fine pring in signature lines and such is a bit difficult for me to read due to the specific blue color. I’ll adjust, I’m sure.

Thanks again, remarkable.

Dale

mattlward
mattlward's picture
Offline
Last seen: 2 weeks 2 days ago
Joined: 06/19/2015 - 09:20
Posts: 2319
Location: Illinois, USA

I am loving it… but, the search box text area is tiny with the theme and normal when not using the theme. I am in firefox…

EDC rotation:
Convoy S2+, 6*7135, XM-L2 3D, 10 degree TIR, PilotDog lighted tailcap.
Convoy S2+, H17F, XM-L2 4C, lighted tailcap
Zebralight SC52w-L2
Olight S1A
Olight S1R

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

In case it helps, here’s an example which can be added to Stylish using its import/export function:

http://toykeeper.net/torches/css/blf-blacklist.css.export

It blocks any posts by me, and you can change it to someone else by changing “6266” to a different number. Or copy/paste the two clauses with other numbers to add more people.

viperbart
viperbart's picture
Offline
Last seen: 4 months 1 week ago
Joined: 07/22/2014 - 15:17
Posts: 444
Location: Toronto ON CA

Sweet trick on iPhone or iPad…
Setting the accessibility shortcut to invert colours gives the site an awesome black and orange look when you triple click the home button.

Try it!

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

BTW, if anyone wants to hide the posts entirely, it’s actually a lot simpler. Just remove some code until it looks like this:

/* Someone */
div.posted-by-54321 { display: none !important; }

It doesn’t need the second clause from earlier. This shorter one will remove the posts as if they weren’t even there. Quotes included by others are still visible though, and it’ll skip post numbers when something is hidden.

I just prefer to see that something was there, instead of making it entirely invisible.

(BTW, we don’t have 50,000+ users yet, but when that day comes and someone ends up with ID 54321, I apologize in advance)

DB Custom
DB Custom's picture
Offline
Last seen: 7 hours 58 min ago
Joined: 01/13/2013 - 22:28
Posts: 18015
Location: Heart of Texas

I might have to enter with a new name and nab that 54321 user ID so I can talk all I want and no one will even know. Silly hahahahahahahahaha

Dale

Dimbo The Blinky
Dimbo The Blinky's picture
Offline
Last seen: 2 months 2 weeks ago
Joined: 11/27/2012 - 09:46
Posts: 1624
Location: The Indigo State, USA, Earth

Thank you, ToyKeeper!

I did as you instructed. The new .css is amazing. It grows on a person, much like warts or cancer, but with much more pleasing results! Wink

Seriously, though (what, me?), it’s amazing how much better it looks and feels as time goes by! I really do love it!

(and the drop-down-list button by the ‘Text format’ selector below this box is still “old”. Plus pulling down the list looks strange. No way would I ask you to work your magic on the buttons above this box. Just sayin’…)

“There is no darkness but ignorance.”

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

I don’t actually know much about CSS. I tried a few times to style some of those things and didn’t find a way to do it. I’m kind of a Jill-of-many-trades, master of none. Someone with more experience could probably do it though…

Dimbo The Blinky
Dimbo The Blinky's picture
Offline
Last seen: 2 months 2 weeks ago
Joined: 11/27/2012 - 09:46
Posts: 1624
Location: The Indigo State, USA, Earth

I’d wager (no, that’s illegal here) that “master of none” is just demure and self-deprecatory. Very funny. It looks to me, you could teach millions of “script kiddies” more than just a thing or two!

And I still can’t get over how much more I like this new look now, than I did just a few minutes ago!

BeerThumbs UpGradPartyLove

“There is no darkness but ignorance.”

Threadneedle
Threadneedle's picture
Offline
Last seen: 12 hours 22 min ago
Joined: 01/19/2016 - 17:19
Posts: 424
Location: London, UK

Damn, bro, this is awesome. Thank you!

hank
hank's picture
Offline
Last seen: 1 week 6 days ago
Joined: 09/04/2011 - 21:52
Posts: 7363
Location: California

Thank you thank you thank you for the killfile feature.

I was so comfortable with Usenet, where I could simply choose never to see any particular userid’s writing, or any particular thread or subthread — just killfile them and never see them until I got curious again.

It made going online to accomplish anything really …. restful. If someone’s posts drove me crazy and I just had to hammer them — instead, I could do something more mature, and choose not to see what I couldn’t read with equanimity.

It’s a gift. Many thanks.

No offense to anyone to whom I seem to quit replying, if you imagine I killfiled you, it’s not about you — it’s about my peace of mind.
I’ve always — I hope, close anyhow — backed away rather than reply to anything that riled me up.
It’s how the rules here tell me to work with the site, and I really respect that.

Killfile helps me do that, automagically.

I want to use BLF in a way that keeps me peaceful. I can do that, if I work a bit at it.

DB Custom
DB Custom's picture
Offline
Last seen: 7 hours 58 min ago
Joined: 01/13/2013 - 22:28
Posts: 18015
Location: Heart of Texas

Some of the links and quoted lines in the signature are in blue and very very small. My old eyes and bifocals have trouble distinguishing those, including your repository TK. I think it’s a combination of the shade of blue and the small size. prollyjustme

Dale

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

DB Custom wrote:
Some of the links and quoted lines in the signature are in blue and very very small. My old eyes and bifocals have trouble distinguishing those, including your repository TK. I think it’s a combination of the shade of blue and the small size. prollyjustme

At least they turn white if you hover. Smile

I also tried to make them more visible by giving links a black dropshadow, but it’s still a bit odd with blue. Human eyes have difficulty focusing on pure blue light.

How do you want it to look instead of the current appearance?

Also, as a side note, you don’t have to use the “after dark” theme in order to get the blacklist function. But if you do want to keep the “after dark” part, the code is all editable. Look for this part, and uncomment/edit the second line:

    /* Make hyperlinks brighter, for DanielM */
    /* color: #0094d9 !important; */

Additionally, to make signatures bigger, look for this part and change the font size:

/* signature at the end of each post */
div.clear {
    /* display: none; */ /* in case you want no signatures at all */
    margin: 6px 0 0 0 !important;
    padding: 0 !important; 
    font-size: 80%;  /* make the text smaller by default */
    ...
Dimbo The Blinky
Dimbo The Blinky's picture
Offline
Last seen: 2 months 2 weeks ago
Joined: 11/27/2012 - 09:46
Posts: 1624
Location: The Indigo State, USA, Earth

Just IMNERHO, but I absolutely LOVE the way hyperlinks work in this theme!! On my system, they change to White & quickly-but-gradually increase in apparent brightness, just like the CFLs I used to appreciate.

Just one of many wonderful features!!

I don’t even mind that the Search Results pages look really weird.

“There is no darkness but ignorance.”

DB Custom
DB Custom's picture
Offline
Last seen: 7 hours 58 min ago
Joined: 01/13/2013 - 22:28
Posts: 18015
Location: Heart of Texas

I guess my blue rods have been turned into red rods by my hot rods. Silly

Dale

ToyKeeper
ToyKeeper's picture
Offline
Last seen: 29 min 48 sec ago
Joined: 01/12/2013 - 14:40
Posts: 7691
Location: (469219) 2016 HO3

I updated the main theme file just now, with one tiny change:

  • Styled the new “Rude!” button. (actually, all “flag” actions)

I’m not sure about styling the rudeness meter on the left yet… haven’t seen it with a non-zero number. Then again, I think the feature only landed like ten minutes ago.

sb56637
sb56637's picture
Offline
Last seen: 16 hours 9 min ago
Joined: 01/08/2010 - 09:29
Posts: 6190
Location: The Light

ToyKeeper wrote:
I updated the main theme file just now, with one tiny change:
  • Styled the new “Rude!” button. (actually, all “flag” actions)

I’m not sure about styling the rudeness meter on the left yet… haven’t seen it with a non-zero number. Then again, I think the feature only landed like ten minutes ago.

Wow, that was lightning fast! Thanks! (I gave you a quick rudeness point so you can test it with a non-zero number. Innocent )

Budget Light Forum ...where Frugal meets with Flashlight!

Pages