Questions tagged [stylish]

Stylish, Stylus, and similar are multi-browser extensions that allows you to customize web pages by injecting CSS styles.

Warning: Stylish has turned into malware!

Recommend you use one of the many alternate extensions, such as Stylus.


Stylus and Stylish (and others) are multi-browser extensions that customize the appearance of web-pages that you browse.

That is, they let you "Theme" or "Skin" pages you visit by allowing you to overwrite CSS styles. This is especially useful for fixing the horrible font-sizes and low contrast text that many sites inflict upon their users.

For ready-made scripts/themes, see userstyles.org.

Reference:

87 questions
1
vote
1 answer

Stylish style to float the table header after it's been scrolled on top

I'm trying to write myself a little Stylish style for one page, for easier reading. The page in question is https://satisfactory.fandom.com/wiki/Hard_Drive. What I want to achieve is to the top row of this table (with "alternate name", "product" and…
doobsky
  • 21
  • 3
1
vote
0 answers

typescript problem in implementing rtl support for material-ui with emotion

I am trying to implement rtl support in a project using material-ui, as described here. my problem is in stage 4.1. I am trying to create a new cache instance that uses the stylis-plugin-rtl. the example povided in the documentation is in javascript…
e.a.
  • 919
  • 4
  • 9
1
vote
1 answer

How can I exclude two terms from regex in userContent.css?

I'm trying to modify certain aspects of the CSS code for my Google search results page. I'm doing this by editing my userContent.css file in Firefox. I'm trying to modify the main results page (https://www.google.co.uk/search?q=SSD). But not on the…
NoExpert
  • 376
  • 1
  • 2
  • 11
1
vote
4 answers

Script to remove part of img href on a site

I fired up a game guide on PrimaGames.com. The text is all fine but the images have busted src. Here's an example:
1
vote
2 answers

How to tell a URL contains a specific word and a number higher than one, but it's not at the beginning

Sorry for the disastrous title, it's hard to concisely phrase what I need. I'm writing a userscript. I want the userscript to only apply to specific parts of a website, but the part I want isn't at the beginning of the URL so I can't do URL starts…
Antimoany
  • 75
  • 1
  • 9
1
vote
1 answer

Firefox's scrollbar is practically invisible - how to change

how to edit Firefox 'basic page style' for all sites with a Stylish script to set scrollbar to a higher contrast color. I can't see the thing its terrible. is there any other way to do this?
1
vote
1 answer

How to remove focus rings from Firefox, what is the correct selector for the main window?

EDIT: The focus rings are caused by the Grab And Drag plugin. See my answer below for the fix. Whenever I click on any part of a web pages' body, Firefox (Pale Moon 27.2.1) puts focus rings around the perimeter of the browser window (see…
Jeff
  • 5,962
  • 16
  • 49
  • 81
1
vote
0 answers

Modifying to a style to include all websites except google docs (Stylish)

I'm modifying a style called Midnight Surfing - Global Dark Style with the Firefox plugin Stylish. I'm trying to use it's existing rule types but exclude google docs because it makes it unreadable. I like how they have it setup to not modify the…
BarretV
  • 1,197
  • 7
  • 17
1
vote
1 answer

Google Chrome: use 1 font for every website

I am using Chrome for a very long time now and I happy with it. Unfortunatly they discontinued the DirectWrite option. This is hell for people that aren't using Clear type fonts. Most fonts are messy now. I want a Stylish sheet that replaces all…
WJ496582
  • 921
  • 1
  • 8
  • 10
1
vote
1 answer

How to automatically create on-hover permalinks to headers with ids?

When you browse site like http://github.com and http://readthedocs.org, the documents hosted there have the nice property that headers of paragraphs reveal a small permalink icon on hovering. Unfortunately, though many other sites do have ids in…
Tobias Kienzler
  • 25,759
  • 22
  • 127
  • 221
1
vote
1 answer

trying to alter a sites color with Stylish but some elements refuse to change

the element that won't change is in this page (http://www.animefansftw.org/community/threads/fate-kaleid-liner-prisma%E2%98%86illya-3rei.641/add-reply) the code that doesn't seem to take effect is body[style="overflow-y: hidden; min-height: 259px;…
1
vote
1 answer

CSS/Stylish gives HTTP/HTTPS error in background: url()?

I got this error: The page at 'https://www.google.com/' was loaded over HTTPS, but requested an insecure image 'http://i.imgur.com/#####.png'. This content should also be served over HTTPS. How can I fix this? My Stylish code: #hplogo { /*…
1
vote
1 answer

Load custom CSS from local file through Stylish CSS?

I am making a userscript and stylesheet for a website. Because I want to have both stylesheet and script on Git, I am trying to load them from filesystem, rather then storing them in browser profile. For Greasemonkey userscript, this was easy: //…
Tomáš Zato
  • 50,171
  • 52
  • 268
  • 778
1
vote
1 answer

Custom GMail CSS Prevents Click

I am using Stylish and the below CSS to customize the Multiple Inboxes Lab such that instead of the inboxes being in 1 vertical column, they are now in 2 columns with the first inbox taking over the top. The CSS does indeed work to give me the look…
Merlin -they-them-
  • 2,731
  • 3
  • 22
  • 39
1
vote
1 answer

Stylish CSS has no effect? CSS Order in Stylish?

This is the website's CSS: .bam_announcement { -moz-border-radius:5px;-webkit-border-radius:5px } And this is my Stylish CSS: .bam_announcement { -moz-border-radius:0px;-webkit-border-radius:0px } But the website is still using 5px.
Eren
  • 7
  • 3