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

143 lines
3.2 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. 		width: 7em;

  42. 		text-align: center;

  43. 		transition: all .2s ease-out;

  44. 		border-radius: .25em;

  45. 	}

  46. 	input[type=submit]:hover {

  47. 		background-color: #7d82c4;

  48. 	}

  49. 	input[type=submit].disabled, input[type=submit].disabled:hover {

  50. 		background: #ddd;

  51. 		color: #999;

  52. 		border-color: #eee;

  53. 	}

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

  55. 		text-align: right;

  56. 	}

  57. 	#result-holder, #account-tools {

  58. 		display: none;

  59. 	}

  60. 	#url {

  61. 		width: 18em;

  62. 		margin-right: 0.5em;

  63. 	}

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

  65. 		font-family: monospace, monospace;

  66. 		font-size: 1em;

  67. 	}

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

  69. 		position: fixed;

  70. 		bottom: 1em;

  71. 		left: 1em;

  72. 		right: 1em;

  73. 	}

  74. 	#account-tools {

  75. 		margin-top: -0.5em;

  76. 		margin-bottom: 0.5em;

  77. 		font-size: 0.86em;

  78. 	}

  79. 	#account-tools a {

  80. 		line-height: 24px;

  81. 		margin-left: 0.5em;

  82. 	}

  83. 	body.popout textarea {

  84. 		position: fixed;

  85. 		top: 0;

  86. 		left: 0;

  87. 		right: 0;

  88. 		bottom: 4em;

  89. 		border: 0;

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

  91. 		min-height: 0;

  92. 	}

  93. 	a#popout {

  94. 		padding: 0.5em;

  95. 		position: absolute;

  96. 		left: 0.75em;

  97. 		bottom: 0.75em;

  98. 	}

  99. 	a#popout img {

  100. 		vertical-align: middle;

  101. 	}

  102. 	body.popout a#popout {

  103. 		display: none;

  104. 	}

  105. 	#username {

  106. 		font-weight: bold;

  107. 	}

  108. 	#sync.disabled {

  109. 		display: inline;

  110. 		color: #999;

  111. 		font-style: italic;

  112. 		text-decoration: none;

  113. 	}

  114.     </style>

  115. 

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

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

  118.   </head>

  119.   <body>

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

  121.       <div id="account-tools">

  122. 	    Writing as <span id="username">write.as</span>. <a id="sync" href="#">Sync...</a>

  123. 	  </div>

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

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

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

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

  128.       </div>

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

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

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

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

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

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

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

  136.       </div>

  137.     </form>

  138.     

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

  140.   </body>

  141. </html>