Does work in Chrome

About: Gmail Nyan Cat Progressbar Good rating
edited April 2012 in Style Reviews
Not sure it was intended to, but it doesn't. That makes me sad.

Comments

  • edited April 2012

    It made me mad :-/ #-o :-?? ~X( :O X_X 8-}

    I had to add -webkit-background-size property but the cat looks tighten at the beginning
    (see attachments).

    In Safari (with Sobolev's Stylish), I had to join data:URI image into one line or the background
    images won't show up. Don't know if it's Sobolev's fault or Apple's.

    Style updated with all the above issues. It still looks good on Gecko.

    324 x 25 - 1K
    323 x 25 - 2K
  • Works now. Now I just need a slower computer so I can watch it longer.
  • Hey, Lou, pretty cool, can you make a progress bar like that for S4E? :)

    https://addons.mozilla.org/en-US/firefox/addon/status-4-evar/

  • edited April 2012

    Now I just need a slower computer so I can watch it longer.
    or slow internet connection. Try watching some porns online while loading Gmail.
    can you make a progress bar like that for S4E? :)
    You need longer Nyan Cat for progressbar on location bar, though.
    image
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

    #urlbar-progress-alt, #urlbar-progress-alt > .progress-bar,
    #status4evar-progress-bar, #status4evar-progress-bar > .progress-bar {
    -moz-appearance: none !important;
    }

    #status4evar-progress-bar, #urlbar-progress-alt {
    background: #036 url("data:image/gif;base64,\
    R0lGODlhQgEXAIAAAAAzZv///ywAAAAAQgEXAEAChoSPqcvtD6OctNqLs9680+CF4kh+5Ymm6sq2\
    7gvH8grO9o3nW633/k/iuYTAovGITCqXzKbzmSMWpdAqkirCWrfcrvcLDovH5Ji2fDmj1+y2+w2P\
    Y9Tyun0WAOXvVz5ED0XnN9iHAkiImKi4yNjouCT4KNm4Z1A5iZkJEKk5BcTZGSo6+lQAADs=")
    !important;
    }

    #urlbar-progress-alt > .progress-bar,
    #status4evar-progress-bar > .progress-bar {
    background: transparent url("data:image/gif;base64,\
    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\
    ADs=") right center no-repeat !important;
    }

    #status4evar-progress-bar { background-size: 145px 11px !important; }
    #status4evar-progress-bar > .progress-bar { background-size: 168px 11px !important; }
    880 x 26 - 2K
  • edited April 2012
    LOL! Thanks, Lou! That is way cool! :D

    Impressive!
    510 x 507 - 71K
    754 x 25 - 17K
Sign In or Register to comment.