Skip to content

Instantly share code, notes, and snippets.

@timrwood
Created December 3, 2014 18:34
Show Gist options
  • Save timrwood/634033f20b5084bec18c to your computer and use it in GitHub Desktop.
Save timrwood/634033f20b5084bec18c to your computer and use it in GitHub Desktop.
* { outline: 1px solid red; }
*:before { outline: 1px dotted #800000; }
*:after { outline: 1px dashed #ff8080; }
* * { outline: 1px solid #ff4d00; }
* *:before { outline: 1px dotted #802600; }
* *:after { outline: 1px dashed #ffa680; }
* * * { outline: 1px solid #ff9900; }
* * *:before { outline: 1px dotted #804d00; }
* * *:after { outline: 1px dashed #ffcc80; }
* * * * { outline: 1px solid #ffe500; }
* * * *:before { outline: 1px dotted #807300; }
* * * *:after { outline: 1px dashed #fff280; }
* * * * * { outline: 1px solid #ccff00; }
* * * * *:before { outline: 1px dotted #668000; }
* * * * *:after { outline: 1px dashed #e5ff80; }
* * * * * * { outline: 1px solid #80ff00; }
* * * * * *:before { outline: 1px dotted #408000; }
* * * * * *:after { outline: 1px dashed #bfff80; }
* * * * * * * { outline: 1px solid #33ff00; }
* * * * * * *:before { outline: 1px dotted #198000; }
* * * * * * *:after { outline: 1px dashed #99ff80; }
* * * * * * * * { outline: 1px solid #00ff19; }
* * * * * * * *:before { outline: 1px dotted #00800d; }
* * * * * * * *:after { outline: 1px dashed #80ff8c; }
* * * * * * * * * { outline: 1px solid #00ff66; }
* * * * * * * * *:before { outline: 1px dotted #008033; }
* * * * * * * * *:after { outline: 1px dashed #80ffb3; }
* * * * * * * * * * { outline: 1px solid #00ffb3; }
* * * * * * * * * *:before { outline: 1px dotted #008059; }
* * * * * * * * * *:after { outline: 1px dashed #80ffd9; }
* * * * * * * * * * * { outline: 1px solid #00ffff; }
* * * * * * * * * * *:before { outline: 1px dotted #007f80; }
* * * * * * * * * * *:after { outline: 1px dashed #80ffff; }
* * * * * * * * * * * * { outline: 1px solid #00b2ff; }
* * * * * * * * * * * *:before { outline: 1px dotted #005980; }
* * * * * * * * * * * *:after { outline: 1px dashed #80d9ff; }
* * * * * * * * * * * * * { outline: 1px solid #0066ff; }
* * * * * * * * * * * * *:before { outline: 1px dotted #003380; }
* * * * * * * * * * * * *:after { outline: 1px dashed #80b3ff; }
* * * * * * * * * * * * * * { outline: 1px solid #0019ff; }
* * * * * * * * * * * * * *:before { outline: 1px dotted #000d80; }
* * * * * * * * * * * * * *:after { outline: 1px dashed #808cff; }
* * * * * * * * * * * * * * * { outline: 1px solid #3300ff; }
* * * * * * * * * * * * * * *:before { outline: 1px dotted #190080; }
* * * * * * * * * * * * * * *:after { outline: 1px dashed #9980ff; }
* * * * * * * * * * * * * * * * { outline: 1px solid #7f00ff; }
* * * * * * * * * * * * * * * *:before { outline: 1px dotted #400080; }
* * * * * * * * * * * * * * * *:after { outline: 1px dashed #bf80ff; }
* * * * * * * * * * * * * * * * * { outline: 1px solid #cc00ff; }
* * * * * * * * * * * * * * * * *:before { outline: 1px dotted #660080; }
* * * * * * * * * * * * * * * * *:after { outline: 1px dashed #e580ff; }
* * * * * * * * * * * * * * * * * * { outline: 1px solid #ff00e6; }
* * * * * * * * * * * * * * * * * *:before { outline: 1px dotted #800073; }
* * * * * * * * * * * * * * * * * *:after { outline: 1px dashed #ff80f2; }
* * * * * * * * * * * * * * * * * * * { outline: 1px solid #ff0099; }
* * * * * * * * * * * * * * * * * * *:before { outline: 1px dotted #80004c; }
* * * * * * * * * * * * * * * * * * *:after { outline: 1px dashed #ff80cc; }
* * * * * * * * * * * * * * * * * * * * { outline: 1px solid #ff004c; }
* * * * * * * * * * * * * * * * * * * *:before { outline: 1px dotted #800026; }
* * * * * * * * * * * * * * * * * * * *:after { outline: 1px dashed #ff80a6; }
@timrwood
Copy link
Author

timrwood commented Dec 3, 2014

Save this as a bookmarklet to toggle styles on and off.

javascript:(function(){var found=false;var link='https://cdn.rawgit.com/timrwood/634033f20b5084bec18c/raw/936b358ca06f78698bfc55f7f230630b9cc5aee0/css.css';var links=document.querySelectorAll('link[rel="stylesheet"], link[href*="css"]');for(var i=0;i<links.length;i++){if(links[i].href.indexOf(link)>-1){found=true;if(links[i].parentElement){links[i].parentElement.removeChild(links[i]);}}}if (!found) {var el=document.createElement('link');el.rel="stylesheet";el.href=link;links[0].parentElement.appendChild(el);}})();

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment