API tools faq
paste
Advertisement
DeathJ

Reaper

DeathJ
Nov 3rd, 2017
284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>
  8.  
  9. <script type="text/javascript"
  10. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <script>
  12. $(document).ready(function() {
  13. //
  14. $('a.poplight[href^=#]').click(function() {
  15. var popID = $(this).attr('rel');
  16. var popURL = $(this).attr('href'); //Get Popup href to define size
  17. var query= popURL.split('?');
  18. var dim= query[1].split('&');
  19. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  20. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  21. var popMargTop = ($('#' + popID).height() + 80) / 2;
  22. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  23. //Apply Margin to Popup
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"></div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block').fadeOut(function() {
  34. $('#fade, a.close').remove(); //fade them both out
  35. });
  36. return false;
  37. });
  38. });
  39. </script>
  40.  
  41.  
  42.  
  43. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  44.  
  45. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  46.  
  47. <link rel="shortcut icon" href="{Favicon}">
  48.  
  49. <link rel="canonical" href="{block:IndexPage}{BlogURL}{/block:IndexPage}{block:PermalinkPage}{Permalink}{/block:PermalinkPage}">
  50.  
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53.  
  54. {block:Hidden}
  55. <!--
  56. Tumblr related theme options should live the 'Hidden' block. The meta tags will not be rendered by the browser but still read by Tumblr.
  57. https://www.tumblr.com/docs/en/custom_themes#theme-options
  58. -->
  59. {/block:Hidden}
  60.  
  61.  
  62. <!--------default variables-------->
  63. <meta name="color:background" content="#262626"/>
  64.  
  65. <!------------------------TOOLTIPS SCRIPT--------------------->
  66.  
  67. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  68. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  70. <script>
  71. (function($){
  72. $(document).ready(function(){
  73. $("[title]").style_my_tooltips({
  74. tip_follows_cursor:true,
  75. tip_delay_time:200,
  76. tip_fade_speed:300
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81.  
  82.  
  83.  
  84. <link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative|Kalam|Merienda+One|Norican" rel="stylesheet">
  85. <!-------------------------------------------------------------------->
  86.  
  87.  
  88. <style type="text/css">
  89.  
  90. /*----------scrollbar---------*/
  91.  
  92. ::-webkit-scrollbar-thumb:vertical {
  93.  
  94. border:0px solid #ae9fa7 ;
  95. background-color:#400 ;
  96. }
  97. ::-webkit-scrollbar-thumb:horizontal {
  98. background-color:#400 ;
  99. }
  100. ::-webkit-scrollbar {
  101. width:0px;
  102.  
  103. border:10px ;
  104.  
  105.  
  106.  
  107. }
  108. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  109. display:block;
  110. height:8px;
  111. background-color:#400px ;
  112. }
  113.  
  114. /*----------body and text---------*/
  115.  
  116. body {
  117. background: {color:Background}
  118. url('https://i.imgur.com/v8ddQf3.gif')
  119. fixed; background-size: no-repeat;
  120. background-repeat: no-repeat;
  121. background-attachment:top left;
  122. margin:0px;
  123. font-family: 'Cinzel Decorative', cursive;
  124. font-size:12px;
  125. color: #eee;
  126. text-shadow: 2px 1px 0px black;
  127. text-align: left;
  128. position: absolute;
  129. }
  130. blockquote {
  131. width:91%;
  132. margin-bottom:10px;
  133. padding:0px 10px 0px 15px;
  134. margin-left:0px;
  135. border-left:1px broken #afafaf
  136.  
  137. }
  138.  
  139. b, strong {
  140. font-family: 'Merienda One', cursive;
  141. font-size:14px;
  142. text-align:center;
  143. font-size: 12px;
  144. line-height:10px;
  145. text-shadow: 1px 1px 5px #eee;
  146. letter-spacing:2px;
  147. color: #ced5da ; /* font color */
  148. }
  149.  
  150. i, em {
  151. text-transform:italic;
  152. color:#eee ;
  153. font-size:13px;
  154. font-family: 'Courgette', cursive;
  155. text-shadow: 1px 1px 8px #deeff2;
  156. }
  157.  
  158. a {
  159. font-family: 'Kalam', cursive;
  160. text-decoration:none;
  161. color:#fff;
  162. text-transform:lowercase;
  163. font-size:15px;
  164. text-shadow: 5px 2px 5px #eee;
  165. -moz-transition-duration:0.5s;
  166. -webkit-transition-duration:0.5s;
  167. -o-transition-duration:0.5s;
  168. }
  169.  
  170. a:hover {
  171. text-decoration:none;
  172. outline:none;
  173. -moz-outline-style:none;
  174. color:white;
  175. font-size : 18px;
  176. }
  177.  
  178. img {
  179. opacity:1;
  180. text-decoration:none;
  181. }
  182.  
  183. h1 {
  184. font-size:15px;
  185. font-weight:bold;
  186. text-shadow: 1px 1px 0px black;
  187. }
  188.  
  189. small, sup
  190. {
  191. font-size: 12px;
  192. }
  193.  
  194. h3 {
  195.  
  196. text-transform:uppercase;
  197. color: white;
  198. padding:5px;
  199. text-align:center;
  200. border-radius:4px;
  201. background-repeat:no-repeat;
  202. line-height:100%;
  203. color:#e6e6e6;
  204. text-shadow:1px 1px 7px #000,
  205. font-size:13px;
  206. font-family: 'Merienda One', cursive;
  207. letter-spacing:1px;
  208. background-image:url('https://i.imgur.com/6DhSWeP.gif');
  209. }
  210.  
  211. /*----------theme and entries---------*/
  212.  
  213. #theme {
  214. z-index:9;
  215. opacity:0;
  216. position:fixed;
  217. background-color:#000;
  218. height:400px;
  219. width:260px;
  220. top:98px;
  221. left:620px;
  222. margin:0px 0px;
  223. overflow-x:hidden;
  224. overflow-y:auto;
  225. -moz-transition-duration:0.9s;
  226. -webkit-transition-duration:0.9s;
  227. -o-transition-duration:0.9s;
  228.  
  229. }
  230.  
  231. #theme:hover {
  232. opacity:1;
  233. -moz-transition-duration:1s;
  234. -webkit-transition-duration:1s;
  235. -o-transition-duration:1s;
  236. }
  237.  
  238. .posts {
  239.  
  240. width:270px;
  241. padding-bottom:60px;
  242. margin-top:20px;
  243. }
  244.  
  245. .entries {
  246.  
  247.  
  248. background-color:#000000;
  249. text-align:left;
  250. border: px solid #424242;
  251. z-index:1;
  252. overflow-x:hidden;
  253. overflow-y:auto;
  254. margin-left:0px;
  255. opacity:0;
  256. overflow:auto;
  257. -moz-transition:all ease-in-out 0.6s;
  258. -webkit-transition:all ease-in-out 0.6s;
  259. -o-transition:all ease-in-out 0.6s;
  260. transition:all ease-in-out 0.6s;
  261.  
  262. }
  263.  
  264. .entries:hover {
  265.  
  266. opacity:1;
  267. -moz-transition:all ease-in-out 0.6s;
  268. -webkit-transition:all ease-in-out 0.6s;
  269. -o-transition:all ease-in-out 0.6s;
  270. transition:all ease-in-out 0.6s;
  271. }
  272.  
  273. img, {
  274.  
  275. max-width:230px!important;
  276. max-height:230px!important;
  277. }
  278.  
  279. img:hover {
  280. -webkit-filter: grayscale(0%);
  281. z-index: -9999999999999999999999999px;
  282. -webkit-transition: all 0.9s ease-in-out;
  283. -moz-transition: all 0.9s ease-in-out;
  284. -o-transition: all 0.9s ease-in-out;
  285. -ms-transition: all 0.9s ease-in-out;
  286. transition: all 0.9s ease-in-out;
  287. }
  288. blockquote img, blockquote figure {
  289. max-width:100%;
  290. height:auto;
  291. }
  292.  
  293.  
  294. #sidethingy {
  295. z-index: 1;
  296. position:absolute;
  297. left:930px;
  298. top: 345px;
  299. height:200px;
  300. overflow-y:scroll;
  301. overflow-x:hidden;
  302. width:250px;
  303. letter-spacing:1px;
  304. font-size:8px !important;
  305. text-align:justify;
  306. border: px solid #424242;
  307. background-color:#000000;
  308. opacity:0;
  309.  
  310.  
  311.  
  312. }
  313. #sidethingy:hover {
  314.  
  315. -webkit-filter:none;
  316. -webkit-transition: all 0.6s ease-in-out;
  317. opacity:1;
  318. -webkit-transition: all 0.6s ease-in-out;
  319. -moz-transition: all 0.6s ease-in-out;
  320. -o-transition: all 0.6s ease-in-out;
  321. -ms-transition: all 0.6s ease-in-out;
  322. transition: all 0.6s ease-in-out; }
  323.  
  324.  
  325. /*----------post info---------*/
  326.  
  327. .info {
  328.  
  329. color:#e6e6e6;
  330. text-shadow:1px 1px 0px #000,
  331. font-size:14px;
  332. font-family: 'Merienda One', cursive;
  333. text-align:center;
  334. padding:5px;
  335. background: #000;
  336. background-image:url('https://i.imgur.com/Z2xXUu3.gif');
  337. background-repeat:repeat;
  338. padding:2px;
  339. color:#ffffff;
  340. border: 1px solid #717171;
  341. border-bottom-left-radius: 15px;
  342. border-top-left-radius: 15px;
  343. text-transform: uppercase;
  344. -moz-transition-duration:0.2s;
  345. -webkit-transition-duration:0.2s;
  346. -o-transition-duration:0.2s;
  347. }
  348.  
  349.  
  350.  
  351.  
  352. .tags {
  353. margin-top:5px;
  354. font-size:10px;
  355. letter-spacing:1px;
  356. text-shadow: 1px 1px 7px black;
  357. text-align:center;
  358. padding:2px;
  359. }
  360.  
  361. .tags a {
  362. margin-right:8px;
  363. font-size:10px;
  364.  
  365.  
  366. }
  367.  
  368. .tags hover {
  369. font-size : 12px;
  370. color:#eeeeee;
  371.  
  372.  
  373.  
  374. }
  375.  
  376. /*----------post notes---------*/
  377.  
  378. /*----------dinks---------*/
  379.  
  380. #dinks {
  381. position:fixed;
  382. font-family: "Times New Roman", Georgia, Serif;
  383.  
  384. color:#000000 ;
  385. width:30px;
  386. top: 240px;
  387. left:175px;
  388. font-size:25px;
  389. text-transform:uppercase;
  390. text-align:center;
  391. font-style:bold;
  392. line-height:280%;
  393.  
  394. }
  395.  
  396. #dinks a{
  397.  
  398. font-family: "Times New Roman", Georgia, Serif;
  399. line-height:150%;
  400. padding:1px;
  401. margin-top:1px;
  402. margin-left:30px;
  403. color:#eee
  404. position:absolute;
  405. position:fixed;
  406. opacity:0.5;
  407. filter: blur(1px);
  408. -webkit-animation-name: dinks;
  409. -webkit-animation-duration:5s;
  410. -webkit-animation-iteration-count:infinite;
  411. -webkit-animation-timing-function:ease-in-out;
  412. -moz-animation-name: dinks;
  413. -moz-animation-duration:5s;
  414. -moz-animation-iteration-count:infinite;
  415. -moz-animation-timing-function:ease-in-out;
  416.  
  417. }
  418.  
  419. @-webkit-keyframes dinks{
  420. from {-webkit-transform: scale(0.95);}
  421. 50% {-webkit-transform: scale(1.0);}
  422. to {-webkit-transform: scale(0.95);}
  423. }
  424.  
  425. @-moz-keyframes dinks{
  426. from {-webkit-transform: scale(0.95);}
  427. 100% {-webkit-transform: scale(1.0);}
  428. to {-webkit-transform: scale(0.95);}
  429. }
  430.  
  431. #dinks a:hover {
  432. opacity:1;
  433. -moz-transition-duration:.5s;
  434. -webkit-transition-duration:.5s;
  435. -o-transition-duration:.5s;
  436. -webkit-filter: blur(0px);
  437. filter: blur(0px);
  438. }
  439.  
  440.  
  441.  
  442.  
  443.  
  444. /*----------cinks---------*/
  445. #cinks {
  446. position:fixed;
  447. font-family: "Times New Roman", Georgia, Serif;
  448.  
  449. color:#000000 ;
  450. width:30px;
  451. top:0px;
  452. left:435px;
  453.  
  454. font-size:25px;
  455. text-transform:uppercase;
  456. text-align:center;
  457. font-style:bold;
  458. line-height:280%;
  459.  
  460. }
  461.  
  462. #cinks a {
  463. font-family: "Times New Roman", Georgia, Serif;
  464. line-height:150%;
  465. padding:1px;
  466. margin-top:1px;
  467. margin-left:30px;
  468. color:#eee
  469. position:absolute;
  470. position:fixed;
  471. opacity:0.5;
  472. filter: blur(1px);
  473. -webkit-animation-name: cinks;
  474. -webkit-animation-duration:5s;
  475. -webkit-animation-iteration-count:infinite;
  476. -webkit-animation-timing-function:ease-in-out;
  477. -moz-animation-name: cinks;
  478. -moz-animation-duration:5s;
  479. -moz-animation-iteration-count:infinite;
  480. -moz-animation-timing-function:ease-in-out;
  481.  
  482. }
  483. @-webkit-keyframes cinks{
  484. from {-webkit-transform: scale(0.95);}
  485. 50% {-webkit-transform: scale(1.0);}
  486. to {-webkit-transform: scale(0.95);}
  487. }
  488.  
  489. @-moz-keyframes cinks{
  490. from {-webkit-transform: scale(0.95);}
  491. 100% {-webkit-transform: scale(1.0);}
  492. to {-webkit-transform: scale(0.95);}
  493. }
  494.  
  495. #cinks a:hover {
  496. opacity:1;
  497. -moz-transition-duration:.5s;
  498. -webkit-transition-duration:.5s;
  499. -o-transition-duration:.5s;
  500. -webkit-filter: blur(0px);
  501. filter: blur(0px);
  502. }
  503.  
  504.  
  505.  
  506. /*----------ninks---------*/
  507.  
  508. #ninks {
  509. position:fixed;
  510. font-family: "Times New Roman", Georgia, Serif;
  511.  
  512. color:#000000 ;
  513. width:30px;
  514. top: 50px;
  515. left:875px;
  516. font-size:25px;
  517. text-transform:uppercase;
  518. text-align:center;
  519. font-style:bold;
  520. line-height:280%;
  521.  
  522. }
  523.  
  524. #ninks a {
  525. font-family: "Times New Roman", Georgia, Serif;
  526. line-height:150%;
  527. padding:1px;
  528. margin-top:1px;
  529. margin-left:30px;
  530. color:#eee
  531. position:absolute;
  532. position:fixed;
  533. opacity:0.5;
  534. filter: blur(1px);
  535. -webkit-animation-name: ninks;
  536. -webkit-animation-duration:5s;
  537. -webkit-animation-iteration-count:infinite;
  538. -webkit-animation-timing-function:ease-in-out;
  539. -moz-animation-name: ninks;
  540. -moz-animation-duration:5s;
  541. -moz-animation-iteration-count:infinite;
  542. -moz-animation-timing-function:ease-in-out;
  543.  
  544. }
  545. @-webkit-keyframes ninks{
  546. from {-webkit-transform: scale(0.95);}
  547. 50% {-webkit-transform: scale(1.0);}
  548. to {-webkit-transform: scale(0.95);}
  549. }
  550.  
  551. @-moz-keyframes ninks{
  552. from {-webkit-transform: scale(0.95);}
  553. 100% {-webkit-transform: scale(1.0);}
  554. to {-webkit-transform: scale(0.95);}
  555. }
  556.  
  557. #ninks a:hover {
  558. opacity:1;
  559. -moz-transition-duration:.5s;
  560. -webkit-transition-duration:.5s;
  561. -o-transition-duration:.5s;
  562. -webkit-filter: blur(0px);
  563. filter: blur(0px);
  564. }
  565.  
  566.  
  567.  
  568. /*----------sinks---------*/
  569.  
  570. #sinks {
  571. position:fixed;
  572. font-family: "Times New Roman", Georgia, Serif;
  573.  
  574. color:#000000 ;
  575. width:30px;
  576. top: 140px;
  577. left:-75px;
  578. font-size:25px;
  579. text-transform:uppercase;
  580. text-align:center;
  581. font-style:bold;
  582. line-height:280%;
  583.  
  584. }
  585.  
  586. #sinks a {
  587. font-family: "Times New Roman", Georgia, Serif;
  588. line-height:150%;
  589. padding:1px;
  590. margin-top:1px;
  591. margin-left:30px;
  592. color:#eee
  593. position:absolute;
  594. position:fixed;
  595. opacity:0.5;
  596. filter: blur(1px);
  597. -webkit-animation-name: sinks;
  598. -webkit-animation-duration:5s;
  599. -webkit-animation-iteration-count:infinite;
  600. -webkit-animation-timing-function:ease-in-out;
  601. -moz-animation-name: sinks;
  602. -moz-animation-duration:5s;
  603. -moz-animation-iteration-count:infinite;
  604. -moz-animation-timing-function:ease-in-out;
  605.  
  606. }
  607.  
  608. @-webkit-keyframes sinks{
  609. from {-webkit-transform: scale(0.95);}
  610. 50% {-webkit-transform: scale(1.0);}
  611. to {-webkit-transform: scale(0.95);}
  612. }
  613.  
  614. @-moz-keyframes sinks{
  615. from {-webkit-transform: scale(0.95);}
  616. 100% {-webkit-transform: scale(1.0);}
  617. to {-webkit-transform: scale(0.95);}
  618. }
  619.  
  620. #sinks a:hover {
  621. opacity:1;
  622. -moz-transition-duration:.5s;
  623. -webkit-transition-duration:.5s;
  624. -o-transition-duration:.5s;
  625. -webkit-filter: blur(0px);
  626. filter: blur(0px);
  627. }
  628.  
  629.  
  630. /*----------ainks---------*/
  631.  
  632.  
  633.  
  634. #ainks {
  635. position:fixed;
  636. font-family: "Times New Roman", Georgia, Serif;
  637.  
  638. color:#000000 ;
  639. width:30px;
  640. top: 140px;
  641. left:275px;
  642.  
  643. font-size:25px;
  644. text-transform:uppercase;
  645. text-align:center;
  646. font-style:bold;
  647. line-height:280%;
  648.  
  649. }
  650.  
  651. #ainks a {
  652. font-family: "Times New Roman", Georgia, Serif;
  653. line-height:150%;
  654. padding:1px;
  655. margin-top:1px;
  656. margin-left:30px;
  657. color:#eee
  658. position:absolute;
  659. position:fixed;
  660. opacity:0.5;
  661. filter: blur(1px);
  662. -webkit-animation-name: sinks;
  663. -webkit-animation-duration:5s;
  664. -webkit-animation-iteration-count:infinite;
  665. -webkit-animation-timing-function:ease-in-out;
  666. -moz-animation-name: sinks;
  667. -moz-animation-duration:5s;
  668. -moz-animation-iteration-count:infinite;
  669. -moz-animation-timing-function:ease-in-out;
  670.  
  671. }
  672.  
  673. @-webkit-keyframes ainks{
  674. from {-webkit-transform: scale(0.95);}
  675. 50% {-webkit-transform: scale(1.0);}
  676. to {-webkit-transform: scale(0.95);}
  677. }
  678.  
  679. @-moz-keyframes ainks{
  680. from {-webkit-transform: scale(0.95);}
  681. 100% {-webkit-transform: scale(1.0);}
  682. to {-webkit-transform: scale(0.95);}
  683. }
  684.  
  685. #ainks a:hover {
  686. opacity:1;
  687. -moz-transition-duration:.5s;
  688. -webkit-transition-duration:.5s;
  689. -o-transition-duration:.5s;
  690. -webkit-filter: blur(0px);
  691. filter: blur(0px);
  692.  
  693. }
  694.  
  695.  
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702. .credit {
  703. font-size:8px;
  704. position:fixed;
  705. font-weight:bold;
  706. bottom:5px;
  707. right:15px;
  708. z-index:10;
  709. text-align:right;
  710. letter-spacing:1px;
  711. padding:2px;
  712. }
  713.  
  714. .credit a {
  715. color:{color:links};
  716. text-decoration:none;
  717. }
  718.  
  719. .credit a:hover {
  720. color:{color:links hover};
  721. text-decoration:none;
  722. }
  723.  
  724. .popup_block{
  725. display:none;
  726. background: url("");
  727. background:transparent;
  728. padding:20px;
  729. float:left;
  730. height: 460px;
  731. width:280px;
  732. top:390px;
  733. left: 740px;
  734. position:fixed;
  735. z-index: 99999;
  736.  
  737. }
  738.  
  739. *html #fade {position: absolute;}
  740.  
  741.  
  742. *html .popup_block {position: absolute;}
  743. #fade {
  744. display: none; /*--hidden by default--*/
  745. position: fixed; left: 0; top: 0;
  746. width: 100%; height: 100%;
  747. opacity: .80;
  748. z-index: 9999;
  749. }
  750.  
  751.  
  752. #popdatass {
  753. width: 265px;
  754. height: 390px;
  755. margin-top:0px;
  756. margin-left:0px;
  757. z-index:999;
  758. padding: 5px;
  759. position:fixed;
  760. overflow-y:auto;
  761. overflow-x:hidden;
  762. padding-top:5px;
  763. font-family: 'Cinzel Decorative', cursive;
  764. font-size:10px;
  765. text-shadow:0px 0px 2px #eee;
  766. color: white;
  767. text-align:left;
  768. }
  769.  
  770. #askpopup {
  771. width: 255px;
  772. height:311px;
  773. margin-top:2px;
  774. margin-left:3px;
  775. z-index:9999999;
  776. padding: 10px;
  777. position:fixed;
  778. color:#bababa;
  779. overflow-y:auto;
  780. text-transform:lowercase;
  781. overflow-x:hidden;
  782. padding-top:-20px;
  783. text-align:justify;
  784. }
  785.  
  786. </style>
  787.  
  788.  
  789. </head>
  790. <body>
  791.  
  792. <div class="credit">
  793. <a title="theme" href="http://g4bri37.tumblr.com/" target="_blank">J.</a></div>
  794.  
  795. <div id="sinks"> <a href="#?w=480" rel="box3" class="poplight" title="A B O U T "><img src="https://i.imgur.com/UTQhEwK.png" ></a></div>
  796.  
  797.  
  798. <div id="cinks">
  799. <a href="#?w=300" rel="rules" class="poplight" title=" R U L E S "><img src="https://i.imgur.com/5RmU4ve.png"></a>
  800. </div>
  801.  
  802. <div id="ninks">
  803. <a href="#?w=480" rel="box4" class="poplight" title=" V E R S E S "><img src="https://i.imgur.com/EkIsGpW.png" ></a>
  804. </div>
  805.  
  806. <div id="dinks">
  807. <a href="#?w=480" rel="askbox" class="poplight" title=" A S K B O X "><img src="https://i.imgur.com/VU8KZ7K.png" ></a>
  808. </div>
  809.  
  810. <div id="ainks">
  811.  
  812. <a href="https://g4bri37.tumblr.com/" title="H O M E " >
  813. <img src="https://i.imgur.com/ycIScdW.png" >
  814. </a><br>
  815.  
  816. </div>
  817. <!-- SCM Music Player http://scmplayer.co -->
  818. <script type="text/javascript" src="http://scmplayer.co/script.js"
  819. data-config="{'skin':'http://static.tumblr.com/zeaszfj/6I9n2rp0t/.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'Bad Company','url':'https://www.youtube.com/watch?v=ww5GXbk58R0'},{'title':'Back in Black','url':'https://www.youtube.com/watch?v=pAgnJDJN4VA'},{'title':'Highway To Hell','url':'https://www.youtube.com/watch?v=l482T0yNkeo'},{'title':'Losing my Mind','url':'https://www.youtube.com/watch?v=n5TpNmS4OX0'},{'title':'Never Turn Back','url':'https://www.youtube.com/watch?v=DRAI1gM7AKM'}]}" ></script>
  820. <!-- SCM Music Player script end -->
  821.  
  822.  
  823. <div id="sidethingy">
  824.  
  825. <center><h3> Just stay out of my way. </h3> </center>
  826. <center> independent and selective <em> Reaper / Gabriel Reyes </em> roleplay blog. Tied to the <em> Overwatch Comic and Gameverse </em> <br> Multiverse/Multiship and Canon Divergent based <br> With headcanon supplements.<br> <em> </em> <br> <em> Mutuals based. <br> </em> </center>
  827. <br>
  828.  
  829. <br> <center><h3> That which doesn't kill you, makes you stronger. </h3> </center>
  830. <center> Stricken by <em> Julie</em></center>
  831. <center> Established 27/10/2017.
  832. </center>
  833. <br> <center> /
  834.  
  835. <script language="JavaScript">var fhsf = document.createElement('script');
  836. fhsf.src = "//tc.freehostedscripts.net/tcounter.php?url=mideoku.tumblr.com&name=&a=1";
  837. document.head.appendChild(fhsf);document.write("<span id='f_counter'></span>");
  838. </script> /
  839. <br>
  840.  
  841. <br>
  842.  
  843.  
  844. </center>
  845.  
  846.  
  847. </div>
  848.  
  849.  
  850. <div id="theme">
  851.  
  852. <div id="entries">{block:Posts}
  853.  
  854. <div id="post">
  855.  
  856.  
  857. {block:Text}
  858. <br>
  859. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  860. {block:Body}
  861. <div class="body-text">
  862. {Body}
  863. </div>
  864. {/block:Body}
  865. {/block:Text}
  866.  
  867. {block:Quote}
  868. <blockquote class="words {Length}">&#8220;{Quote}&#8221;</blockquote>
  869. {block:Source}<p class="source">&mdash; {Source}</p>{/block:Source}
  870. {/block:Quote}
  871.  
  872. {block:Link}
  873. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  874. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  875. {/block:Link}
  876.  
  877. {block:Audio}
  878. {block:AlbumArt}<img src="{AlbumArtURL}" alt="">{/block:AlbumArt}
  879. <div class="audio-player">
  880. {block:AudioEmbed}
  881. {AudioEmbed color="white"}
  882. {/block:AudioEmbed}
  883. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  884. </div>
  885. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  886. {/block:Audio}
  887.  
  888. {block:Photo}
  889. <div class="postPhoto">
  890. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  891.  
  892. {block:Caption}
  893. <div class="caption">{Caption}</div>
  894. {/block:Caption}
  895. </div>
  896. {/block:Photo}
  897.  
  898. {block:Photoset}
  899.  
  900. {Photoset-250}{block:Caption}
  901. <div class="caption">{Caption}</div>
  902. {/block:Caption}
  903.  
  904. {/block:Photoset}
  905.  
  906. {block:Panorama}
  907. <figure{block:Caption} class="with-caption"{/block:Caption}>
  908. {LinkOpenTag}<img src="{PhotoURL-Panorama}" width="{PhotoWidth-Panorama}" height="{PhotoHeight-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  909. {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  910. </figure>
  911. {/block:Panorama}
  912.  
  913. {block:Video}
  914. <figure{block:Caption} class="with-caption"{/block:Caption}>
  915. <div class="video-player">
  916. {Video-250}
  917. </div>
  918. {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  919. </figure>
  920. {/block:Video}
  921.  
  922. {block:Chat}
  923. {block:Title}<h2>{Title}</h2>{/block:Title}
  924. <ul class="conversation">
  925. {block:Lines}
  926. <li class="line {Alt}">
  927. {block:Label}<span class="person">{Label}</span>{/block:Label}
  928. <span class="person-said">{Line}</span>
  929. </li>
  930. {/block:Lines}
  931. </ul>
  932. {/block:Chat}
  933.  
  934. {block:Answer}
  935. <section class="question">
  936. <div class="asker"> <em> {lang:Asker asked}:</em></div>
  937. <div class="asker-question">
  938. {Question}
  939. </div>
  940. </section>
  941. {block:Answerer}
  942. <section class="answerer">
  943.  
  944. <p>{lang:Answer} {Answerer}:</p>
  945. <div class="answerer-answer">
  946. {Answer}
  947. </div>
  948. </section>
  949. {/block:Answerer}
  950. <div class="replies">{Replies}</div>
  951. {/block:Answer}
  952.  
  953.  
  954.  
  955.  
  956. </article>
  957.  
  958. </div>
  959.  
  960. <div class="info">
  961. {block:Date}
  962. <b><a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
  963. {/block:Date}
  964.  
  965. &nbsp;&nbsp;
  966. <a href="{Permalink}">{NoteCountWithLabel}</a>
  967. &nbsp;&nbsp;
  968.  
  969. {block:RebloggedFrom}
  970. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a>
  971. {block:ContentSource}
  972. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">| src</a>
  973. {/block:ContentSource}
  974. {/block:RebloggedFrom}
  975.  
  976. <a href="{ReblogURL}" target="_blank" class="details">| rb</a>
  977.  
  978.  
  979. </div>
  980. {block:HasTags}
  981. <div class="tags">
  982. {block:Tags}
  983. <a href="{TagURL}">#{Tag}</a>
  984. {/block:Tags}
  985. </div>
  986. {/block:HasTags}
  987. {/block:Posts}
  988.  
  989. {block:PermalinkPagination}
  990. <div class="pagination">
  991. {block:PreviousPost}<a class="prev" href="{PreviousPost}">{lang:Previous post}</a>{/block:PreviousPost}
  992. {block:NextPost}<a class="next" href="{NextPost}">{lang:Next post}</a>{/block:NextPost}
  993. </div>
  994. {/block:PermalinkPagination}
  995.  
  996. {block:Pagination}
  997. <div class="pagination">
  998. {block:PreviousPage}<a class="prev" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  999.  
  1000. {block:JumpPagination length="5"}
  1001. {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  1002. {block:JumpPage}<a class="jump-page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1003. {/block:JumpPagination}
  1004.  
  1005. {block:NextPage}<a class="next" href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1006. </div>
  1007. {/block:Pagination}
  1008.  
  1009. </main>
  1010.  
  1011.  
  1012. </div>
  1013. </div>
  1014. </div>
  1015.  
  1016.  
  1017. </body>
  1018. <div id="askbox" class="popup_block">
  1019. <div style="background: #000;
  1020. height:420px;
  1021. width:300px;
  1022. position:fixed;
  1023. left:620px;
  1024. top:95px;">
  1025. <div id="popdatass">
  1026.  
  1027. <center><h3> Tell me what you want ? </h3> </center>
  1028.  
  1029. <br>
  1030.  
  1031. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/g4bri37.tumblr.com" width="100%" style="height: 250px;"></iframe>
  1032. </div>
  1033. </div>
  1034. </div>
  1035.  
  1036.  
  1037. <div id="rules" class="popup_block">
  1038. <div style="background: #000;
  1039. height:420px;
  1040. width:300px;
  1041. position:fixed;
  1042. left:620px;
  1043. top:95px;">
  1044. <div id="popdatass">
  1045.  
  1046. <h1>RULES</h1>
  1047. <p>_________________________________________________</p>
  1048. <h3>1. Meta of this blog</h3>
  1049. <ul>
  1050. <li>This blog is about<strong> Reaper; </strong>real name<strong> Gabriel Reyes. </strong>He is affliated with the<strong> Overwatch Fandom.&nbsp;</strong></li>
  1051. <li>I do not own any images I post on this blog. Nor will I ever claim to do so.&nbsp;</li>
  1052. <li>This is the source of the background images. <a href="https://img00.deviantart.net/7bf2/i/2014/315/f/6/reaper_final_by_greentaldarin-d862oka.jpg">1.</a> <a href="https://twitter.com/krabat__/status/832592509490507777?lang=en">2.</a>&nbsp;</li>
  1053. <li>I do own the&nbsp;<strong>edits</strong> on this blog, and these are&nbsp;<em>not</em> free to use ! I&rsquo;d appreciate it if you do not use them&nbsp;</li>
  1054. <li>If I do post an edit on this blog, you&rsquo;re <strong>free</strong> to use them <strong>as long as</strong> the post itself states its free-use !&nbsp;</li>
  1055. <li>This blog is an <strong>independent</strong> blog. Not tied to any role play group or active party</li>
  1056. <li>This blog is <strong>selective</strong>. I will not follow back <em>all</em> roleplay blogs that follow me and generally will not follow back personals. But I do try to interact with non-mutuals</li>
  1057. <li>I won&rsquo;t be able to interact with <strong>everyone</strong> that comes to me but I&rsquo;ll try!&nbsp;</li>
  1058. <li>My ask box is always <strong>open</strong> for interaction !&nbsp;</li>
  1059. <li>This blog is <strong>NSFW</strong>. Violence, abuse are topics that are VERY relevant to Soldier 76</li>
  1060. <li>If you&rsquo;re not comfortable with any of this, feel free to unfollow ! I want your blog to stay safe and I understand this can make you uncomfortable.</li>
  1061. <li>However, to aid in this, I will tag any triggering content, including &rsquo;<strong>abuse</strong>&rsquo;, &rsquo;<strong>violence'&nbsp;</strong>and &rsquo;<strong>NSFW</strong>&rsquo; for example.&nbsp;<strong><br /></strong></li>
  1062. </ul>
  1063. <h3>2. Characterization</h3>
  1064. <ul>
  1065. <li>Understand that <strong>Reaper is a complex character</strong> and does not interact with all people the same!&nbsp;</li>
  1066. <li>The characterization for <strong>Reaper&nbsp;</strong>will be from the most recent shorts&nbsp; &lsquo;&nbsp;<strong>Inflitration and Recall</strong>&rsquo;, to the Overwatch Comics and In-game characterization.&nbsp;<strong><br /></strong></li>
  1067. <li><strong>I do ship a majority of Reaper ships</strong> but I love developing and fleshing them out ! However, most ships will come from Gabriel Reyes. Reaper is naturally more twisted and harder to be romantically involved with.&nbsp;</li>
  1068. <li><strong>Romantic ships with younger be downplayed.&nbsp;</strong>Reyes will naturally, if he connected to a younger muse, in a more parental role.&nbsp;<strong>Underage Ships will never appear in this blog and this refers to characters in their 20&rsquo;s who are consenting adults.&nbsp;</strong></li>
  1069. <li>As I am<strong> Multi-verse,</strong> interactions between characters can change between blogs.&nbsp;</li>
  1070. <li>Gabriel Reyes&nbsp; is a direct sufferer of <strong>Complex PTSD, a long term sufferer from years of direct combat in war conditions and trauma suffered through both medical trials and first hand witness to war abuse. I am explicit with this portrayal&nbsp;and if this makes you uncomfortable, I don&rsquo;t mind you unfollowing.&nbsp;</strong></li>
  1071. <li><strong>To an extension, he shows symptoms of DID and this will be fleshed out as characterization on this blog moves along.&nbsp;</strong></li>
  1072. </ul>
  1073. <h3>3. Mun</h3>
  1074. <ul>
  1075. <li><strong>I&rsquo;m Julie !</strong> Obviously not my real name, and its just a nickname !&nbsp;</li>
  1076. <li>I am <strong>not explicit about pronouns</strong>, but they/them is the easiest !&nbsp;</li>
  1077. <li>I<strong> try to tag everything</strong>, but if I miss something, please tell me about it so I can make you feel comfortable !&nbsp;</li>
  1078. </ul>
  1079.  
  1080.  
  1081. </div>
  1082. </div>
  1083. </div>
  1084.  
  1085.  
  1086.  
  1087. <div id="box3" class="popup_block">
  1088. <div style="background: #000;
  1089. height:420px;
  1090. width:300px;
  1091. position:fixed;
  1092. left:620px;
  1093. top:95px;">
  1094. <div id="popdatass">
  1095. <br>
  1096.  
  1097. <h1>BIO.&nbsp;</h1>
  1098. <p>_________________________________________________</p>
  1099. <h3>1. A primer.&nbsp;</h3>
  1100. <p><img src="https://78.media.tumblr.com/c781c18233aa8ba9d493d08438088fb7/tumblr_inline_oyih17pc4N1vo0n10_500.gif" /></p>
  1101. <p></p>
  1102. <p><strong>FULL NAME</strong> : Gabriel Reyes&nbsp;<br /><strong>CODE NAME</strong> : Reaper&nbsp;<br /><strong>AGE</strong> : currently UNKNOWN. presumed LATE 50&rsquo;s.<br /><strong>OCCUPATION</strong> : Talon Operative.&nbsp; Formerly United States SOLDIER. Formerly OVERWATCH COMMANDER. Formerly BLACKWATCH STRIKE COMMANDER.&nbsp;<br /><strong>GENDER</strong> : Male.<br /><strong>ORIENTATION</strong> : Demiromantic / Bisexual<br /><strong>NATIONALITY</strong> : AMERICAN&nbsp;<br /><strong>ALLEGIANCE</strong> : Talon. Council Member.&nbsp; Formerly &nbsp;United States Military <strong>&ndash;&gt;</strong> Overwatch <strong>- &gt;</strong> Blackwatch<br /><strong>BIRTHPLACE</strong> : Los Angeles<br /><strong>SPECIES</strong> : Human. Currently Composed of Nanomites.&nbsp;<br /><strong>SPECIALTY</strong> : Military Trained Super Soldier. Expertise in handling Military Grade Weaponry. Nanomachine creations.&nbsp;<br /><strong>WEAPONS AND EQUIPMENT :&nbsp;</strong></p>
  1103. <ol>
  1104. <li><strong>Hellfire Shotguns :&nbsp;</strong>&nbsp;A shot gun materialized from his nanomachine enhancements. Has limited ammo but can be materialized infinitely, and requires time for him to remake another gun before wasting the next. Insane high damage up close but has high spread and low accuracy the farther the target.&nbsp;</li>
  1105. </ol>
  1106. <h3>2. PERSONALITY</h3>
  1107. <p><a href="http://overwatch.wikia.com/wiki/Reaper"><strong>BLACK ROBED TERROR-FILLED&nbsp; SOLDIER</strong></a></p>
  1108. <p><strong><img src="https://78.media.tumblr.com/bb32177e427f29ec59fb5f6f7339bdbb/tumblr_inline_oyihvxHrcJ1vo0n10_500.gif" /></strong></p>
  1109. <p></p>
  1110. <p>The Reaper is an extremely <strong>volatile</strong> mercenary, a <strong>ruthless</strong> and <strong>remorseless</strong> killer responsible for terrorist attacks across the world. He has fought in many armed conflicts in the last decades, showing no loyalty to any cause or organization <strong>until recently</strong>, his ties to Talon, a terrorist organization on a global scale, becoming much more glaring.&nbsp;He's seemingly conceited and sadistic, often toying with his opponents when he has the upper hand in combat. With an impossibly high drive to win and finish missions, he tends to get easily annoyed at normally laughable and playful personalities</p>
  1111. <h3><img src="https://78.media.tumblr.com/4b1e67d0da6578cdb8bc2f96d62d2a55/tumblr_inline_oyihw7H7oL1vo0n10_500.gif" style="font-size: 14px; font-weight: normal;" /></h3>
  1112. <p>&nbsp; &nbsp; In the past, Gabriel Reyes was noted to be a headstrong and adamant person with a heart of gold, understanding of the trials and tribulations going through the toughened world that was their Omnic war. As time goes on, his cynicism and casuality towards his equal ( commanders Jack and Ana ) became much more apparent.&nbsp;</p>
  1113. <p></p>
  1114. <p></p>
  1115.  
  1116.  
  1117.  
  1118. </div>
  1119. </div>
  1120. </div>
  1121. </div>
  1122.  
  1123.  
  1124.  
  1125. <div id="box4" class="popup_block">
  1126. <div style="background: #000;
  1127. height:420px;
  1128. width:300px;
  1129. position:fixed;
  1130. left:620px;
  1131. top:95px;">
  1132. <div id="popdatass">
  1133. <br>
  1134. <h1>Verseology.&nbsp;</h1>
  1135. <p>_________________________________________________</p>
  1136. <h3>1. Damned Wraith : Talon Operative</h3>
  1137. <p><img src="https://78.media.tumblr.com/483f1ad40a301c8f71154367b7b24dd8/tumblr_inline_oyii8fOmXi1vo0n10_500.gif" /></p>
  1138. <p></p>
  1139. <p>&nbsp; &nbsp;&nbsp;Five years after the end of <strong>Overwatch</strong>, a series of attacks and executions were made on several Overwatch members. Sources say there was a <strong>black trail of wisps</strong> wafting off of the attacks, with a brutal <strong>massacre</strong> to whoever was victimized. He is the Reaper, a hidden terrorist who has successful infiltrated <strong>Volskya Industries and Watchpoint Gilbrator,</strong> off to seek the <strong>heads</strong> of any<strong> ex-Overwatch members</strong> that may threaten the world ideal of Talon. Or so he says.&nbsp;</p>
  1140. <h3>2. Omnic Crisis</h3>
  1141. <p><img src="https://78.media.tumblr.com/cde4f15f64f6367c8378bae265ee0588/tumblr_inline_oyiiak6SzG1vo0n10_500.gif" /></p>
  1142. <p></p>
  1143. <p>Known as <strong>Gabriel Reyes,</strong> he is the leader of the hidden <strong>Blackwatch</strong>,&nbsp;the <strong>covert operations</strong> arm of Overwatch. It operated under the radar and beyond the reach of any red tape. Filled with reports of <strong>mismanagement, human rights abuses and suspicious activity,</strong> the leader keeps his <strong>head in hot water</strong> dealing with the various problems that threatened the pristine word of Overwatch and the UN.&nbsp;</p>
  1144.  
  1145. </div>
  1146. </div>
  1147. </div>
  1148.  
  1149.  
  1150. <div id="box5" class="popup_block">
  1151. <div style="background: #000;
  1152. height:420px;
  1153. width:300px;
  1154. position:fixed;
  1155. left:620px;
  1156. top:95px;">
  1157. <div id="popdatass">
  1158. <br>
  1159.  
  1160. <div align="center">
  1161.  
  1162.  
  1163. </div>
  1164.  
  1165.  
  1166. </div>
  1167. </div>
  1168. </div>
  1169.  
  1170.  
  1171. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!