Notice: To Install styles, click the "Show Css Code" button first. The install button will work after that.
The devs are no longer actively involved in the forum, so any bug reports regarding the extension or website should be sent to them directly at contact@userstyles.org.

Block the Animation on userstyles.org?

If I try to search userstyles.org, and mouse over a style, the style moves, and this hurts. Is there a way to keep the styles from moving?

Comments

  • P.S. I added domain("userstyles.org") to my transition blocker; it seems to work.

    @-moz-document domain("domain.name"), domain("domain.name"), domain("domain.name"), domain("domain.name"), domain("domain.name"), domain("userstyles.org") {

    * { transform: none!important; animation: none!important; transition: none!important; }

    }
  • It doesn't block the slide-punch. Unfortunately, blocking javascript blocks the whole site.
  • Sorry, but what do you mean by this:
    Marja E said:

    It doesn't block the slide-punch.

  • Just get rid of the whole container. It always displays the same styles anyway.

    #wrapper-carousel, #ovals-wrapper { display:none !important; }
    
  • Thanks!
  • edited July 2018 Firefox
    *, *:before, *:after {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    }
    

    but break Google images info preview - Google use transform to position elements on website in "pop-up".

Sign In or Register to comment.