Sane fonts userstyle for Stylem, and a query

Add-ons for Pale Moon and other applications
General discussion, compatibility, contributed extensions, themes, plugins, and more.

Moderators: Lootyhoof, FranklinDM

User avatar
moonbat
Knows the dark side
Knows the dark side
Posts: 5113
Joined: 2015-12-09, 15:45
Contact:

Sane fonts userstyle for Stylem, and a query

Unread post by moonbat » 2024-05-06, 02:10

I hate the gigantic fonts and acres of whitespace on most modern websites, and so have made a catch-all userstyle for use with Stylem. However I'm unable to get it to work with Takimag.com (sample link). Also, is there a way to fix sites where the content shows up as a column in the center (obviously designed for mobile phones in portrait mode only :coffee: ) so that it stretches horizontally?
"One hosts to look them up, one DNS to find them and in the darkness BIND them."

Image
Linux Mint 21 Xfce x64 on HP i5-5200 laptop, 12 GB RAM.
AutoPageColor|PermissionsPlus|PMPlayer|Pure URL|RecordRewind|TextFX

User avatar
adoxa
Fanatic
Fanatic
Posts: 219
Joined: 2019-03-16, 13:26
Location: Qld, Aus.
Contact:

Re: Sane fonts userstyle for Stylem, and a query

Unread post by adoxa » 2024-05-06, 07:42

Add !important seems to work.

Code: Select all

  html, body, div, p, #content {
    font-size: 14px !important;

User avatar
moonbat
Knows the dark side
Knows the dark side
Posts: 5113
Joined: 2015-12-09, 15:45
Contact:

Re: Sane fonts userstyle for Stylem, and a query

Unread post by moonbat » 2024-05-06, 08:30

Doesn't work for Takimag :thumbdown:
"One hosts to look them up, one DNS to find them and in the darkness BIND them."

Image
Linux Mint 21 Xfce x64 on HP i5-5200 laptop, 12 GB RAM.
AutoPageColor|PermissionsPlus|PMPlayer|Pure URL|RecordRewind|TextFX

User avatar
adoxa
Fanatic
Fanatic
Posts: 219
Joined: 2019-03-16, 13:26
Location: Qld, Aus.
Contact:

Re: Sane fonts userstyle for Stylem, and a query

Unread post by adoxa » 2024-05-06, 09:37

Attached is the "before" image (without your styles), then the "after" image (with your styles + !important; Basilisk, Stylish 2.0.7).
Attachments
before.png
after.png

User avatar
suzyne
Lunatic
Lunatic
Posts: 465
Joined: 2023-06-28, 22:43
Location: Australia

Re: Sane fonts userstyle for Stylem, and a query

Unread post by suzyne » 2024-05-06, 10:18

is the problem also related to all this empty space?

Image
Laptop 1: Windows 10 64-bit, i7 @ 2.80GHz, 16GB, NVIDIA GeForce MX450.
Laptop 2: Windows 10 32-bit, Atom Z3735F @ 1.33GHz, 2GB, Intel HD Graphics.

User avatar
moonbat
Knows the dark side
Knows the dark side
Posts: 5113
Joined: 2015-12-09, 15:45
Contact:

Re: Sane fonts userstyle for Stylem, and a query

Unread post by moonbat » 2024-05-07, 00:29

adoxa wrote:
2024-05-06, 09:37
Attached is the "before" image (without your styles), then the "after" image (with your styles + !important; Basilisk, Stylish 2.0.7).
Did you add !important; to all the styles in the sheet? I tried it for the classes I found on the page that are applied to paragraph text:

Code: Select all

div[id="post"] {
		font-size: 14px; !important;
		line-height: 11pt;
	}
	section[class ="main-sec article"] {
		font-size:1.0rem; !important;
	}
suzyne wrote:
2024-05-06, 10:18
is the problem also related to all this empty space?
That too, I hate sites that waste horizontal space because they were only designed for portrait mode mobile screens, but I don't know enough CSS to fix it :(
"One hosts to look them up, one DNS to find them and in the darkness BIND them."

Image
Linux Mint 21 Xfce x64 on HP i5-5200 laptop, 12 GB RAM.
AutoPageColor|PermissionsPlus|PMPlayer|Pure URL|RecordRewind|TextFX

User avatar
adoxa
Fanatic
Fanatic
Posts: 219
Joined: 2019-03-16, 13:26
Location: Qld, Aus.
Contact:

Re: Sane fonts userstyle for Stylem, and a query

Unread post by adoxa » 2024-05-07, 01:12

moonbat wrote:
2024-05-07, 00:29
Did you add !important; to all the styles in the sheet?
No, just the first one.
Sane fonts.png
Sane fonts.png (10.61 KiB) Viewed 999 times

As for the horizontal space for this particular site:

Code: Select all

.col-md-8 {
  flex-basis: 80%;
  max-width: 80%;
}
(I found 100% too wide.)

BobbyP
Apollo supporter
Apollo supporter
Posts: 44
Joined: 2014-10-14, 22:07
Location: Planet Claire

Re: Sane fonts userstyle for Stylem, and a query

Unread post by BobbyP » 2024-06-06, 20:02

moonbat wrote: ... That too, I hate sites that waste horizontal space because they were only designed for portrait mode mobile screens ...
You might try HackTheWeb (HtW) for quick clean-up in these situations and many others. It is an abandoned update of the more ancient extension "Aardvark", and they have been indispensable for sane web-surfing here (along with blockers, and NoSquint) for many, many years. Just a few clicks cleans up much of this type of annoyance. Combine it with NoSquint!
HtW_InAction-NoSquint_fullpage_Cropped.png
Some pages can take a few tries to figure out what works, but it's quick to get the hang of it. It won't work on some sites/pages, and blocking may interfere with its operation occasionally too. Perhaps this is due to page construction/CSS/scripting, which is beyond me. In the past it could also export/save the cleanup to Stylish, which was great!

I believe that the latest version is 1.3.21 and is available via the Classic Add-Ons Archive, or I can upload it.

Just a thought, as it has enhanced surfing sanity multiple times a day for all these years, and "I wouldn't leave home without out it"... :) Of course, auto-magically would be even better.

User avatar
moonbat
Knows the dark side
Knows the dark side
Posts: 5113
Joined: 2015-12-09, 15:45
Contact:

Re: Sane fonts userstyle for Stylem, and a query

Unread post by moonbat » 2024-06-06, 23:43

Ah, I forgot about HtW. These tools tend to be hit and miss now on the modern framework bloated web that uses Javascript to generate everything. For that matter I have a work in progress fork of the old Platypus toolbar extension that could generate Greasemonkey scripts from whatever page editing one did!
"One hosts to look them up, one DNS to find them and in the darkness BIND them."

Image
Linux Mint 21 Xfce x64 on HP i5-5200 laptop, 12 GB RAM.
AutoPageColor|PermissionsPlus|PMPlayer|Pure URL|RecordRewind|TextFX

User avatar
suzyne
Lunatic
Lunatic
Posts: 465
Joined: 2023-06-28, 22:43
Location: Australia

Re: Sane fonts userstyle for Stylem, and a query

Unread post by suzyne » 2024-06-06, 23:59

Another way to approach this sort of problem, which works for a lot of sites (and is helpful for https://www.takimag.com/article/oh-the-indignity/) is to simply throwaway all the styles by using the Reader View add-on.

https://addons.palemoon.org/addon/readerview/

It either works well, or doesn't(!) and since I am not currently interested in spending time with more sophisticated ways of changing the styling of pages, is always worth a try when I am not happy with the readability of a site.
Laptop 1: Windows 10 64-bit, i7 @ 2.80GHz, 16GB, NVIDIA GeForce MX450.
Laptop 2: Windows 10 32-bit, Atom Z3735F @ 1.33GHz, 2GB, Intel HD Graphics.

User avatar
moonbat
Knows the dark side
Knows the dark side
Posts: 5113
Joined: 2015-12-09, 15:45
Contact:

Re: Sane fonts userstyle for Stylem, and a query

Unread post by moonbat » 2024-06-07, 00:59

I already have reader view, but it's hit and miss on most sites. I'd prefer seeing a site with smaller fonts.
"One hosts to look them up, one DNS to find them and in the darkness BIND them."

Image
Linux Mint 21 Xfce x64 on HP i5-5200 laptop, 12 GB RAM.
AutoPageColor|PermissionsPlus|PMPlayer|Pure URL|RecordRewind|TextFX

BobbyP
Apollo supporter
Apollo supporter
Posts: 44
Joined: 2014-10-14, 22:07
Location: Planet Claire

Re: Sane fonts userstyle for Stylem, and a query

Unread post by BobbyP » 2024-06-11, 18:14

moonbat wrote:
2024-06-06, 23:43
Ah, I forgot about HtW. These tools tend to be hit and miss now on the modern framework bloated web that uses Javascript to generate everything....
Yes, it is hit-or-miss, but at least here, in my surfing universe, it works far more than it fails, so far.

Any chance anyone would be up for getting HtW to once again be able to export user re-configured pages to Stylish, so that the site-specific clean-up would be retained and automatically applicable in future visits? That, along with NoSquint, would be great.

Your work-in-progress sounds very interesting, though Greasemonkey may unfortunately be beyond my abilities, unless of course it is automagically performed.

Remember RIP (Remove It Permanently)?'
Great suggestion to have on hand! Text-to-speech in PM even though it says not. So this is communicating when, what, and with whom?

User avatar
suzyne
Lunatic
Lunatic
Posts: 465
Joined: 2023-06-28, 22:43
Location: Australia

Re: Sane fonts userstyle for Stylem, and a query

Unread post by suzyne » 2024-06-11, 22:57

BobbyP wrote:
2024-06-11, 18:14
Text-to-speech in PM even though it says not.
I have tried the Narrate icon on a few different sites, and it never works for me?

Image
Laptop 1: Windows 10 64-bit, i7 @ 2.80GHz, 16GB, NVIDIA GeForce MX450.
Laptop 2: Windows 10 32-bit, Atom Z3735F @ 1.33GHz, 2GB, Intel HD Graphics.

User avatar
moonbat
Knows the dark side
Knows the dark side
Posts: 5113
Joined: 2015-12-09, 15:45
Contact:

Re: Sane fonts userstyle for Stylem, and a query

Unread post by moonbat » 2024-06-11, 23:18

BobbyP wrote:
2024-06-11, 18:14
unless of course it is automagically performed.
Yes, that's how the original extension worked. Make whatever edits you want to a page using the toolbar (change fonts/css, remove elements, expand/shrink elements etc) and save the result as a GM script.
"One hosts to look them up, one DNS to find them and in the darkness BIND them."

Image
Linux Mint 21 Xfce x64 on HP i5-5200 laptop, 12 GB RAM.
AutoPageColor|PermissionsPlus|PMPlayer|Pure URL|RecordRewind|TextFX

Post Reply