writeas
/
chrome
mirror of https://github.com/writeas/paste-chrome
1
0
Fork 0
Code Issues 0 Releases 7 Activity
A Chrome extension for Write.as
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
2 Branches
430 KiB
 
 
 
Tree: f6f7a8dd54
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'f6f7a8dd54'
${ noResults }
chrome/popup.html

85 lines
2.2 KiB
Raw Blame History 

  1. <!doctype html>

  2. <html>

  3.   <head>

  4.     <title>Paste by Write.as</title>

  5.     <style>

  6.     body, input[type=submit], label[for=norm], textarea.norm {

  7.         font-family: Lora, serif;

  8.     }

  9.     #url, #result-holder, label[for=sans], textarea.sans {

  10.     	font-family: 'Open Sans', sans-serif;

  11.     }

  12.     body {

  13.         font-size: 100%;

  14.         padding: 0.5em;

  15.     }

  16.     textarea, textarea:focus {

  17. 		border: 1px solid #dfdfdf;

  18. 	}

  19. 	textarea, textarea:focus, input {

  20. 		outline: 0;

  21. 	}

  22. 	textarea {

  23. 		margin-bottom: 0.5em;

  24. 		width: 38em;

  25. 		height: 20em;

  26. 		padding: 1em;

  27. 		font-size: 1em;

  28. 		box-sizing: border-box;

  29. 		resize: none;

  30. 	}

  31. 	input {

  32. 		padding: 0.5em;

  33. 	}

  34. 	input[type=submit] {

  35. 	    border: 1px solid rgb(114, 120, 191);

  36. 	    background: rgb(114, 120, 191);

  37. 	    color: white;

  38. 	    text-align: right;

  39. 	    margin-left: 0.5em;

  40. 	}

  41. 	input[type=submit].disabled {

  42. 		background: #ddd;

  43. 		color: #999;

  44. 		border-color: #eee;

  45. 	}

  46. 	#publish-holder, #result-holder {

  47. 		text-align: right;

  48. 	}

  49. 	#result-holder {

  50. 		display: none;

  51. 	}

  52. 	#url {

  53. 		width: 18em;

  54. 		margin-right: 0.5em;

  55. 	}

  56. 	label[for=mono], label[for=code], textarea.mono, textarea.code {

  57. 		font-family: monospace, monospace;

  58. 		font-size: 1em;

  59. 	}

  60.     </style>

  61. 

  62.     <script src="popup.js"></script>

  63.   </head>

  64.   <body>

  65.     <form name="postForm" method="post">

  66.       <textarea id="content" placeholder="Paste..."></textarea>

  67.       <div id="result-holder">

  68.         <input id="url" type="url" readonly />

  69.         <a id="url-link" target="_blank">Open</a>

  70.       </div>

  71.       <div id="publish-holder">

  72.         <input type="radio" name="font" value="mono" id="mono" checked="checked" /><label for="mono"> Monospace</label>

  73.         <input type="radio" name="font" value="code" id="code" /><label for="code"> Code</label>

  74.         <input type="radio" name="font" value="sans" id="sans" /><label for="sans"> Sans</label>

  75.         <input type="radio" name="font" value="norm" id="norm" /><label for="norm"> Serif</label>

  76.         <input id="publish" type="submit" value="Publish" />

  77.       </div>

  78.     </form>

  79.     

  80.     <link href='https://fonts.googleapis.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'>

  81.     <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>

  82.   </body>

  83. </html>