stylish

Exclude subfolders of a website in Stylish?

天涯浪子 提交于 2021-01-28 04:36:38
问题 Is there a way to exclude subfolders of a website using Stylish? @-moz-document domain("www.website.com") { } Will affect all pages of website.com. The problem is, this website also hosts a wiki ( www.website.com/wiki/* ), which has an entirely different style. Some of the Stylish CSS affects this wiki as well, which I want to avoid. Is there any way to do this? I've read: Disable stylish on certain sites in Firefox, but this is for a global style, which I don't have. I should say I don't

Can I use CSS “unicode-range” to specify a font across an entire (third party) page?

核能气质少年 提交于 2020-12-25 04:45:26
问题 I've never become fluent with CSS but I don't think I had this situation before. I'm thinking of using stylish to add CSS to a third-party site over which I have no direct control. So the HTML and CSS is not really set up for the kind of customizations I want to do. The site I wish to tweak doesn't allow good control over fonts but some of its pages (user created) make a lot of use of some exotic Unicode ranges (eg. Khmer) that my OS/browser combination choose a terrible font for: Can I make

replace image through css

走远了吗. 提交于 2020-01-02 04:20:40
问题 I'm writing code in Stylish, a firefox plugin, to change the image that is showing up. The image property doesn't have a div tag, so I have to use this: img[src*="s_dschjungelplanet"]{ ########## } So this will replace "s_dschjungelplanet" anywhere in the page, in a img src. So my main problem is that I'm not sure HOW to tell it to replace the src="xxx". Ta for replies 回答1: There is no easy way. I think you'd be better of with greasemonkey scripts, as with a simple such script you can change

How to replace @media (max-width) using Stylish or Greasemonkey?

断了今生、忘了曾经 提交于 2019-12-21 21:40:02
问题 I'm having a problem viewing this website on my desktop browser. They have a responsive/fluid design that shows a mobile menu button instead of a horizontal nav-bar when the browser width is less than 990px. Since I'm using Firefox with 125% zoom, my desktop browser is less than 990px effective width. I looked into the CSS code and found the line. How can I use Stylish, Greasemonkey, or some other way to automatically replace the max-width value of "990px" with "800px"? @media (max-width

How to view the source of currently displayed html page(dynamically) than the original page? [duplicate]

倾然丶 夕夏残阳落幕 提交于 2019-12-12 11:23:41
问题 This question already has answers here : Best Way to View Generated Source of Webpage? (16 answers) Closed 6 years ago . G'day everybody, As an avid firefox user, I use plugins like stylish and Greasemonkey to modify default styles of pages. However the view->page source option of the browser shows only the page in its original form and not the current form after it is manipulated by a script or a style. Is there any way i can view the source of a page based on what is displayed on the

how to override @media (max-width) using stylish

人走茶凉 提交于 2019-12-11 05:28:24
问题 Intro this is similar to this question but unfortunately the answer only applies to greasmonkey (which only works on firefox). Further, this was asked on the stylish forum but the answer was ambiguous. Question I want to remove the left column in the azure help page and expand the main body to make it cover the widht of the screen. The first part can easily be done by this #sidebarContent {display:none} How ever the second part must conver this media (max-width: 1199.99999px) to this media

How to override CSS Background that already has !important?

断了今生、忘了曾经 提交于 2019-12-10 13:27:16
问题 I am trying to override a website's background with Stylish but it isn't working. The background css for the website also has an !important, and it is overriding Stylish. My code: body { background-image: none !important; background: black !important; } 回答1: You'll need to be more specific (quick guide to CSS specificity), for instance, using the > selector: body { background-image: none !important; background: black !important; } html > body { background-image: none !important; background:

replace image through css

对着背影说爱祢 提交于 2019-12-05 08:11:27
I'm writing code in Stylish, a firefox plugin, to change the image that is showing up. The image property doesn't have a div tag, so I have to use this: img[src*="s_dschjungelplanet"]{ ########## } So this will replace "s_dschjungelplanet" anywhere in the page, in a img src. So my main problem is that I'm not sure HOW to tell it to replace the src="xxx". Ta for replies There is no easy way. I think you'd be better of with greasemonkey scripts, as with a simple such script you can change the url. As far as I know, you can not change the url with css only. This was the closest I was able to come

How to replace @media (max-width) using Stylish or Greasemonkey?

余生颓废 提交于 2019-12-04 16:11:59
I'm having a problem viewing this website on my desktop browser. They have a responsive/fluid design that shows a mobile menu button instead of a horizontal nav-bar when the browser width is less than 990px. Since I'm using Firefox with 125% zoom, my desktop browser is less than 990px effective width. I looked into the CSS code and found the line. How can I use Stylish, Greasemonkey, or some other way to automatically replace the max-width value of "990px" with "800px"? @media (max-width:990px) { ... } I'm using Firefox 23 on Windows 7. Edit: Based on comments so far, I need to replace their

Detect if an input has text in it using CSS — on a page I am visiting and do not control?

帅比萌擦擦* 提交于 2019-11-26 01:32:09
问题 Is there a way to detect whether or not an input has text in it via CSS? I\'ve tried using the :empty pseudo-class, and I\'ve tried using [value=\"\"] , neither of which worked. I can\'t seem to find a single solution to this. I imagine this must be possible, considering we have pseudo-classes for :checked , and :indeterminate , both of which are kind of similar thing. Please note: I\'m doing this for a \"Stylish\" style , which can\'t utilize JavaScript. Also note, that Stylish is used,