Guest User

Editor Bookmarklet

a guest
Jan 30th, 2013
5,811
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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" >
RAW Paste Data