GreaseMandrill Demo

Style Selection

CSS Sample

@import "imported.css"; /* <- hover there */

* html .foo #bar:first-child[baz^="qux"] {
    background: rgba(150, 120, 30, 0.5) url(http://example.com/broken.jpg) -2px 4px no-repeat;
    /* hover there ⇓       ⇑        ⇓                  ⇑                                       */
    background: #abcdef url(/imgs/share/verlauf.png);
    font-family: 'Times New Roman', 'Example', sans-serif !important;

    -moz-border-radius: 2px;

    *right: 'wrong;
}

/* press G to toggle GreaseMandrill */
/* press W to toggle word wrap (if necessary, resize your browser window to see the effect) */

JavaScript Sample

var foo = 2.0 + /\d+/.exec(bar)[0];
var text = 'string' + "another string";
var string = new String();
if (typeof foo == true) document.body.replaceChild(baz, qux);
jQuery.extend(false, something);

export == reservedword;

right != 'wrong"

/* press G to toggle GreaseMandrill */
/* press W to toggle word wrap (if necessary, resize your browser window to see the effect) */