API tools faq
paste
Advertisement
cityinferno

instinctsarebad

cityinferno
Jul 26th, 2016
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.03 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <!---- this is theme 32 by Hollywhood
  7. please don't remove the credit
  8. thank yo
  9. --->
  10.  
  11. <!-- Start of StatCounter Code for Tumblr -->
  12. <script type="text/javascript">
  13. var sc_project=11051015;
  14. var sc_invisible=1;
  15. var sc_security="e3da8aab";
  16. var scJsHost = (("https:" == document.location.protocol) ?
  17. "https://secure." : "http://www.");
  18. document.write("<sc"+"ript type='text/javascript' src='" +
  19. scJsHost+
  20. "statcounter.com/counter/counter.js'></"+"script>");
  21. </script>
  22. <noscript><div class="statcounter"><a title="counter for
  23. tumblr" href="http://statcounter.com/tumblr/"
  24. target="_blank"><img class="statcounter"
  25. src="//c.statcounter.com/11051015/0/e3da8aab/1/"
  26. alt="counter for tumblr"></a></div></noscript>
  27. <!-- End of StatCounter Code for Tumblr -->
  28.  
  29. <script type="text/javascript">
  30. // <![CDATA[
  31. var colour="#cacaca"; // what colour are the blobs
  32. var speed=66; // speed of animation, lower is faster
  33. var blobs=7; // how many blobs are in the jar
  34. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  35.  
  36. /***************************\
  37. * Blobs in a Jar Effect *
  38. * (c)2012 mf2fm web-design *
  39. * http://www.mf2fm.com/rv *
  40. * DON'T EDIT BELOW THIS BOX *
  41. \***************************/
  42.  
  43. window.onload=fill_the_jar;
  44. var div;
  45. var xpos=new Array();
  46. var ypos=new Array();
  47. var zpos=new Array();
  48. var dx=new Array();
  49. var dy=new Array();
  50. var dz=new Array();
  51. var blob=new Array();
  52. var swide=800;
  53. var shigh=600;
  54. function fill_the_jar() {
  55. var i, dvs;
  56. div=document.createElement('div');
  57. dvs=div.style;
  58. dvs.position='fixed';
  59. dvs.left='0px';
  60. dvs.top='0px';
  61. dvs.width='1px';
  62. dvs.height='1px';
  63. document.body.appendChild(div);
  64. set_width();
  65. for (i=0; i<blobs; i++) {
  66. add_blob(i);
  67. jamjar(i);
  68. }
  69. }
  70.  
  71. function add_blob(ref) {
  72. var dv, sy;
  73. dv=document.createElement('div');
  74. dv.appendChild(document.createTextNode(charc));
  75. sy=dv.style;
  76. sy.position='absolute';
  77. sy.textAlign="center";
  78. if (navigator.appName=="Microsoft Internet Explorer") {
  79. sy.fontSize="10px";
  80. sy.width="100px";
  81. sy.height="100px";
  82. sy.paddingTop="40px";
  83. sy.color=colour;
  84. }
  85. else sy.color='rgba(0,0,0,0)';
  86. ypos[ref]=Math.floor(shigh*Math.random());
  87. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  88. xpos[ref]=Math.floor(swide*Math.random());
  89. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  90. zpos[ref]=Math.random()*20;
  91. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  92. blob[ref]=dv;
  93. div.appendChild(blob[ref]);
  94. set_blob(ref);
  95. }
  96. function rejig(ref, xy) {
  97. if (xy=='y') {
  98. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  99. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  100. }
  101. else {
  102. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  103. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  104. }
  105. }
  106. function sign(a) {
  107. if (a<0) return (-2);
  108. else if (a>0) return (2);
  109. else return (0);
  110. }
  111. function set_blob(ref) {
  112. var sy;
  113. sy=blob[ref].style;
  114. sy.top=ypos[ref]+'px';
  115. sy.left=xpos[ref]+'px';
  116. if (navigator.appName=="Microsoft Internet Explorer") {
  117. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  118. sy.fontSize=30-zpos[ref]+"px";
  119. }
  120. else {
  121. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  122. sy.fontSize=40+zpos[ref]+'px';
  123. }
  124. }
  125. function jamjar(ref) {
  126. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  127. ypos[ref]+=dy[ref];
  128. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  129. xpos[ref]+=dx[ref];
  130. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  131. zpos[ref]+=dz[ref];
  132. set_blob(ref);
  133. setTimeout("jamjar("+ref+")", speed);
  134. }
  135.  
  136. window.onresize=set_width;
  137. function set_width() {
  138. var sw_min=999999;
  139. var sh_min=999999;
  140. if (document.documentElement && document.documentElement.clientWidth) {
  141. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  142. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  143. }
  144. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  145. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  146. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  147. }
  148. if (document.body.clientWidth) {
  149. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  150. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  151. }
  152. if (sw_min==999999 || sh_min==999999) {
  153. sw_min=800;
  154. sh_min=600;
  155. }
  156. swide=sw_min;
  157. shigh=sh_min;
  158. }
  159. // ]]>
  160. </script>
  161.  
  162. <!-- SCM Music Player http://scmplayer.net -->
  163. <script type="text/javascript" src="http://scmplayer.net/script.js"
  164. data-config="{'skin':'skins/black/skin.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'Put It Down For','url':'https://www.youtube.com/watch?v=Bm-9C44cbe0'},{'title':'Stand By Me','url':'https://www.youtube.com/watch?v=JeKdA86ryBQ'},{'title':'Tamer','url':'https://www.youtube.com/watch?v=BKSip7nZBzw'},{'title':'Hearing Damage','url':'https://www.youtube.com/watch?v=P7nz6-UVrmU'}]}" ></script>
  165. <!-- SCM Music Player script end -->
  166.  
  167. <!---META--->
  168.  
  169. <title>{title}</title>
  170. <link rel="shortcut icon" href="{Favicon}">
  171. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  172. <meta name="description" content="" />
  173. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  174.  
  175. <!--- COLOR OPTIONS --->
  176. <meta name="color:Background" content="#000000"/>
  177. <meta name="color:Text" content="#9B9B9B"/>
  178. <meta name="color:Link" content="#b8b8b8"/>
  179. <meta name="color:border" content="#F2F2F2"/>
  180. <meta name="color:scrollbar" content="#D6D5D5">
  181. <meta name="color:bg" content="#FFFFFF">
  182. <meta name="color:Link Hover" content="#eeeeee"/>
  183.  
  184. <!---META--->
  185.  
  186. <!---POP UP ASK BOX--->
  187.  
  188. <script type="text/javascript"
  189. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  190. <script>
  191. $(document).ready(function() {
  192. //
  193. $('a.poplight[href^=#]').click(function() {
  194. var popID = $(this).attr('rel');
  195. var popURL = $(this).attr('href');
  196. var query= popURL.split('?');
  197. var dim= query[1].split('&');
  198. var popWidth = dim[0].split('=')[1];
  199. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  200. var popMargTop = ($('#' + popID).height() + 80) / 2;
  201. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  202. $('#' + popID).css({
  203. 'margin-top' : -popMargTop,
  204. 'margin-left' : -popMargLeft
  205. });
  206. $('body').append('<div id="fade"></div>');
  207. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  208. return false;
  209. });
  210. $('a.close, #fade').live('click', function() {
  211. $('#fade , .popup_block').fadeOut(function() {
  212. $('#fade, a.close').remove();
  213. });
  214. return false;
  215. });
  216. });
  217. </script>
  218.  
  219. <!---POP UP ASK BOX--->
  220.  
  221. <!---POP UP LINKS--->
  222.  
  223. <script type="text/javascript"
  224. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  225. <script>
  226. $(document).ready(function() {
  227. //
  228. $('a.poplight[href^=#]').click(function() {
  229. var popID = $(this).attr('rel'); //Get Popup Name
  230. var popURL = $(this).attr('href'); //Get Popup href to define size
  231. var query= popURL.split('?');
  232. var dim= query[1].split('&');
  233. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  234. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  235. var popMargTop = ($('#' + popID).height() + 80) / 2;
  236. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  237. //Apply Margin to Popup
  238. $('#' + popID).css({
  239. 'margin-top' : -popMargTop,
  240. 'margin-left' : -popMargLeft
  241. });
  242. $('body').append('<div id="fade"></div>');
  243. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  244. return false;
  245. });
  246. $('a.close, #fade').live('click', function() {
  247. $('#fade , .popup_block').fadeOut(function() {
  248. $('#fade, a.close').remove(); //fade them both out
  249. });
  250. return false;
  251. });
  252. });
  253. </script>
  254.  
  255. <!---POPUP LINKS--->
  256.  
  257.  
  258.  
  259. <style>
  260.  
  261. div#qTip {
  262. padding: 3px;
  263. display: none;
  264. text-align: center;
  265. position: absolute;
  266. font-style:normal;
  267. margin-top:3px;
  268. margin-left:15px;
  269. font-size:8px;
  270. line-height:9px;
  271. font-family:cambria;
  272. z-index: 1000;
  273. background-color:#888;
  274. border: 3px solid #3d3931;
  275. color: #fff;
  276. text-transform:uppercase;
  277. letter-spacing: 1px;
  278. }
  279.  
  280. /* --- POP-UP CSS --- */
  281.  
  282. #fade { /*--Transparent background layer--*/
  283. display: none; /*--hidden by default--*/
  284. background: #000;
  285. position: fixed; left: 0; top: 0;
  286. width: 100%; height: 100%;
  287. opacity: .80;
  288. z-index: 9999;
  289. }
  290. .popup_block{
  291. display: none; /*--hidden by default--*/
  292. background: transparent;
  293. padding: 20px;
  294. border: 20px solid #2e221b opacity:0.6;
  295. overflow:scroll;
  296. overflow-x:hidden;
  297. float: left;
  298. font-size: 1.2em;
  299. position: fixed;
  300. top: 50%; left: 50%;
  301. z-index: 99999;
  302. /*--CSS3 Box Shadows--*/
  303. -webkit-box-shadow: 0px 0px 20px #000;
  304. -moz-box-shadow: 0px 0px 20px #000;
  305. box-shadow: 0px 0px 20px #000;
  306. /*--CSS3 Rounded Corners--*/
  307. -webkit-border-radius: 10px;
  308. -moz-border-radius: 10px;
  309. border-radius: 10px;
  310. }
  311. img.btn_close {
  312. float: right;
  313. margin: -5px -5px 0 0;
  314. }
  315. /*--Making IE6 Understand Fixed Positioning--*/
  316. *html #fade {
  317. position: absolute;
  318. }
  319. *html .popup_block {
  320. position: absolute;
  321. }
  322.  
  323. #box1 {
  324. box-shadow: 4px 4px 20px transparent;
  325. }
  326. #box2 {
  327. background-image: url("http://static.tumblr.com/vt541sw/azKo8ked3/pop.png");
  328. }
  329. #box3 {
  330. background-image: url("http://static.tumblr.com/vt541sw/azKo8ked3/pop.png");
  331. }
  332. #box4 {
  333. background-image: url("http://static.tumblr.com/vt541sw/azKo8ked3/pop.png");
  334. }
  335. #box5 {
  336. background-image: url("http://static.tumblr.com/vt541sw/azKo8ked3/pop.png");
  337. }
  338.  
  339. #popuptext {
  340. width:220px;
  341. margin-left:170px;
  342. margin-top:30px;
  343. HEIGHT:300px;
  344. max-height: 300px;
  345. OVERFLOW-x:hidden;
  346. overflow-y:scroll;
  347. color:#ffffff;
  348. font-size:10px;
  349. }
  350.  
  351. #popuptext a{
  352. color:white;
  353. }
  354.  
  355. #popuptitle {
  356. width:300px;
  357. text-align:left;
  358. font-size:15px;
  359. margin-bottom:10px;
  360. color:white;
  361. font-weight:900;
  362. padding:10px;
  363. text-shadow: 2px 2px 6px black;
  364. font-family:Russel Write TT, italic;
  365. letter-spacing: 3px;
  366. }
  367.  
  368. #poplinks a {
  369. display:block;
  370. font-size:10px;
  371. text-align:center;
  372. margin-top:8px;
  373. padding:5px;
  374. letter-spacing:1px;
  375. border:2px solid white;
  376. color:{color:bacckground};
  377. width:200px;
  378. -webkit-transition: all .8s ease-in-out;
  379. -moz-transition: all .8s ease-in-out;
  380. -ms-transition: all .8s ease-in-out;
  381. -o-transition: all .8s ease-in-out;
  382. transition: all .8s ease-in-out;}
  383.  
  384. #poplinks a:hover {
  385. border:1px solid black;
  386. box-shadow:inset 500px 0 0 black;
  387. color:white;
  388. -webkit-transition: all .8s ease-in-out;
  389. -moz-transition: all .8s ease-in-out;
  390. -ms-transition: all .8s ease-in-out;
  391. -o-transition: all .8s ease-in-out;
  392. transition: all .8s ease-in-out;}
  393.  
  394. /* POP UP END */
  395.  
  396.  
  397. </style>
  398.  
  399. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  400. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  401. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  402. <script>
  403. (function($){
  404. $(document).ready(function(){
  405. $("[title]").style_my_tooltips({
  406. tip_follows_cursor:true,
  407. tip_delay_time:200,
  408. tip_fade_speed:300
  409. });
  410. });
  411. })(jQuery);
  412. </script>
  413.  
  414. <style type="text/css">
  415.  
  416. img {
  417. -webkit-filter: grayscale(100%);
  418. z-index: -9999999999999999999999999px;
  419. -webkit-transition: all 0.9s ease-in-out;
  420. -moz-transition: all 0.9s ease-in-out;
  421. -o-transition: all 0.9s ease-in-out;
  422. -ms-transition: all 0.9s ease-in-out;
  423. transition: all 0.9s ease-in-out;
  424. }
  425.  
  426. img:hover {
  427. -webkit-filter: grayscale(0%);
  428. z-index: -9999999999999999999999999px;
  429. -webkit-transition: all 0.9s ease-in-out;
  430. -moz-transition: all 0.9s ease-in-out;
  431. -o-transition: all 0.9s ease-in-out;
  432. -ms-transition: all 0.9s ease-in-out;
  433. transition: all 0.9s ease-in-out;
  434. }
  435.  
  436.  
  437. #s-m-t-tooltip{
  438. max-width:300px;
  439. margin:15px;
  440. padding:2px 8px;
  441. border:1px dashed {color:border};
  442. border-radius:0px;
  443. background:#1d1d1d;
  444. color:#6e6e6e;
  445. z-index:999999;
  446. font-size:8px;
  447. font-style:none;
  448. letter-spacing:2px;
  449. font-family:calibri;
  450. text-transform:uppercase;
  451. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  452.  
  453. /* --- BACKGROUND --- */
  454.  
  455. body {
  456. background: #000 url("http://static.tumblr.com/60503e8f7698f8c05347ef48ba0aee44/xmewmqx/557o8d8fz/tumblr_static_97sxvwzbql0c84gsoccckocog.png") no-repeat left top fixed;
  457. margin:0px;
  458. color:{color:text};
  459. font-weight: bold italic;
  460. font-family: 'Ubuntu Condensed', sans-serif;
  461. font-size:16px;
  462. l ine-height:120%;
  463. }
  464.  
  465. /* --- SCROLLBAR --- */
  466.  
  467. ::-webkit-scrollbar-thumb{
  468. background-color: #333;
  469. border: 2px solid {color:background};
  470. height:auto;
  471.  
  472. }
  473.  
  474. ::-webkit-scrollbar {
  475. height:auto;
  476. width:9px;
  477. background-color: #333;
  478. background-size: cover;
  479. border: 4px solid {color:background};
  480.  
  481. }
  482.  
  483. *, body, a, a:hover {cursor: url(http://media.tumblr.com/649c000edb2f0b30a6b3f462d580ffbc/tumblr_inline_mmsrqqFXgB1qz4rgp.png), auto;}
  484.  
  485. iframe#tumblr_controls {
  486. white-space:nowrap;
  487. -webkit-filter: invert(100%);
  488. -moz-filter: invert(100%);
  489. -o-filter: invert(100%);
  490. -ms-filter: invert(100%);
  491. filter: invert(100%);
  492. opacity:.2;transition: .8s ease-in-out;
  493. -webkit-transition: .8s ease-in-out;
  494. -moz-transition: .8s ease-in-out;
  495. -o-transition: .8s ease-in-out;
  496. }
  497.  
  498.  
  499. h1 {
  500. font-weight:normal;
  501. font-size:15px;
  502. text-align:center;
  503. font-style:normal;
  504. line-height:100%;
  505. letter-spacing:1px;
  506. text-transform:normal;
  507. color:{color:text};
  508.  
  509. }
  510.  
  511.  
  512. h2 {
  513. font-size:10px;
  514. text-align:center;
  515. line-height:100%;
  516. letter-spacing:-0.5px;
  517. color:{color:text};
  518. font-weight:bold;
  519. text-transform:uppercase;
  520. padding:5px;
  521. padding-bottom:2px;
  522.  
  523. }
  524.  
  525. blockquote {
  526. border-left:2px solid {color:text};
  527. padding-left:5px;
  528. margin:5px;
  529.  
  530. }
  531.  
  532. b, strong {font-weight: italic;
  533. color:#0000;
  534. text-shadow: 1px 2px 2px #000000;
  535. font-family: arial;
  536. font-size:15px;
  537. }
  538.  
  539. big { font-size:15px; }
  540.  
  541. small, sub, sup {font-size:12px; }
  542.  
  543. i, em {
  544. text-transform: italic;
  545. color:#ffffff;
  546. letter-spacing:1px;
  547. text-shadow:0px 0px 3px #fff;
  548. font-family: 'Permanent Marker', cursive;
  549. font-size:14px;
  550.  
  551. }
  552.  
  553.  
  554.  
  555. a {
  556. text-decoration:none;
  557. outline:none;
  558. -moz-outline-style:none;
  559. color:{color:link};
  560. -moz-transition-duration:0.5s;
  561. -webkit-transition-duration:0.5s;
  562. -o-transition-duration:0.5s;
  563.  
  564. }
  565.  
  566.  
  567.  
  568. a:hover {
  569. text-decoration:none;
  570. outline:none;
  571. -moz-outline-style:none;
  572. color:{color:link hover};
  573.  
  574. }
  575.  
  576.  
  577.  
  578. img {
  579. border:none;
  580.  
  581. }
  582.  
  583.  
  584.  
  585. blockquote {
  586. padding-left:5px;
  587. border-left:1px solid;
  588.  
  589. }
  590.  
  591.  
  592.  
  593. blockquote blockquote {
  594. padding-left:5px;
  595. border-left:1px solid;
  596.  
  597. }
  598.  
  599.  
  600.  
  601. #post {
  602. width:261px;
  603. padding-bottom:30px;
  604. margin-top:20px;
  605.  
  606. }
  607.  
  608.  
  609. #entries {
  610. padding:10px;
  611. height: 291px;
  612. width:261px;
  613. margin-left:443px;
  614. margin-top: 244px;
  615. margin-bottom:40px;
  616. position:auto;
  617. background-color: #;
  618. overflow-x: hidden;
  619. overflow-y: transparent;
  620. padding: 20px;
  621. border:hidden
  622.  
  623. }
  624.  
  625.  
  626.  
  627. #sidebar {
  628. color:{color:text};
  629. position: fixed;
  630. width:91px;
  631. height: 50%;
  632. margin-top: 0px;
  633. margin-left: 800px;
  634. text-align:left;
  635. border-right: 0px solid #e3e3e3;
  636. padding-right:120px;
  637.  
  638. }
  639.  
  640.  
  641.  
  642. #sidebar img {
  643. position:fixed;
  644. width:60px;
  645. margin-top:220px;
  646. margin-bottom:5px;
  647.  
  648. }
  649.  
  650.  
  651.  
  652. #links {
  653. position: fixed;
  654. font-family:arial;
  655. width:50px;
  656. margin-top:150px;
  657. margin-left:135px;
  658. font-size:25px;
  659. text-transform:lowercase;
  660. text-align:left;
  661. line-height:20px;
  662.  
  663. }
  664.  
  665.  
  666.  
  667. #links a{
  668. line-height:170%;
  669. padding:10px;
  670. margin-top:1px;
  671. margin-left:2px;
  672. letter-spacing:1px;
  673. color:#bfbfbf;
  674. webkit-filter: blur (1px);
  675. -moz-transition-duration:.7s;
  676. -webkit-transition-duration:.7s;
  677. -o-transition-duration:.7s;
  678.  
  679. }
  680.  
  681.  
  682.  
  683. #links a:hover {
  684. color: #ffffff;
  685. -moz-transition-duration:.4s;
  686. -webkit-transition-duration:.4s;
  687. -o-transition-duration:.4s; opacity:1;
  688. color:#fff;
  689. -webkit-filter: blur(4px);}
  690.  
  691.  
  692. }
  693. #description {
  694. border-top:solid 1px transparent;
  695. border-bottom:solid 1px transparent;
  696. width: 120px;
  697. height: 300px;
  698. font-size: 8px;
  699. font-family:helvetica;
  700. text-align: justify;
  701. top: 350px;
  702. line-height:15px;
  703. position: fixed;
  704. overflow-y: scroll;
  705. padding-right: 5px;
  706. margin-left: 825px;
  707.  
  708. }
  709.  
  710. #description b, strong {
  711. color: {color:Post Bold};
  712. font-family: 'Oswald', sans-serif;
  713. text-transform:uppercase;
  714. text-shadow: 0px 0px 1px #9c3b3b;
  715. font-size:14px;
  716. letter-spacing:0px;
  717.  
  718. }
  719.  
  720. #description i, em {
  721. color: {color:Post Italic};
  722. font-family: 'Homemade Apple', cursive;
  723. text-shadow: 0px 0px 3px #fff;
  724. text-transform:none;
  725. font-size:12px;
  726. letter-spacing:1px;
  727. }
  728.  
  729.  
  730.  
  731.  
  732. /* --- JUMBLE LINKS --- */
  733.  
  734.  
  735.  
  736. .anavlinks {
  737. transform: rotate(20deg);
  738. text-shadow:1px 1px 3px #000;
  739. color:{color:Special};
  740. text-shadow: #7f7f7f 0 0 7px;
  741. background: transparent;
  742. padding: 2px;
  743. position: fixed;
  744. height:auto;
  745. width: 100px;
  746. top:90px;
  747. left:580px;
  748. font-family: tahoma;
  749. text-transform:uppercase;
  750. text-align: right;
  751. font-size: 15px;
  752. letter-spacing:0.5px;
  753. line-height:130%;
  754. padding-top: 2px;
  755. }
  756.  
  757. .navlinks a {
  758. color:{color:link};
  759. }
  760.  
  761. a:hover{
  762. color: transparent;
  763. text-shadow: #7f7f7f 0 0 5px;
  764. text-decoration:none;
  765.  
  766. }
  767.  
  768. .bnavlinks {
  769. transform: rotate(20deg);
  770. color:{color:Special};
  771. background: transparent;
  772. padding: 2px;
  773. position: fixed;
  774. height:auto;
  775. width: 100px;
  776. top:60px;
  777. left:-140px;
  778. font-family: tahoma;
  779. text-transform:uppercase;
  780. text-align: right;
  781. font-size: 22px;
  782. letter-spacing:0.5px;
  783. line-height:130%;
  784. padding-top: 2px;
  785. }
  786.  
  787. .navlinks a {
  788. color:{color:link};
  789. }
  790.  
  791. .navlinks a:hover {
  792. color: {color:link hover};
  793. text-transform: uppercase;
  794. }
  795.  
  796.  
  797. .cnavlinks {
  798.  
  799. color:{color:Special};
  800. background: transparent;
  801. padding: 2px;
  802. position: fixed;
  803. height:auto;
  804. width: 100px;
  805. top:-50px;
  806. left:-40px;
  807. font-family: tahoma;
  808. text-transform:uppercase;
  809. text-align: right;
  810. font-size: 20px;
  811. letter-spacing:0.5px;
  812. line-height:130%;
  813. padding-top: 2px;
  814. }
  815.  
  816. .navlinks a {
  817. color:{color:link};
  818. }
  819.  
  820. .navlinks a:hover {
  821. color: {color:link hover};
  822. text-transform: uppercase;
  823. }
  824.  
  825.  
  826. .dnavlinks {
  827. color:{color:Special};
  828. background: transparent;
  829. padding: 2px;
  830. position: fixed;
  831. height:auto;
  832. width: 100px;
  833. top:40px;
  834. left:-250px;
  835. font-family: tahoma;
  836. text-transform:uppercase;
  837. text-align: right;
  838. font-size: 45px;
  839. letter-spacing:0.5px;
  840. line-height:130%;
  841. padding-top: 2px;
  842. }
  843.  
  844. .navlinks a {
  845. color:{color:link};
  846. }
  847.  
  848. .navlinks a:hover {
  849. color: {color:link hover};
  850. text-transform: uppercase;
  851. }
  852.  
  853.  
  854. .enavlinks {
  855. transform: rotate(-50deg);
  856. color:{color:Special};
  857. background: transparent;
  858. padding: 2px;
  859. position: fixed;
  860. height:auto;
  861. width: 100px;
  862. top:10px;
  863. left:145px;
  864. font-family: tahoma;
  865. text-transform:uppercase;
  866. text-align: right;
  867. font-size: 25px;
  868. letter-spacing:0.5px;
  869. line-height:130%;
  870. padding-top: 2px;
  871. }
  872.  
  873. .navlinks a {
  874. color:{color:link};
  875. }
  876.  
  877. .navlinks a:hover {
  878. color: {color:link hover};
  879. text-transform: uppercase;
  880. }
  881.  
  882.  
  883. .fnavlinks {
  884. color:{color:Special};
  885. background: transparent;
  886. padding: 2px;
  887. position: fixed;
  888. height:auto;
  889. width: 100px;
  890. top:-40px;
  891. left:-150px;
  892. font-family: tahoma;
  893. text-transform:uppercase;
  894. text-align: right;
  895. font-size: 30px;
  896. letter-spacing:0.5px;
  897. line-height:130%;
  898. padding-top: 2px;
  899. }
  900.  
  901. .navlinks a {
  902. color:{color:link};
  903. }
  904.  
  905. .navlinks a:hover {
  906. color: {color:link hover};
  907. text-transform: uppercase;
  908. }
  909.  
  910. /* --- JUMBLE LINKS --- */
  911.  
  912.  
  913. .sidebartitle {
  914. width:100px;
  915. text-align:center;
  916. position:fixed;
  917. font-style:italic;
  918. font-family:French Script MT;
  919. line-height:120%;
  920. margin-left:69px;
  921. font-size:20px;
  922. margin-top:217px;
  923. color:#999;
  924.  
  925. }
  926.  
  927.  
  928.  
  929. #pagination {
  930. font-size:11px;
  931. text-transform:uppercase;
  932. margin-top:100px;
  933. margin-left:70px;
  934. letter-spacing:3px;
  935. font-style:normal;
  936. text-align:center;
  937.  
  938. }
  939.  
  940.  
  941.  
  942. #pagination a {
  943. color:{color:link};
  944.  
  945. }
  946.  
  947.  
  948.  
  949. #info {
  950. font-family:times;
  951. width:491px;
  952. margin-top:3px;
  953. padding:5px;
  954. font-size:7px;
  955. color:{color:text};
  956. text-transform:uppercase;
  957. font-style:normal;
  958. text-align:left;
  959. background-color:#826956 opacity:0.5%;
  960. -moz-transition-duration:0.5s;
  961. -webkit-transition-duration:0.5s;
  962. -o-transition-duration:0.5s;
  963.  
  964. }
  965.  
  966.  
  967.  
  968. #info a {
  969. color:{color:link};
  970. text-align:left;
  971. font-style:normal;
  972.  
  973. }
  974.  
  975.  
  976.  
  977. #info a:hover {
  978. color:{color:link hover};
  979.  
  980. }
  981.  
  982.  
  983.  
  984. .tags {
  985. font-family:calibri;
  986. font-style:normal;
  987. width:491px;
  988. text-transform:normal;
  989. font-style:italic;
  990. color:{color:link};
  991. line-height:120%;
  992. font-size:15px;
  993. opacity:0;
  994. text-align:center;
  995. padding-top:3px;
  996. -moz-transition-duration:.5s;
  997. -webkit-transition-duration:.5s;
  998. -o-transition-duration:.5s;
  999.  
  1000. }
  1001.  
  1002.  
  1003.  
  1004. .tags a:hover {
  1005. color:{color:link hover};
  1006.  
  1007. }
  1008.  
  1009.  
  1010. #post:hover .tags {
  1011. opacity:1;
  1012. -moz-transition-duration:.5s;
  1013. -webkit-transition-duration:.5s;
  1014. -o-transition-duration:.5s;
  1015.  
  1016. }
  1017.  
  1018. .cover {
  1019. position: relative;z-index: 1; width: 90px; float:left;}
  1020.  
  1021.  
  1022.  
  1023. .button {
  1024. width:20px;
  1025. height:30px;
  1026. overflow: hidden;
  1027. position: relative;
  1028. z-index: 99;
  1029. margin: 15px 24px 13px 16px;
  1030.  
  1031. }
  1032.  
  1033.  
  1034.  
  1035. .musicbox {
  1036. background-color: #fff;
  1037. position: absolute;
  1038. z-index: 99;
  1039. margin-top: 15px;
  1040. margin-left: 15px;
  1041. opacity: 0.3;
  1042. -webkit-transition: opacity 0.2s linear;
  1043. -webkit-transition: all 0.2s linear;
  1044. -moz-transition: all 0.2s linear;
  1045. -o-transition: all 0.2s linear;
  1046.  
  1047. }
  1048.  
  1049. .musicbox:hover {opacity:0.9;}
  1050. .musicinfo {
  1051. padding:20px; font-size:12px;margin-left: 100px;text-align:center;background:#f7f7f7;margin-top:5px;}
  1052.  
  1053. #ask {
  1054. float:left;
  1055. margin-left:10px;}
  1056.  
  1057.  
  1058. #container-top-left {
  1059. position:fixed; /*don't change*/
  1060. z-index:999; /*don't change*/
  1061. top:0px; /*don't change*/
  1062. left:10px; /*higher number = farther to right*/
  1063.  
  1064. /*transition speed: 0.1 = fastest and 1 = slowest*/
  1065. -webkit-transition: all .7s ease-in-out;
  1066. -moz-transition: all .7s ease-in-out;
  1067. -o-transition: all .7s ease-in-out;
  1068. }
  1069.  
  1070. #container-top-left:hover {
  1071. top:160px; /*WHAT YOU WILL NEED TO CHANGE ACCORDING TO HOW MANY LINES OF TEXT YOU HAVE (higher number for more text)*/
  1072. /*transition speed: 0.1 = fastest and 1 = slowest*/
  1073. -webkit-transition: all .7s ease-in-out;
  1074. -moz-transition: all .7s ease-in-out;
  1075. -o-transition: all .7s ease-in-out;
  1076. }
  1077.  
  1078. #text-top-left {
  1079. font-size:10px;
  1080. font-family:calibri;
  1081. color:#9b9b9b;
  1082. text-align:center;
  1083. width:150px; /*should match the image width*/
  1084. /*don't change anything below this*/
  1085. padding:0px 0px 15px 0px;
  1086. position:absolute;
  1087. bottom:0px;
  1088. }
  1089.  
  1090. #image-top-left img {
  1091. width: 150px; /*should match the text width*/
  1092. /*don't change anything below this*/
  1093. height: auto;
  1094. position:absolute;
  1095. }
  1096.  
  1097.  
  1098. #credit {
  1099. font-size:9px;
  1100. font-family:cambria;
  1101. font-style:italic;
  1102. letter-spacing:1px;
  1103. -moz-transition-duration:0.5s;
  1104. -webkit-transition-duration:0.5s;
  1105. -o-transition-duration:0.5s;
  1106.  
  1107. }
  1108.  
  1109.  
  1110.  
  1111. #credit a {
  1112. background-color:#1d1d1d;
  1113. padding:5px;
  1114. border:1px dashed #9b9b9b;
  1115. position:fixed;
  1116. right:15px;
  1117. bottom:10px
  1118.  
  1119. }
  1120.  
  1121.  
  1122.  
  1123. #credit a:hover {
  1124. color:#fff;
  1125. background-color:#1d1d1d;
  1126.  
  1127. }
  1128.  
  1129. {CustomCSS}</style></head><body>
  1130.  
  1131. <!--- POP UP PAGES CAN BE EDITED HERE --->
  1132.  
  1133. <div id="box1" class="popup_block">
  1134. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1135. </div>
  1136.  
  1137.  
  1138. <div id="box2" class="popup_block">
  1139. <div id="popuptext"><div id="popuptitle">LAWS</div> <!--THIS IS YOUR TITLE-->
  1140.  
  1141. <p>Posting: There is literally no rush with me! I do happen to be slow when it comes to replies, which is why I understand if you can’t get to our reply on time. I may also need to be reminded that I owe things, because I can sometimes be forgetful.</p>
  1142.  
  1143. <p>Accepting: I accept OCs and roleplayers from other fandoms, just as long as it makes sense as to how our characters are able to interact. I am however, an indie and semi-selective blog. I’ll only write with mutuals, and will usually follow people after checking out their blog; mainly to see if the content is decent.</P
  1144.  
  1145. <p>Shipping: I’m 18+ and I do occasionally dabble from having Peter play 15-17 or sometimes even above 18. I’ll be fine with NSWF threads. My muse however, does not get into bed with anyone and everyone. So long as chemistry is formed between our characters, this blog is multi-ship by the way, I’ll be more than happy to pair our two muses together.</p>
  1146.  
  1147. <p>Verses: I will include more verses, but I’m currently only Earth-616. I will also include MCU, but for now it’ll be put down due to us not seeing enough of Spider-Man in the big screen.</p> <!--- PUT YOUR TEXT HERE --->
  1148.  
  1149. </div>
  1150. </div>
  1151. </div>
  1152.  
  1153. <div id="box3" class="popup_block">
  1154. <div id="popuptext"><div id="popuptitle">STATS</div> <!--THIS IS YOUR TITLE-->
  1155. <p>Bio: Peter Parker grew up with his uncle Ben and aunt May Reilly. His parents, Mary and Richard Parker, were forced to abandon their son due to their line of works as specially-trained agents for the C.I.A. Peter grew up in a rather average household, with a brain too big for his head and nervous bounce in every step he took. He was the usual nerd in high school, until one day he was bit by a radioactive spider.</p>
  1156.  
  1157. <p>Appearance: A Caucasion teenager with quite the slim yet athletic figure,Peter is 5'10" tall and weighs around 170 lbs. His eyes are hazel-coated, and his hair is a distinctive light brown. (Faceclaim: Jamie Wise)</p>
  1158.  
  1159. <p></->Personality: The type of boy to wear his heart on his sleeve, Peter strongly believes in justice. So much so, that he refuses to take a life and loses respect for anyone to do so. Rather quirky and quiet in nature, the life of Spider-Man certainly built up his confidence to the point where he’s willing to help others with whatever problems they might have. Sarcasm is like a second language to him and he never refrains from taunting his enemies even in the most dire circumstances.</p>
  1160.  
  1161. <p>( I portray Peter roughly around 20/21 years old. )</p> <!--- PUT YOUR TEXT HERE --->
  1162. </div>
  1163. </div>
  1164. </div>
  1165. </div>
  1166.  
  1167. <div id="box4" class="popup_block">
  1168. <div id="popuptext"><div id="popuptitle">VERSES</div> <!--THIS IS YOUR TITLE-->
  1169.  
  1170. <p>Earth-616: Anywhere between Peter’s birth and the storyline that was Spider-Verse</p>
  1171.  
  1172. <p>MCU: With the release of Civil War, I have decided to incorporate the storyline into my blog. HOWEVER, it would be MCU divergent. Much as I love Tom’s portrayal of Spider-Man, I do prefer a much darker and mature tone. Therefore, my Peter Parker would be slightly older, and well more like his comic book counterpart. In terms of sarcasm, etc etc.</p>
  1173.  
  1174. <p>Young Avengers: A verse where Peter joins the Young Avengers, in lieu of the actual team. Portrayal & storyline of Peter would remain the same, only difference being that he’s pitted with the team that consists of Hawkeye ( Kate Bishop ), Hulkling, Miss America, Speed, Prodigy & Wiccan.</p>
  1175.  
  1176. <p>More: Coming soon.</p> <!--- PUT YOUR TEXT HERE --->
  1177. </div>
  1178. </div>
  1179. </div>
  1180. </div>
  1181.  
  1182. <div id="box5" class="popup_block">
  1183. <div id="popuptext"><div id="popuptitle">TRACKER</div> <!--THIS IS YOUR TITLE-->
  1184.  
  1185. <p>under construction</p> <!--- PUT YOUR TEXT HERE --->
  1186.  
  1187. </div>
  1188. </div>
  1189. </div>
  1190.  
  1191. </div></div></div></div></div></div></div></div></div></div>
  1192.  
  1193.  
  1194.  
  1195. <div id="sidebar">
  1196. <div class="sidebartitle"><a title="{text:homelink title}" href="/">{text:sidebartitle}</a>
  1197. </div>
  1198.  
  1199.  
  1200.  
  1201. <div class="anavlinks">
  1202. <a href="/" title="return">✖</a></a><br /><br />
  1203. <div class="bnavlinks">
  1204. <a href="#?w=460" rel="box1" class="poplight" title="message">✖</a><br /><br /></div>
  1205. <div class="cnavlinks">
  1206. <a href="#?w=460" rel="box2" class="poplight" title="laws">✖</a><br /><br /></div>
  1207. <div class="dnavlinks">
  1208. <a href="#?w=460" rel="box3" class="poplight" title="stats">✖</a><br /><br /></div>
  1209. <div class="enavlinks">
  1210. <a href="#?w=460" rel="box4" class="poplight" title="verses">✖</a><br /><br /></div>
  1211. <div class="fnavlinks">
  1212. <a href="#?w=460" rel="box5" class="poplight" title="tracker">✖</a><br /><br /></div></div>
  1213.  
  1214. <div id="links">
  1215. </div>
  1216. <div id="description">
  1217. <center>
  1218. <h1>Peter Parker</h1>
  1219. <hr/>
  1220. <h1></h1>Credit to the lovely springmade, aka Yaz for the theme & coding!
  1221. <hr/><p>
  1222. <h1></h1><strong>heavily canon divergent</strong>
  1223. <hr/><br>
  1224. <i>dark & mature tones</i>
  1225. <p>
  1226.  
  1227. </center>
  1228.  
  1229.  
  1230.  
  1231. </div>
  1232. {Description}
  1233. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1234. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1235. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">◄</a>{/block:PreviousPage}{/block:Pagination}
  1236. {block:Pagination}{block:NextPage}— <a href="{NextPage}">►</a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div></div>
  1237. <div id="entries">{block:Posts}<div id="post">
  1238. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1239. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1240. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1241. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  1242. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1243. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  1244. {block:Audio}<div class="musicbox"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>{block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}<div class="musicinfo">
  1245. {block:TrackName}<div style="font-size:12px; font-style:italic; padding:5px!imporant;">{TrackName}</div>{/block:Trackname}<br>{block:Artist}<span style="font-size:10px;">{Artist}{/block:Artist}{block:Album} - {Album}</span>{/block:Album}<br><br>{block:PlayCount}<span style="font-style:normal; font-size:8px; text-transform:uppercase; letter-spacing:1px;">{PlayCount} plays</span> {/block:PlayCount}</div><div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>{/block:Audio}
  1246. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1247. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="border-radius:90px; opacity:.9;margin-left:3px;"></div> &nbsp;<em>{Asker}:<br> &nbsp; <big>"{Question}"</big></em><br><br>{Answer}{/block:Answer}
  1248. {block:Date}<div id="info"><a href="{Permalink}" style="background-color:transparent;padding:3px;color:#bfbfbf;font-style:italic;">{TimeAgo}</a> {block:NoteCount} with <font color=#bfbfbf><big>♦</big></font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  1249. {block:ContentSource} , <a href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  1250. {block:HasTags}
  1251. <div class="tags">
  1252. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  1253. {/block:HasTags}
  1254. <div class="postnote">
  1255. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1256. </div>
  1257. </div>
  1258. {/block:Posts}
  1259. </div>
  1260.  
  1261. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</div>
  1262.  
  1263.  
  1264. </body>
  1265. </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!