API tools faq
paste
Professor_Stein

Doc

Professor_Stein
Mar 20th, 2017
362
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.81 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. .pfor{display:none;}
  3. body {background-color: #000000;}
  4. body {background-image:url("http://sdeerwallpaper.com/Cool-Wallpapers/overwatch-mercy-wallpaper-background-Is-Cool-Wallpapers.jpg"); background-attachment:fixed; background-size:100%;}
  5. #pbox {margin: auto;
  6. width: 600px;
  7. background-color:black;
  8. border-style: solid;
  9. border-width: 2px;
  10. border-color: #333;
  11. padding: 5px;
  12. }
  13. </style>
  14.  
  15. <style type="text/css">
  16. !-- Copy from here, into the Style section --!
  17. #player{
  18. position: fixed;
  19. z-index:2;
  20. bottom: 230px;
  21. left: 934px;
  22. border-radius: 15px;
  23. width: 32px;
  24. height: 32px;
  25. border: 5px solid #D5D5D5;
  26. box-shadow: 0px 0px 19px #D5D5D5;
  27. overflow:hidden;}
  28.  
  29.  
  30. </style>
  31.  
  32.  
  33.  
  34. <style>
  35. ul {
  36. list-style-type: none;
  37. margin: 0;
  38. padding: 0;
  39. overflow: hidden;
  40. background-color: #;
  41. }
  42.  
  43. li {
  44. float: left;
  45. }
  46.  
  47. li a {
  48. display: block;
  49. color: #fffdf5;
  50. text-align: center;
  51. padding: 14px 16px;
  52. text-decoration: none;
  53. }
  54.  
  55. li a:hover {
  56. background-color: #d5261e;
  57. }
  58. </style>
  59.  
  60.  
  61.  
  62. <ul>
  63. <li><a href="#one">Stats</a></li>
  64. <li><a href="#two">Personality</a></li>
  65. <li><a href="#three">History</a></li>
  66. <li><a href="#four">OOC</a></li>
  67. <li><a href="#five">Gallery</a></li>
  68. <li><a href="#home">Reset</a></li>
  69. </ul>
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76. <style>
  77. img {
  78. border-radius: 50%;
  79. }
  80.  
  81. img {
  82. display: block;
  83. margin: auto;
  84. font-size: 18px;
  85. }
  86.  
  87.  
  88. .tabs {
  89. float: left;
  90. margin-right: 15px;
  91. margin-bottom: 15px;
  92. width: 54px;
  93. height: 54px;
  94. text-align: left;
  95. }
  96.  
  97. .info{
  98. position: fixed;
  99. right: 550;
  100. bottom: 55;
  101. margin-top: 234px;
  102. width: 326px;
  103. height: 425px;
  104. padding: 10px;
  105. background: #fedc57;
  106. font-family: Arial Italic;
  107. color: #d26d11;
  108. font-size: 14px;
  109. line-height: 15px;
  110. text-align: justify;
  111. border: 2px solid #d26d11;
  112. outline-offset: 2px;
  113. opacity: 0;
  114. overflow: auto;
  115. transition: 1s;
  116. }
  117.  
  118. .info:target{
  119. opacity: 1;
  120. transition: 1s;
  121. z-index: 1;
  122. }
  123.  
  124.  
  125. </style>
  126.  
  127.  
  128. <div class="info" id="one"><h1>Stats</h1>
  129. <strong>Full Name:</strong> Angela Ziegler <br><br>
  130. <strong>Age:</strong> 37 <br><br>
  131. <strong>Gender:</strong> Female <br><br>
  132. <strong>Race:</strong> Human <br><br>
  133. <strong>Height:</strong> 1.7 m / 5'7" <br><br>
  134. <strong>Alias:</strong> Mercy, Angela <br><br>
  135. <strong>Build:</strong> Curved <br><br>
  136. <strong>Sexual Orientation:</strong> I love all my servants <br><br>
  137. <strong>Status:</strong> Single <br> <br>
  138. <strong>Occupation:</strong> Head of hospital surgery (formerly);<br>
  139. Overwatch's Head of medical research (formerly);<br>
  140. Nanobiologist, Surgeon, Field medic, First responder </div>
  141.  
  142. <div class="info" id="two"><h1>Personality</h1>Hence her code name, Mercy is an adamant pacifist that always wishes to avoid violent approaches whenever possible. She is very kind and gentle, consistently caring for the well being of the sick and injured. She also loves peace and quiet, taking the time to treasure those moments before a match starts.
  143. <br><br>
  144. While she is devoted to Overwatch, Mercy opposes its militaristic methods when it comes to global crises.</div>
  145.  
  146. <div class="info" id="three"><h1>History</h1>A guardian angel to those who come under her care, Dr. Angela Ziegler is a peerless healer, a brilliant scientist, and a staunch advocate for peace.
  147. <br><br>
  148. Ziegler rose to become the head of surgery at a prominent Swiss hospital before pioneering a breakthrough in the field of applied nanobiology that radically improved the treatment of life-threatening illnesses and injuries. It was this expertise that attracted the attention of Overwatch.
  149. <br><br>
  150. Because her parents had been taken by war, Ziegler was opposed to the organization's militaristic approach to keeping global peace. Ultimately, she recognized that Overwatch offered her the opportunity to save lives on a much larger scale. As Overwatch's head of medical research, Angela sought to leverage her work for healing in frontline crises. The result was the Valkyrie swift-response suit, which Ziegler herself piloted on many Overwatch missions.
  151. <br><br>
  152. Despite her contributions to Overwatch, she was often at odds with her superiors and the organization's overarching aims. When Overwatch dissolved, Ziegler dedicated herself to helping those affected by war.
  153. <br><br>
  154. Though she spends most of her time caring for the broken and dispossessed in crisis areas around the world, Dr. Ziegler can be counted on to don her Valkyrie suit whenever innocents are </div>
  155.  
  156. <div class="info" id="four"><h1>OOC</h1><strong>PM/RP friendly<br><br>No Limits<br><br>My top kinks are: Anal, Pain/Rough Sex,NON-Con or punishment, being sub/bottom in relation ship<br><br>This is my Mercy, I main her in Overwatch so I'm not stupid when it comes to cannon.<br><br>I prefer people to start with a post<br><br>At least have an idea if you don't start with a post<br><br>#FEDC57</div>
  157.  
  158. <div class="info" id="five"><h1>Gallery</h1><style>
  159.  
  160. div.img {
  161. margin: 5px;
  162. border: 1px solid #ccc;
  163. float: left;
  164. width: 180px;
  165. }
  166.  
  167. div.img:hover {
  168. border: px solid #777;
  169. }
  170.  
  171. div.img img {
  172. width: 100%;
  173. height: 80%;
  174. }
  175.  
  176. div.desc {
  177. padding: 15px;
  178. text-align: center;
  179. }
  180. </style>
  181.  
  182.  
  183. <div class="img">
  184. <a target="_blank" href="http://t07.deviantart.net/r6MuNOJzx2dRef5QrXQVIBy5YIw=/fit-in/700x350/filters:fixed_height(100,100):origin()/pre05/690e/th/pre/f/2015/018/5/4/overwatch___mercy_2_by_sonellion-d8eczkm.jpg">
  185. <img src="http://t07.deviantart.net/r6MuNOJzx2dRef5QrXQVIBy5YIw=/fit-in/700x350/filters:fixed_height(100,100):origin()/pre05/690e/th/pre/f/2015/018/5/4/overwatch___mercy_2_by_sonellion-d8eczkm.jpg" width="300" height="200">
  186. </a>
  187. </div>
  188.  
  189. <div class="img">
  190. <a target="_blank" href="https://s-media-cache-ak0.pinimg.com/originals/26/b6/a5/26b6a50ff0198c3541f4568d8bbfc6e8.jpg">
  191. <img src="https://s-media-cache-ak0.pinimg.com/originals/26/b6/a5/26b6a50ff0198c3541f4568d8bbfc6e8.jpg" width="300" height="200">
  192. </a>
  193. </div>
  194.  
  195. <div class="img">
  196. <a target="_blank" href="http://68.media.tumblr.com/36b71f9700c95b4943b5abba44d334fc/tumblr_o9a2agZAzi1v0gmlwo2_1280.jpg">
  197. <img src="http://68.media.tumblr.com/36b71f9700c95b4943b5abba44d334fc/tumblr_o9a2agZAzi1v0gmlwo2_1280.jpg" width="300" height="200">
  198. </a>
  199. </div>
  200.  
  201. <div class="img">
  202. <a target="_blank" href="http://i.imgur.com/sINW6Jh.jpg">
  203. <img src="http://i.imgur.com/sINW6Jh.jpg" width="300" height="200">
  204. </a>
  205. </div>
  206.  
  207. <div class="img">
  208. <a target="_blank" href="https://s-media-cache-ak0.pinimg.com/originals/09/a9/a8/09a9a8c40b219940315242172320a4d2.jpg">
  209. <img src="https://s-media-cache-ak0.pinimg.com/originals/09/a9/a8/09a9a8c40b219940315242172320a4d2.jpg" width="300" height="200">
  210. </a>
  211. </div>
  212.  
  213. <div class="img">
  214. <a target="_blank" href="http://scontent.cdninstagram.com/t51.2885-15/s480x480/e35/c0.100.800.800/13722118_617439155085389_2006218270_n.jpg?ig_cache_key=MTMwOTU3MTczNTQ4NjI1OTQzOA%3D%3D.2.c">
  215. <img src="http://scontent.cdninstagram.com/t51.2885-15/s480x480/e35/c0.100.800.800/13722118_617439155085389_2006218270_n.jpg?ig_cache_key=MTMwOTU3MTczNTQ4NjI1OTQzOA%3D%3D.2.c" width="300" height="200">
  216. </a>
  217. </div>
  218.  
  219. <div class="img">
  220. <a target="_blank" href="http://img09.deviantart.net/556f/i/2016/151/9/8/mercy___overwatch_by_angrynum-da4gntr.jpg">
  221. <img src="http://img09.deviantart.net/556f/i/2016/151/9/8/mercy___overwatch_by_angrynum-da4gntr.jpg" width="300" height="200">
  222. </a>
  223. </div>
  224.  
  225. <div class="img">
  226. <a target="_blank" href="https://s-media-cache-ak0.pinimg.com/originals/e4/3e/34/e43e3483f20173ea5c9d6fb2dd111396.jpg">
  227. <img src="https://s-media-cache-ak0.pinimg.com/originals/e4/3e/34/e43e3483f20173ea5c9d6fb2dd111396.jpg" width="300" height="200">
  228. </a>
  229. </div>
  230.  
  231. <div class="img">
  232. <a target="_blank" href="http://orig05.deviantart.net/3de2/f/2017/018/c/f/fan_art___overwatch___mercy_by_mizonaki-davxe2s.jpg">
  233. <img src="http://orig05.deviantart.net/3de2/f/2017/018/c/f/fan_art___overwatch___mercy_by_mizonaki-davxe2s.jpg" width="300" height="200">
  234. </a>
  235. </div>
  236.  
  237. <div class="img">
  238. <a target="_blank" href="http://i.imgur.com/tMdmSzq.jpg">
  239. <img src="http://i.imgur.com/tMdmSzq.jpg" width="300" height="200">
  240. </a>
  241. </div>
  242.  
  243. <div class="img">
  244. <a target="_blank" href="http://i.imgur.com/2X3ay1y.jpg">
  245. <img src="http://i.imgur.com/2X3ay1y.jpg" width="300" height="200">
  246. </a>
  247. </div>
  248.  
  249. <div class="img">
  250. <a target="_blank" href="http://i.imgur.com/1BPAm58.jpg">
  251. <img src="http://i.imgur.com/1BPAm58.jpg" width="300" height="200">
  252. </a>
  253. </div>
  254.  
  255. <div class="img">
  256. <a target="_blank" href="http://i.imgur.com/HeMQLx5.png">
  257. <img src="http://i.imgur.com/HeMQLx5.png" width="300" height="200">
  258. </a>
  259. </div>
  260.  
  261. <div class="img">
  262. <a target="_blank" href="http://i.imgur.com/hcC6EHd.png">
  263. <img src="http://i.imgur.com/hcC6EHd.png" width="300" height="200">
  264. </a>
  265. </div>
  266.  
  267. <div class="img">
  268. <a target="_blank" href="http://i.imgur.com/4mB8pb3.jpg">
  269. <img src="http://i.imgur.com/4mB8pb3.jpg" width="300" height="200">
  270. </a>
  271. </div>
  272.  
  273. <div class="img">
  274. <a target="_blank" href="http://i.imgur.com/6yAE9Ms.jpg">
  275. <img src="http://i.imgur.com/6yAE9Ms.jpg" width="300" height="200">
  276. </a>
  277. </div>
  278.  
  279. <div class="img">
  280. <a target="_blank" href="http://i.imgur.com/aywQkJf.jpg">
  281. <img src="http://i.imgur.com/aywQkJf.jpg" width="300" height="200">
  282. </a>
  283. </div>
  284.  
  285. <div class="img">
  286. <a target="_blank" href="http://i.imgur.com/RNJvnTd.jpg">
  287. <img src="http://i.imgur.com/RNJvnTd.jpg" width="300" height="200">
  288. </a>
  289. </div>
  290.  
  291. <div class="img">
  292. <a target="_blank" href="http://i.imgur.com/uz42mSz.jpg">
  293. <img src="http://i.imgur.com/uz42mSz.jpg" width="300" height="200">
  294. </a>
  295. </div>
  296.  
  297. <div class="img">
  298. <a target="_blank" href="http://i.imgur.com/E6iZzR8.jpg">
  299. <img src="http://i.imgur.com/E6iZzR8.jpg" width="300" height="200">
  300. </a>
  301. </div>
  302.  
  303. <div class="img">
  304. <a target="_blank" href="http://i.imgur.com/sPWGZnb.jpg">
  305. <img src="http://i.imgur.com/sPWGZnb.jpg" width="300" height="200">
  306. </a>
  307. </div>
  308.  
  309. <div class="img">
  310. <a target="_blank" href="http://i.imgur.com/1C9LCrt.jpg">
  311. <img src="http://i.imgur.com/1C9LCrt.jpg" width="300" height="200">
  312. </a>
  313. </div>
  314.  
  315. <div class="img">
  316. <a target="_blank" href="http://i.imgur.com/HYW4hz2.jpg">
  317. <img src="http://i.imgur.com/HYW4hz2.jpg" width="300" height="200">
  318. </a>
  319. </div>
  320.  
  321. <div class="img">
  322. <a target="_blank" href="http://i.imgur.com/baXgXWx.jpg">
  323. <img src="http://i.imgur.com/baXgXWx.jpg" width="300" height="200">
  324. </a>
  325. </div>
  326.  
  327. <div class="img">
  328. <a target="_blank" href="http://i.imgur.com/VrfZVuA.jpg">
  329. <img src="http://i.imgur.com/VrfZVuA.jpg" width="300" height="200">
  330. </a>
  331. </div>
  332.  
  333. <div class="img">
  334. <a target="_blank" href="http://i.imgur.com/F1hCyhA.gif">
  335. <img src="http://i.imgur.com/F1hCyhA.gif" width="300" height="200">
  336. </a>
  337. </div>
  338.  
  339.  
  340. </div>
  341.  
  342. <br>
  343.  
  344. <div id="player">
  345. <audio controls loop="1"><source src="MUSIC"></audio>
  346. </div>
  347.  
  348.  
  349.  
  350.  
  351. <style>
  352. img {
  353. border-radius: 50%;
  354. display: block;
  355. margin: auto;
  356. height:60%;
  357. width: auto;
  358. }
  359. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!