This will make facebook like on paper!

as said!

by nikita_turing

HTML

<p>Wenn der Text beim Klick auf "Invert" schwarzweiß wird, unterstützt der Browser -webkit-filter!</p>

<button id='but_1'  onclick="javascript: in_head();">Invert</button>

<br/>
<a class="userContent" style="color:red" href="javascript:(function(){{var css="@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville);"+"html {"+'-webkit-filter: grayscale(100%);'+"filter: url('http://labs.voronianski.com/css3-grayscale/grayscale.svg#greyscale');"+'}'+"body {"+"font-family: 'Libre Baskerville', serif;"+"}"+".userContent {"+"font-size: 17px;"+"}";head=document.getElementsByTagName('head')[0],style=document.createElement('style');if(!window.counter){window.counter=1;}else{window.counter++;if(window.counter%2==0){var css='html {-webkit-filter:  grayscale(0%);}'}};style.type='text/css';if(style.styleSheet){style.styleSheet.cssText=css;}else{style.appendChild(document.createTextNode(css));}head.appendChild(style);}})();">Bookmarklet</a>

CSS

/*@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);

body{ font-family: 'Libre Baskerville', arial, serif; font-size:24pt;}*/

JavaScript

function in_head () { 
    var css = "@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville);"+
    "html {"+
        '-webkit-filter: grayscale(100%);' +
        "filter: url('http://labs.voronianski.com/css3-grayscale/grayscale.svg#greyscale');"+
    '}'+
 
      "body {"+
    "font-family: 'Libre Baskerville', serif;" +
     "}"+
 
      ".userContent {"+
      "font-size: 17px;"+
       "}";
 
        
    head = document.getElementsByTagName('head')[0],
    style = document.createElement('style');
    
if (!window.counter) { window.counter = 1;} else  { window.counter ++;
if (window.counter % 2 == 0) { var css ='html {-webkit-filter:  grayscale(0%);}'}
 };

style.type = 'text/css';
    
   if (style.styleSheet){
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

head.appendChild(style);

 }