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.
35 Commits
2 Branches
430 KiB
 
 
 
Tree: 24afda61a7
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '24afda61a7'
${ noResults }
chrome/popup.html

115 lines
2.6 KiB
Raw Blame History 

  1. <!doctype html>

  2. <html>

  3.   <head>

  4.     <title>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. 		min-width: 38em;

  25. 		min-height: 20em;

  26. 		width: 100%;

  27. 		padding: 1em;

  28. 		font-size: 1em;

  29. 		box-sizing: border-box;

  30. 		resize: none;

  31. 	}

  32. 	input {

  33. 		padding: 0.5em;

  34. 	}

  35. 	input[type=submit] {

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

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

  38. 	    color: white;

  39. 	    text-align: right;

  40. 	    margin-left: 0.5em;

  41. 	}

  42. 	input[type=submit].disabled {

  43. 		background: #ddd;

  44. 		color: #999;

  45. 		border-color: #eee;

  46. 	}

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

  48. 		text-align: right;

  49. 	}

  50. 	#result-holder {

  51. 		display: none;

  52. 	}

  53. 	#url {

  54. 		width: 18em;

  55. 		margin-right: 0.5em;

  56. 	}

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

  58. 		font-family: monospace, monospace;

  59. 		font-size: 1em;

  60. 	}

  61. 	body.popout #publish-holder, body.popout #result-holder {

  62. 		position: fixed;

  63. 		bottom: 1em;

  64. 		left: 1em;

  65. 		right: 1em;

  66. 	}

  67. 	body.popout textarea {

  68. 		position: fixed;

  69. 		top: 0;

  70. 		left: 0;

  71. 		right: 0;

  72. 		bottom: 4em;

  73. 		border: 0;

  74. 		border-bottom: 1px solid #dfdfdf;

  75. 		min-height: 0;

  76. 	}

  77. 	a#popout {

  78. 		padding: 0.5em;

  79. 		position: absolute;

  80. 		left: 0.75em;

  81. 		bottom: 0.75em;

  82. 	}

  83. 	a#popout img {

  84. 		vertical-align: middle;

  85. 	}

  86. 	body.popout a#popout {

  87. 		display: none;

  88. 	}

  89.     </style>

  90. 

  91.     <script src="H.js"></script>

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

  93.   </head>

  94.   <body>

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

  96.       <textarea id="content" placeholder="Write..."></textarea>

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

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

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

  100.       </div>

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

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

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

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

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

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

  107.         <a href="#" id="popout"><img src="img/ic_launch.svg" /></a>

  108.       </div>

  109.     </form>

  110.     

  111.     <link href='fonts.css' rel='stylesheet' type='text/css'>

  112.   </body>

  113. </html>