Black background and white text for all webpages

Discussion in 'Custom Filters' started by mysteriously, Sep 3, 2014.

  1. mysteriously

    mysteriously Beta Tester & Translator

    Joined:
    May 4, 2014
    Messages:
    508
    buuuuuuu190's custom filters help

    Hello

    If the rule
    Code:
    google.pl#$#body { background-color: #000000!important; }
    works for google.pl then why
    Code:
    *.*#$#body { background-color: #000000!important; }
    doesn't work at all? Is it possible to make black background and white text for all webpages?
     
    Last edited by a moderator: Dec 10, 2014
  2. avatar

    avatar Administrator Staff Member Administrator

    Joined:
    Oct 26, 2010
    Messages:
    12,895
    You should specify valid domain names or do not specify them at all if you want the rule to work everywhere.

    This rule is for all websites:
    Code:
    #$#body { background-color: #000000!important; }
    
     
  3. mysteriously

    mysteriously Beta Tester & Translator

    Joined:
    May 4, 2014
    Messages:
    508
    Ah ok. What about rule for text color white? Which one is the most universal: color, text color or something else?
    Yes, I know it all depends of site construction
     
  4. avatar

    avatar Administrator Staff Member Administrator

    Joined:
    Oct 26, 2010
    Messages:
    12,895
    Mostly it is "color".
     
  5. mysteriously

    mysteriously Beta Tester & Translator

    Joined:
    May 4, 2014
    Messages:
    508
    1)
    <div
    id="mess001" class="mChatBG2 mChatHover">
    <div id="mess002" class="mChatBG2 mChatHover">
    How to apply
    { background-image: background-color: #000000!important; color: #FFFFFF!important; }
    if div id is variable?

    I know it's not the most handy way to change website look. I'm learning some HTML, CSS is next step in course. BTW: The site I'm modifying is build by tables, it's nightmare ;)

    2) I visit site forums.example.com. It has .gif images build in on website. Without them site is broken. Forum users often posts .gif from many external sites like abc.com, def.com etc. I don't want to see those.

    Is it possible to create rule which would:
    * work only if I'm on website forums.example.com
    * block all .gif posted on forums.example.com which source don't match forums.example.com?
     
    Last edited by a moderator: Sep 29, 2014
  6. avatar

    avatar Administrator Staff Member Administrator

    Joined:
    Oct 26, 2010
    Messages:
    12,895
    1) You can try something like this:

    Code:
    #$#div[id*="mess"] { background-image: background-color: #000000!important; color: #FFFFFF!important; }
    
    2) Add two rules:

    Code:
    .gif$domain=forums.example.com
    @@||forums.example.com/*.gif
    
    First will block all "gif" requests originated from forums.example.com
    Second will unblock all gifs hosted on forums.example.com
     
  7. mysteriously

    mysteriously Beta Tester & Translator

    Joined:
    May 4, 2014
    Messages:
    508
    Wow, you're genius :) I've made a mistake with 'background-image' in 1) so this works:
    Code:
    #$#div[id*="mess"] { background-color: #000000!important; color: #FFFFFF!important; }
    2) works too

    Thank you!
     
    Last edited by a moderator: Oct 2, 2014
  8. mysteriously

    mysteriously Beta Tester & Translator

    Joined:
    May 4, 2014
    Messages:
    508
    This does not work like it used to do in v5. Gifs from the example domain are blocked. Also forum is example.com/forum.
     
    Last edited by a moderator: Jan 9, 2016
  9. avatar

    avatar Administrator Staff Member Administrator

    Joined:
    Oct 26, 2010
    Messages:
    12,895
    Could you please post the rules and blocked links?