API tools faq
paste
Advertisement
narancias

Untitled

narancias
Sep 29th, 2019
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.  
  6. <!-- codes by VAULTTHEME.TUMBLR.COM
  7. - DO NOT REMOVE CREDIT
  8. - DO NOT USE AS BASE
  9. - DO NOT EDISTRIBUTE
  10. - DO NOT CLAIM AS YOUR OWN
  11. -->
  12.  
  13. <title>saprus.</title>
  14. <link rel="shortcut icon" href="https://cdn130.picsart.com/233613829062212.png?r1024x1024">
  15.  
  16. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  17. <script type="text/javascript">
  18. $(document).ready(function(){
  19. $(".con").hide();
  20. $("h2").click(function(){
  21. $(this).next(".con").slideToggle('fast');
  22. }); }); </script>
  23. <script type="text/javascript"
  24. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. //When you click on a link with class of poplight and the href starts with a #
  29. $('a.poplight[href^=#]').click(function() {
  30. var popID = $(this).attr('rel'); //Get Popup Name
  31. var popURL = $(this).attr('href'); //Get Popup href to define size
  32. //Pull Query & Variables from href URL
  33. var query= popURL.split('?');
  34. var dim= query[1].split('&');
  35. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  36. //Fade in the Popup and add close button
  37. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) })
  38. //.prepend('<a href="#" class="close"><img src="https://66.media.tumblr.com/6af5d5c420629727df31cbb9e3b8329b/tumblr_inline_p7ipsx1qcT1r7v6wt_75sq.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  39. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  40. var popMargTop = ($('#' + popID).height() + 80) / 2;
  41. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  42. //Apply Margin to Popup
  43. $('#' + popID).css({
  44. 'margin-top' : -popMargTop,
  45. 'margin-left' : -popMargLeft
  46. });
  47. //Fade in Background
  48. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  49. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  50. return false;
  51. });
  52. //Close Popups and Fade Layer
  53. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  54. $('#fade , .popup_block').fadeOut(function() {
  55. $('#fade, a.close').remove(); //fade them both out
  56. });
  57. return false;
  58. });
  59. });
  60.  
  61. </script>
  62.  
  63. <style type="text/css">
  64.  
  65. iframe:first-child {
  66. display: none !important;
  67. }
  68.  
  69. ::-webkit-scrollbar {
  70. background-color:#303030;
  71. height:11px;
  72. width:11px;
  73. }
  74.  
  75. ::-webkit-scrollbar-thumb {
  76. background-color:#303030;
  77. border:5px solid #fff;
  78. }
  79.  
  80. ::-webkit-scrollbar-track {
  81. background-color:#fafafa;
  82. border:5px solid #fff;
  83. }
  84.  
  85. body {
  86. margin:0;
  87. background-color: #FFE6EE;
  88. font:normal 12px tahoma, sans-serif;
  89. line-height:1.4;
  90. color:#000;
  91. }
  92.  
  93. a {
  94. text-decoration:none;
  95. color:#000;
  96. -webkit-transition:0.5s ease-in-out;
  97. -moz-transition:all 0.5s ease-in-out;
  98. -o-transition:all 0.5s ease-in-out;
  99. }
  100.  
  101. a:hover {
  102. color:#f08afe;
  103. -webkit-transition:0.8s ease-in-out;
  104. -moz-transition:all 0.8s ease-in-out;
  105. -o-transition:all 0.8s ease-in-out;
  106. }
  107.  
  108. #side {
  109. position:absolute;
  110. float:left;
  111. text-align:center;
  112. top:0px;
  113. left:50%;
  114. width:300px;
  115. margin-left:calc(-300px/2);
  116. padding:20px 0;
  117. }
  118.  
  119. h1 {
  120. font:normal 12px verdana, sans-serif;
  121. margin:0;
  122. }
  123.  
  124. .l1 {
  125. width:100%;
  126. height:0px;
  127. border-top:1px solid #303030;
  128. margin:10px 0;
  129. }
  130.  
  131. .sl {
  132. text-transform:lowercase;
  133. font-size:12px;
  134. margin:10px 0;
  135. }
  136.  
  137. .sl a {
  138. margin:0 5px;
  139. }
  140.  
  141. .desc {
  142. text-align:justify;
  143. width:300px;
  144. line-height:1.1;
  145. }
  146.  
  147. #main {
  148. position:absolute;
  149. float:left;
  150. text-align:center;
  151. top:150px;
  152. left:50%;
  153. width:600px;
  154. margin:0 0 50px calc(-600px/2);
  155. }
  156.  
  157. h2 {
  158. font:normal 12px verdana, sans-serif;
  159. text-transform:lowercase;
  160. width:100%;
  161. border:1px solid #303030;
  162. padding:5px 0;
  163. margin:5px 0;
  164. background:#fff;
  165. color:#FFB6C1;
  166. }
  167.  
  168. .tab {
  169. width:100%;
  170. text-align:center;
  171. margin:10px 0;
  172. background: #fff;
  173. padding:10px 0px 10px 0px;
  174. border:1px solid #303030;
  175. }
  176.  
  177. .av {
  178. display:inline-block;
  179. text-align:center;
  180. width:180px;
  181. height:230px;
  182. }
  183.  
  184. .icon {
  185. width:160px;
  186. height:230px;
  187. padding:0 10px 0 px 0px;
  188. margin:0;
  189. }
  190.  
  191. h3 {
  192. font:normal 11px tahoma, sans-serif;
  193. margin:0 5px 0 0;
  194. display:inline;
  195. text-transform:uppercase;
  196. letter-spacing:1px;
  197. color: #FFB6C1;
  198. }
  199.  
  200. .abt {
  201. display:inline-block;
  202. font-size:11px;
  203. overflow:auto;
  204. width:408px;
  205. height:230px;
  206. text-align:left;
  207. padding-right:5px;
  208. color:#000;
  209. }
  210.  
  211. .abt2 {
  212. display:inline-block;
  213. font-size:11px;
  214. overflow:auto;
  215. width:600px;
  216. height:430px;
  217. text-align:center;
  218. padding:0px 10px 0px 10px;
  219. color:#000;
  220. }
  221.  
  222. blockquote {
  223. font:normal 12px courier;
  224. color:#F76B14;
  225. margin:10px 5px;
  226. padding:0 5px;
  227. border-left:2px solid #C9FF73;
  228. line-height:1.2;
  229. text-transform:uppercase;
  230. }
  231.  
  232. .pink {
  233. color:#f08afe;
  234. font-weight:bold;
  235. }
  236.  
  237. .purple {
  238. color:#6700b8;
  239. font-weight:bold;
  240. }
  241.  
  242. .blue {
  243. color:#0000ff;
  244. font-weight:bold;
  245. }
  246.  
  247. .green {
  248. color:#00b833;
  249. font-weight:bold;
  250. }
  251.  
  252. .red {
  253. color:#ff0000;
  254. font-weight:bold;
  255. }
  256. /*pop up style*/
  257. #fade {
  258. display: none;
  259. background: #000;
  260. position: fixed;
  261. left: 0;
  262. top: 0;
  263. width: 100%;
  264. height: 100%;
  265. opacity: .80;
  266. z-index: 9999;
  267. }
  268.  
  269. .popup_block{
  270. display: none;
  271. padding: 20px;
  272. float: left;
  273. position: fixed;
  274. top: 50%;
  275. left: 50%;
  276. z-index: 99999;
  277. overflow-y:auto;
  278. overflow-x:hidden;
  279. max-height:700px;
  280. }
  281.  
  282. img.btn_close {
  283. float: right;
  284. margin: -15px -15px 0 0;
  285. width:8px;
  286. }
  287.  
  288. *html #fade {
  289. position: absolute;
  290. }
  291.  
  292. *html .popup_block {
  293. position: absolute;
  294. }
  295. /*pop up style*/
  296.  
  297.  
  298.  
  299.  
  300. <!-- CHANGE ABT2 HEIGHT TO 430PX -->
  301.  
  302. </style>
  303.  
  304. </head>
  305.  
  306. <body>
  307.  
  308. <div id="side">
  309. <h1>saprus.</h1>
  310. <div class="l1"></div>
  311. <div class="desc">
  312. <i>"maybe i'm not <b>good</b>, but really, i'm just a victim of circumstance."</i>
  313. </div>
  314. <div class="sl"><a href="http://vaulttheme.tumblr.com/">credit</a></div>
  315. </div>
  316.  
  317. <div id="main">
  318.  
  319. <!--DIVIDER-->
  320.  
  321. <h2>info</h2>
  322. <div class="con">
  323.  
  324. <!--DIVIDER-->
  325.  
  326. <div class="tab">
  327.  
  328. <div class="av">
  329. <img src="https://66.media.tumblr.com/64dbd54857d1b9b746ed09a26b931a68/c9953dd1e4aacf22-c9/s540x810/67f907a1bfb83781f9e6bd6552702cf728259375.png" class="icon" border="0">
  330. </div>
  331.  
  332. <div class="abt">
  333. <h3>Name: </h3>"Jayze" (Rhyming with "Haze")<br>
  334. <h3>Age: </h3>26<br>
  335. <h3>Height: </h3>5'7"<br>
  336. <h3>Weight: </h3>~120 lbs<br>
  337. <h3>Hair color:</h3>Pink (Dyed)<br>
  338. <h3>Eye color: </h3>Violet<br>
  339. <h3>Birthday:</h3>March 29 <br>
  340. <h3>Religion: </h3>None<br>
  341. <h3>Likes: </h3>Popsicles, switchblades, drugs, botany<br>
  342. <h3>Disikes: </h3>Actual or perceived threats, waiting<br>
  343. <h3>Personality: </h3>Talkative, capricious, impulsive, bratty <br><br>
  344.  
  345. <h3>Notes on appearance: </h3>Jayze has fluffy pink hair, thick eyebrows and violet eyes. Often has bandages on his face from the various fights he gets into, and often has blood smeared on his face for <i>hopefully</i> the same reason. Has cartilage piercings and dresses casually, often in a white button-up, black jacket and black jeans; or in an outfit resembling it. Almost never seen without his black leather collar. Has particularly sharp canines, and is associated with angel motifs. <br><br>
  346. <h3>Other background: </h3>
  347. <p>
  348. Jayze's meek but kind father divorced Jayze's abusive mother when he was young, gaining custody of him in the process. However, he was unable to solely financially provide for himself and his son, turning him to desperate measures. He struck a deal with the local gang where he would provide "favors" to them in exchange for borrowing money if he promised to pay them back. But with his father struggling to find job security and collapsing under the guilt of the favors, the gang rendered him a liability and shot him outside of the window of his and Jayze's apartment when Jayze was still a child.</p>
  349. <p>Not quite old enough to fully comprehend what was happening but in a panic nonetheless, Jayze ran as far and as fast away from the apartment as he possibly could. Terrified of trusting anyone, Jayze would bolt from even well-intentioned strangers approaching him, and would make an effort to hide from the gang members that he was convinced were after him as well. With his father dead, his mother not being an option to go back to, and being far too frightened to seek help, Jayze grew up on the streets, forcing him to steal and kill just to keep himself alive.
  350. </p>
  351. <p> All of these factors compounded to make Jayze the man he is today: someone almost in love with the idea of blood and crime in a self-destructive effort to normalize what he had been through to keep himself sane. Seeking power and security, Jayze now runs with various gangs, having no particular allegiance to any of them. He trusts nothing in this world except his own weapons, and will do whatever it takes to survive.
  352.  
  353. <h3>Additional information: </h3>
  354. <p>
  355. Jayze is nearly always smiling, though he is deceptively aggressive. He carefully masks his deep-set constant paranoia with an energetic and confident persona. Often found picking fights and engaging in other reckless behaviors seemingly to prove his own survivability as well as indulging in the pleasure of hurting others. He is impatient and can be quite childish, prone to throwing tantrums and crying when things don't go his way. He has a rather black-and-white view of the world, and has no qualms about brutally murdering those he deems vile or contemptible.
  356. <p>The name Jayze is an alias, and the name he was born under is unknown. His hair is naturally sandy blonde that he dyes bubblegum pink, but this was a decision based purely on Jayze liking the way it looks and not to conceal his identity.
  357. </p>
  358. <h3>Relationships:</h3>
  359. <p>Jayze and <a href="https://powermac.tumblr.com/sasha" style="text-decoration:underline;font-weight:bold;color:#00c2ff;" target="_blank">Sasha</a> are an in odd and unofficial relationship, but a relationship nonetheless. Jayze is fascinated by Sasha and his apparent inability to feel emotions, and even more so by the joy killing alone brings him. Jayze doesn't fully understand the details of why Sasha seems so completely and intensely devoted to him, but revels in his submission. Sasha will carry out any task Jayze asks of him without question, leading Jayze to assign Sasha his "dirty work". Though Jayze sees Sasha as something of a cherished pet, he does genuinely hold affections for him, the depths of which he isn't capable of grasping. He is more comfortable with Sasha than anyone else, and deep down, wants Sasha to live for himself, not just for the approval of a God that may or may not exist.</p>
  360. </div>
  361.  
  362. </div>
  363.  
  364. <!--DIVIDER-->
  365.  
  366. </div>
  367.  
  368. <!--DIVIDER-->
  369.  
  370. <h2>images</h2>
  371. <div class="con">
  372.  
  373. <!--DIVIDER-->
  374.  
  375. <div class="tab">
  376.  
  377. <div class="abt2">
  378. <p>Click to expand.</p>
  379. <table style="width:580px;text-align: center;">
  380. <tr>
  381. <td><a href="#?w=600" rel="1" class="poplight"><img src="https://66.media.tumblr.com/48c88ca0ff91c5e90c7a6c9886cce86b/tumblr_messaging_pygden20Yb1rx8gn3_100.png" /></a></td>
  382. <td><a href="#?w=600" rel="2" class="poplight"><img src="https://i.imgur.com/iVUCT6X.png" /></a></td>
  383. <td><a href="#?w=600" rel="3" class="poplight"><img src="https://i.imgur.com/YL5lOWC.png" /></a></td>
  384. <td><a href="#?w=600" rel="4" class="poplight"><img src="https://i.imgur.com/wqhXcwU.png" /></a></td>
  385. <td><a href="#?w=600" rel="5" class="poplight"><img src="https://i.imgur.com/dUZ63A5.png" /></a></td>
  386. </tr>
  387. <tr>
  388. <td><a href="https://picrew.me/image_maker/41329" target="_blank">credit</a></td>
  389. <td><a href="https://picrew.me/image_maker/79516" target="_blank">credit</a></td>
  390. <td><a href="https://picrew.me/image_maker/84797" target="_blank">credit</a></td>
  391. <td><a href="https://picrew.me/image_maker/99148" target="_blank">credit</a></td>
  392. <td><a href="https://picrew.me/image_maker/73327" target="_blank">credit</a></td>
  393. </tr>
  394. <tr>
  395. <td><a href="#?w=600" rel="6" class="poplight"><img src="https://i.imgur.com/h8sRxs8.png" /></a></td>
  396. <td><a href="#?w=600" rel="7" class="poplight"><img src="https://i.imgur.com/oPUFZ3G.png" /></a></td>
  397. <td><a href="#?w=600" rel="8" class="poplight"><img src="https://66.media.tumblr.com/697da05baf08e1958f838c71c714a72d/tumblr_messaging_pygjj23snE1rx8gn3_100.png" /></a></td>
  398. <td><a href="#?w=600" rel="9" class="poplight"><img src="https://i.imgur.com/5n9jprr.png" /></a></td>
  399. <td><a href="#?w=600" rel="10" class="poplight"><img src="https://i.imgur.com/1FaKpMQ.png" /></a></td>
  400. </tr>
  401. <tr>
  402. <td><a href="https://picrew.me/image_maker/6324" target="_blank">credit</a></td>
  403. <td><a href="https://picrew.me/image_maker/10948" target="_blank">credit</a></td>
  404. <td><a href="https://picrew.me/image_maker/43383" target="_blank">credit</a></td>
  405. <td><a href="https://picrew.me/image_maker/32223" target="_blank">credit</a></td>
  406. <td><a href="https://picrew.me/image_maker/17569" target="_blank">credit</a></td>
  407. </tr>
  408. <tr>
  409. <td><a href="#?w=600" rel="11" class="poplight"><img src="https://i.imgur.com/rYjjabg.png" /></a></td>
  410. <td></td>
  411. <td><a href="#?w=600" rel="12" class="poplight"><img src="https://i.imgur.com/0wQLwVP.png" /></a></td>
  412. <td></td>
  413. <td><a href="#?w=600" rel="13" class="poplight"><img src="https://i.imgur.com/znmV3H5.png" /></a></td>
  414. </tr>
  415. <tr>
  416. <td><a href="https://picrew.me/image_maker/21859" target="_blank">credit</a></td>
  417. <td></td>
  418. <td><a href="https://picrew.me/image_maker/35164" target="_blank">credit</a></td>
  419. <td></td>
  420. <td><a href="https://picrew.me/image_maker/139707" target="_blank">credit</a></td>
  421. </tr>
  422. </table>
  423. </div>
  424.  
  425. </div>
  426.  
  427. </div>
  428.  
  429. <!--DIVIDER-->
  430.  
  431.  
  432.  
  433. </div>
  434. <div id="1" class="popup_block"><p><img src="https://66.media.tumblr.com/823a371eee4eb4e88553f7ddf33af0a4/tumblr_messaging_pyej4qGqAR1rx8gn3_640.png" style="max-height:100%;" /></p></div>
  435. <div id="2" class="popup_block"><img src="https://cdn.discordapp.com/attachments/626285422825439243/626460442876837920/79516_DozFR94T.png" style="max-height:100%;" /></div>
  436. <div id="3" class="popup_block"><img src="https://cdn.discordapp.com/attachments/434437106501287936/626308250694058033/84797_FGOK9HL4.png" style="max-height:100%;" /></div>
  437. <div id="4" class="popup_block"><img src="https://cdn.discordapp.com/attachments/434437106501287936/626288444066234378/jayze.png" style="max-height:100%;" /></div>
  438. <div id="5" class="popup_block"><img src="https://cdn.discordapp.com/attachments/626285422825439243/626556302348255235/jayze10.png" style="max-height:100%;" /></div>
  439.  
  440. <div id="6" class="popup_block"><img src="https://cdn.discordapp.com/attachments/434437106501287936/626657091171516426/jayze2.png" style="max-height:100%;" /></div>
  441. <div id="7" class="popup_block"><img src="https://cdn.discordapp.com/attachments/434437106501287936/626292683626905602/jayze3.png" style="max-height:100%;" /></div>
  442. <div id="8" class="popup_block"><img src="https://cdn.discordapp.com/attachments/626285422825439243/626862434640068628/jayze4.png" style="max-height:100%;" /></div>
  443. <div id="9" class="popup_block"><img src="https://cdn.discordapp.com/attachments/626285422825439243/626300532109082635/jayze6.png" style="max-height:100%;" /></div>
  444. <div id="10" class="popup_block"><img src="https://cdn.discordapp.com/attachments/626285422825439243/626477004946014218/jayze7.png" style="max-height:100%;" /></div>
  445.  
  446. <div id="11" class="popup_block"><img src="https://cdn.discordapp.com/attachments/626285422825439243/626496068846223362/jayze8.png" style="max-height:100%;" /></div>
  447. <div id="12" class="popup_block"><img src="https://cdn.discordapp.com/attachments/626285422825439243/626538581254733854/jayze9.png" style="max-height:100%;" /></div>
  448. <div id="13" class="popup_block"><img src="https://cdn.discordapp.com/attachments/626285422825439243/626285652433960970/piccrew_boy.png" style="max-height:100%;" /></div>
  449.  
  450. </body>
  451.  
  452. </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!