Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Editor Bookmarklet

By: a guest on Jan 30th, 2013  |  syntax: None  |  size: 1.65 KB  |  views: 3,832  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. data:text/html;charset=utf-8, <title>TextEditor</title>
  2.        
  3. <style>
  4. body {
  5.         background: -webkit-linear-gradient(#f0f0f0, #fff);
  6.         padding: 3%;
  7.         height: 94%;
  8.        
  9. }
  10.  
  11. .paper {
  12.         font: normal 12px/1.5 "Lucida Grande", arial, sans-serif;
  13.         width: 50%;
  14.         height: 80%;
  15.         margin: 0 auto;
  16.         padding: 6px 5px 4px 42px;
  17.         position: relative;
  18.         color: #444;
  19.         line-height: 20px;
  20.         border: 1px solid #d2d2d2;
  21.         background: #fff;
  22.         background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
  23.         background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  24.         background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  25.         background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  26.         background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  27.         background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  28.         -webkit-background-size: 100% 20px;
  29.         -moz-background-size: 100% 20px;
  30.         -ms-background-size: 100% 20px;
  31.         -o-background-size: 100% 20px;
  32.         background-size: 100% 20px;
  33.         -webkit-border-radius: 3px;
  34.         -moz-border-radius: 3px;
  35.         border-radius: 3px;
  36.         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  37.         -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  38.         box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  39. }
  40.  
  41. .paper::before {
  42.         content: '';
  43.         position: absolute;
  44.         width: 4px;
  45.         top: 0;
  46.         left: 30px;
  47.         bottom: 0;
  48.         border: 1px solid;
  49.         border-color: transparent #efe4e4;
  50. }
  51.  
  52. textarea {
  53.         display: block;
  54.         width:94%;
  55.         margin:0 auto;
  56.         padding:3.8% 3%;
  57.         border: none;
  58.         outline: none;
  59.         height: 94%;
  60.         background: transparent;
  61.         line-height: 20px;
  62. }"><h1>Text Editor</h1>
  63. </style>
  64.  
  65. <body contenteditable spellcheck="false" class="paper" >