API tools faq
paste
Advertisement
Guest User

for deen gay

a guest
Jan 18th, 2018
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.92 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. theme: fırtına
  4.  
  5. do not steal, claim as your own, redistribute.
  6. do not remove the credit.
  7.  
  8. coded by
  9. aubretia (ifallontragedy)
  10.  
  11. --->
  12.  
  13.  
  14.  
  15. <!DOCTYPE html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--Default Variables-->
  25.  
  26. <meta name="color:background" content="#f6f6f6"/>
  27. <meta name="color:post bg" content="#fff"/>
  28. <meta name="color:text" content="#444444"/>
  29. <meta name="color:border" content="#e7e7e7"/>
  30.  
  31. <meta name="image:background" content="" />
  32.  
  33. <meta name="text:main font" content="'hind', sans-serif" />
  34. <meta name="text:secondary font" content="georgia, serif" />
  35. <meta name="text:title" content="title" />
  36. <meta name="text:link i" content="" />
  37. <meta name="text:link ii" content="" />
  38. <meta name="text:link iii" content="" />
  39. <meta name="text:link iv" content="" />
  40. <meta name="text:link i text" content="link i" />
  41. <meta name="text:link ii text" content="link ii" />
  42. <meta name="text:link iii text" content="link iii" />
  43. <meta name="text:link iv text" content="link iv" />
  44.  
  45. <meta name="if:500px posts" content="0"/>
  46.  
  47. <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
  48. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  49.  
  50. <script type="text/javascript"
  51. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52.  
  53. <script type="text/javascript">
  54. // <![CDATA[
  55. var colour="#000"; // what colour are the blobs
  56. var speed=50; // speed of animation, lower is faster
  57. var blobs=30; // how many blobs are in the jar
  58. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  59.  
  60. /***************************\
  61. * Blobs in a Jar Effect *
  62. *(c)2012-13 mf2fm web-design*
  63. * http://www.mf2fm.com/rv *
  64. * DON'T EDIT BELOW THIS BOX *
  65. \***************************/
  66.  
  67. var div;
  68. var xpos=new Array();
  69. var ypos=new Array();
  70. var zpos=new Array();
  71. var dx=new Array();
  72. var dy=new Array();
  73. var dz=new Array();
  74. var blob=new Array();
  75. var swide=800;
  76. var shigh=600;
  77. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  78.  
  79. function addLoadEvent(funky) {
  80. var oldonload=window.onload;
  81. if (typeof(oldonload)!='function') window.onload=funky;
  82. else window.onload=function() {
  83. if (oldonload) oldonload();
  84. funky();
  85. }
  86. }
  87.  
  88. addLoadEvent(fill_the_jar);
  89.  
  90. function fill_the_jar() {
  91. var i, dvs;
  92. div=document.createElement('div');
  93. dvs=div.style;
  94. dvs.position='fixed';
  95. dvs.left='0px';
  96. dvs.top='0px';
  97. dvs.width='1px';
  98. dvs.height='1px';
  99. document.body.appendChild(div);
  100. set_width();
  101. for (i=0; i<blobs; i++) {
  102. add_blob(i);
  103. jamjar(i);
  104. }
  105. }
  106.  
  107. function add_blob(ref) {
  108. var dv, sy;
  109. dv=document.createElement('div');
  110. sy=dv.style;
  111. sy.position='absolute';
  112. sy.textAlign='center';
  113. if (ie_version && ie_version<10) {
  114. sy.fontSize="10px";
  115. sy.width="100px";
  116. sy.height="100px";
  117. sy.paddingTop="40px";
  118. sy.color=colour;
  119. dv.appendChild(document.createTextNode(charc));
  120. }
  121. else if (ie_version) {
  122. sy.fontSize="1px";
  123. sy.width="0px";
  124. sy.height="0px";
  125. }
  126. else {
  127. dv.appendChild(document.createTextNode(charc));
  128. sy.color='rgba(0,0,0,0)';
  129. }
  130. ypos[ref]=Math.floor(shigh*Math.random());
  131. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  132. xpos[ref]=Math.floor(swide*Math.random());
  133. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  134. zpos[ref]=Math.random()*20;
  135. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  136. blob[ref]=dv;
  137. div.appendChild(blob[ref]);
  138. set_blob(ref);
  139. }
  140.  
  141. function rejig(ref, xy) {
  142. if (xy=='y') {
  143. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  144. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  145. }
  146. else {
  147. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  148. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  149. }
  150. }
  151.  
  152. function sign(a) {
  153. if (a<0) return (-2);
  154. else if (a>0) return (2);
  155. else return (0);
  156. }
  157.  
  158. function set_blob(ref) {
  159. var sy;
  160. sy=blob[ref].style;
  161. sy.top=ypos[ref]+'px';
  162. sy.left=xpos[ref]+'px';
  163. if (ie_version && ie_version<10) {
  164. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  165. sy.fontSize=30-zpos[ref]+"px";
  166. }
  167. else if (ie_version) {
  168. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  169. }
  170. else {
  171. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  172. sy.fontSize=40+zpos[ref]+'px';
  173. }
  174. }
  175.  
  176. function jamjar(ref) {
  177. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  178. ypos[ref]+=dy[ref];
  179. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  180. xpos[ref]+=dx[ref];
  181. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  182. zpos[ref]+=dz[ref];
  183. set_blob(ref);
  184. setTimeout("jamjar("+ref+")", speed);
  185. }
  186.  
  187. window.onresize=set_width;
  188. function set_width() {
  189. var sw_min=999999;
  190. var sh_min=999999;
  191. if (document.documentElement && document.documentElement.clientWidth) {
  192. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  193. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  194. }
  195. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  196. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  197. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  198. }
  199. if (document.body.clientWidth) {
  200. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  201. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  202. }
  203. if (sw_min==999999 || sh_min==999999) {
  204. sw_min=800;
  205. sh_min=600;
  206. }
  207. swide=sw_min;
  208. shigh=sh_min;
  209. }
  210. // ]]>
  211. </script>
  212.  
  213. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  214. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  215. <script>
  216. (function($){
  217. $(document).ready(function(){
  218. $("a[title]").style_my_tooltips({
  219. tip_follows_cursor:true,
  220. tip_delay_time:90,
  221. tip_fade_speed:600,
  222. attribute:"title"
  223. });
  224. });
  225. })(jQuery);
  226. </script>
  227.  
  228.  
  229. <script type="text/javascript"
  230. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  231. <script>
  232. $(document).ready(function() {
  233. //
  234. $('a.poplight[href^=#]').click(function() {
  235. var popID = $(this).attr('rel'); //Get Popup Name
  236. var popURL = $(this).attr('href'); //Get Popup href to define size
  237. var query= popURL.split('?');
  238. var dim= query[1].split('&');
  239. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  240. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  241. var popMargTop = ($('#' + popID).height() + 80) / 2;
  242. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  243. //Apply Margin to Popup
  244. $('#' + popID).css({
  245. 'margin-top' : -popMargTop,
  246. 'margin-left' : -popMargLeft
  247. });
  248. $('body').append('<div id="fade"></div>');
  249. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  250. return false;
  251. });
  252. $('a.close, #fade').live('click', function() {
  253. $('#fade , .popup_block, .q_block').fadeOut(function() {
  254. $('#fade, a.close').remove(); //fade them both out
  255. });
  256. return false;
  257. });
  258. });
  259. </script>
  260.  
  261. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  262.  
  263. <!-- jquery for tooltips-->
  264.  
  265.  
  266. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  267.  
  268. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  269.  
  270. <link href='https://fonts.googleapis.com/css?family=Hind:400,300,700' rel='stylesheet' type='text/css'>
  271.  
  272. <style type="text/css">
  273.  
  274. /*scrollbar and selection*/
  275. #s-m-t-tooltip{
  276. max-width: 300px;
  277. font-weight:bold;
  278. background-image:url('https://i.imgur.com/lpsUUai.png');
  279. border: 1px dotted #fff;
  280. text-shadow: 0px 0px 4px #544756;
  281. font-family: 'times new roman';
  282. font-size: 12px;
  283. text-transform: none;
  284. color: #fff;
  285. padding: 7px;
  286. margin: 20px 0px 0px 20px;
  287. z-index: 9999999999999;
  288.  
  289. }
  290.  
  291. ::-webkit-scrollbar-thumb{
  292. background-color: transparent;
  293. border: solid transparent;
  294. height:auto;
  295. }
  296.  
  297. ::-webkit-scrollbar {
  298. height:auto;
  299. width:0px;
  300. background-color: transparent;
  301. border:solid transparent;
  302. }
  303.  
  304.  
  305. ::selection {
  306. color:#ff2828;
  307. background-color: {color:accent};
  308. }
  309.  
  310. ::-moz-selection {
  311. color:{color:background};
  312. background-color: {color:accent};
  313. }
  314.  
  315. b, bold, strong {
  316. color: #616161;
  317. text-shadow: 0px 0px 4px #616161;
  318. font-weight:bold;
  319. font-family: 'times new roman';
  320. text-transform:uppercase;
  321. font-size:15px;
  322. letter-spacing:1px;
  323. }
  324.  
  325.  
  326. i, em {
  327. text-transform: italic;
  328. font-weight:none;
  329. color:#857e77;
  330. text-shadow: 0px 0px 4px #857e77;
  331. font-size:15px;
  332. }
  333.  
  334.  
  335.  
  336. h4 {
  337. color: #fff;
  338. text-shadow: 0px 1px 5px #fff;
  339. font-family: 'times new roman';
  340. font-weight: bold;
  341. font-size: 15px;
  342. text-align: center;
  343. line-height:100%;
  344. text-transform: uppercase;
  345. background: url('http://i.imgur.com/sm91Fa9.png');
  346. background-repeat:no-repeat;
  347. border: 1px dotted #fff;
  348. margin-top: 0px;
  349. padding-top: 7px;
  350. padding-bottom: 7px;
  351. -webkit-background-clip:background;
  352. -moz-background-clip:background;
  353. background-clip: background;
  354. }
  355.  
  356. a {
  357. color: #fff;
  358. font-weight:bold;
  359. text-decoration: none;
  360. text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff;
  361. -webkit-transition: all 0.2s ease-in-out;
  362. -moz-transition: all 0.2s ease-in-out;
  363. -o-transition: all 0.2s ease-in-out;
  364. transition: all 0.2s ease-in-out;
  365. }
  366.  
  367. a:hover {
  368. color: #99999a;
  369. text-shadow: 0px 0px 10px #99999a, 0px 0px 20px #99999a;
  370. -webkit-transition: all 0.3s ease-in-out;
  371. -moz-transition: all 0.3s ease-in-out;
  372. -o-transition: all 0.3s ease-in-out;
  373. transition: all 0.3s ease-in-out;
  374. }
  375.  
  376.  
  377.  
  378.  
  379. /*main*/
  380. body {
  381. background:{color:background};
  382. background-image:url('https://i.imgur.com/U5oaQZ6.png');
  383. background-attachment: fixed;
  384. background-repeat:no-repeat;
  385. color:#d1d1d1;
  386. font-family: #fff;
  387. font-size: 9.5px;
  388. letter-spacing: 0.2px;
  389. font-weight:300;
  390. -webkit-font-smoothing: antialiased;
  391. word-spacing: 2px;
  392. text-align:justify;
  393. line-height:1.1em;
  394. margin: 0;
  395. }
  396.  
  397. #entries {
  398. position:relative;
  399. height: 100%;
  400. margin-left: 480px;
  401. padding-bottom: 50px;
  402. padding-top: 35px;
  403. line-height:130%;
  404. width: 280px;
  405. opacity: .9;
  406. -webkit-filter: grayscale(100%);
  407.  
  408. }
  409.  
  410. #entires:hover {
  411. opacity: 1;
  412. -webkit-filter: grayscale(0%);
  413.  
  414. }
  415.  
  416. #posts {
  417. padding: 15px;
  418. text-align: justify;
  419. height: 100%;
  420. background: #000;
  421. border: transparent;
  422. line-height:130%;
  423. position: relative;
  424. margin-bottom: 9px;
  425. }
  426.  
  427.  
  428. img, #post, .photoset {
  429. -webkit-filter: grayscale(100%);
  430. border:none;
  431. opacity:1;
  432. -moz-transition-duration:0.5s;
  433. -webkit-transition-duration:0.5s;
  434. -o-transition-duration:0.5s;
  435.  
  436. }
  437.  
  438. img:hover, #post, .photoset:hover {
  439. -webkit-filter: grayscale(0%);
  440. -moz-transition-duration:0.5s;
  441. -webkit-transition-duration:0.5s;
  442. -o-transition-duration:0.5s;
  443. border:none;
  444. opacity:1;
  445. }
  446.  
  447.  
  448. #permalink {
  449. word-spacing: 3px;
  450. margin-top: 15px;
  451. border-top: 1px solid {color:border};
  452. font-size: 9px;
  453. padding-top: 10px;
  454. letter-spacing: 0.5px;
  455. color: silver;
  456. }
  457.  
  458.  
  459. #permalink a {
  460. color: silver;
  461. }
  462.  
  463. #description {
  464. width: 215px;
  465. height: 100px;
  466. opacity: .2;
  467. font-size: 10px;
  468. border:1px solid #212121;
  469. background: #000;
  470. padding-top:15px;
  471. padding-bottom:21px;
  472. padding-right:15px;
  473. padding-left:15px;
  474. color:#ececec;
  475. font-family:helvetica;
  476. text-align: justify;
  477. margin-top: 430px;
  478. margin-left: 115px;
  479. line-height:16px;
  480. overflow-x:hidden;
  481. position: fixed;
  482. overflow-y: auto;
  483. -webkit-animation-iteration-count: infinite;
  484. -webkit-transition: all 0.5s ease-in-out;
  485. -moz-transition: all 0.5s ease-in-out;
  486. -o-transition: all 0.5s ease-in-out;
  487. transition: all 0.5s ease-in-out;
  488.  
  489. }
  490.  
  491.  
  492. #description:hover {
  493. opacity: 1;
  494. -webkit-transition: all 0.5s ease-in-out;
  495. -moz-transition: all 0.5s ease-in-out;
  496. -o-transition: all 0.5s ease-in-out;
  497. transition: all 0.5s ease-in-out;
  498.  
  499. }
  500.  
  501. #description b, strong {
  502. color: #616161;
  503. text-shadow: 0px 0px 4px #616161;
  504. font-weight:bold;
  505. text-transform: lowercase;
  506. letter-spacing:1px;
  507.  
  508. }
  509.  
  510. #description i, em {
  511. text-transform: italic;
  512. font-weight:normal;
  513. color:#99999a;
  514. text-shadow: 0px 0px 4px #99999a;
  515. font-family:arial;
  516. font-size:10px;
  517.  
  518. }
  519.  
  520. .date {
  521. text-transform: uppercase;
  522. margin-right: 3px;
  523. font-weight: bold;
  524. }
  525.  
  526. .date .dt a {
  527. padding: 1px 5px 0px 5px;
  528. background: {color:accent};
  529. color: {color:post bg}!important;
  530. }
  531.  
  532. .tags {
  533. margin-top: 4px;
  534. color: #811f1e;
  535. text-align: justify;
  536. }
  537.  
  538. .tags a {
  539. padding-right: 3px;
  540. color: #811f1e;
  541. -webkit-animation-iteration-count: infinite;
  542. -webkit-animation-iteration-count: infinite;
  543. -webkit-transition: all 0.2s ease-in-out;
  544. -moz-transition: all 0.2s ease-in-out;
  545. -o-transition: all 0.2s ease-in-out;
  546. transition: all 0.2s ease-in-out;
  547. }
  548.  
  549. .tags a:hover {
  550. color: #811f1e;
  551. text-shadow: 0px 0px 4px #811f1e;
  552. -webkit-transition: all 0.3s ease-in-out;
  553. -moz-transition: all 0.3s ease-in-out;
  554. -o-transition: all 0.3s ease-in-out;
  555. transition: all 0.3s ease-in-out;
  556.  
  557. }
  558.  
  559. .tags a::before {
  560. content: '#';
  561. opacity: 0.5;
  562. }
  563.  
  564. .tags a::after {
  565. margin-right: 10px;
  566. color: #fff;
  567. text-shadow: 0px 0px 4px #e5d5b0;
  568.  
  569. }
  570.  
  571.  
  572.  
  573. /*pagination*/
  574. #pagination {
  575. text-transform:uppercase;
  576. font-weight:bold;
  577. letter-spacing:1px;
  578. font-size:8px;
  579. text-align:center;
  580. margin-top:0px;
  581. padding-top:0px;
  582. padding-bottom:55px;
  583. }
  584.  
  585. #pagination a {
  586. font-weight:bold;
  587. letter-spacing:1px;
  588. font-family:{text:font family body};
  589. font-size:8px;
  590. }
  591.  
  592.  
  593.  
  594. small, sub, big, sup {
  595. font-size: 9.5px;
  596. }
  597.  
  598. code {
  599. font-family: courier new;
  600. letter-spacing: 0px;
  601. font-size: 12px;
  602. }
  603.  
  604. blockquote {
  605. border-left: 1px solid {color:border};
  606. padding-left: 10px;
  607. margin-left: 5px;
  608. max-width: 400px!important;
  609. margin-right: 5px;
  610. }
  611.  
  612. ul li {
  613. list-style: circle;
  614. list-style-position: outside;
  615. }
  616.  
  617. ol li {
  618. list-style: lower-roman;
  619. list-style-position: outside;
  620. }
  621.  
  622. .chat {
  623. font-family: courier new;
  624. }
  625.  
  626. .chat b {
  627. font-family: {text:main font};
  628. }
  629.  
  630. /*notes*/
  631. ol.notes {
  632. list-style-type:none;
  633. margin-left: -40px;
  634. {block:ifnot500pxposts}width: 430px;{/block:ifnot500pxposts}
  635. {block:if500pxposts}width: 530px;{/block:if500pxposts}
  636. }
  637.  
  638. ol.notes li.note {
  639. list-style-type:none;
  640. border-bottom: 1px dotted #fff;
  641. padding: 5px;
  642. }
  643.  
  644. ol.notes li.note img {
  645. display: none;
  646. }
  647.  
  648. img {
  649. filter: none;
  650. }
  651.  
  652. /*post title*/
  653. .ptitle {
  654. line-height: 130%;
  655. color: {color:accent};
  656. font-size: 14px;
  657. font-family: {text:secondary font};
  658. }
  659.  
  660. .ptitle a {
  661. color: {color:accent};
  662. }
  663.  
  664. .ptitle a:hover {
  665. color: {color:hover};
  666. }
  667.  
  668. /*quote*/
  669. .quote {
  670. text-align: center;
  671. font-size: 16.5px;
  672. font-family: {text:secondary font};
  673. line-height: 1.3em;
  674. margin-bottom: 20px;
  675. word-spacing: 3px;
  676. color: {color:accent};
  677. }
  678.  
  679. .source {
  680. width: 250px;
  681. border-top: 1px solid {color:border};
  682. font-style: normal;
  683. margin-bottom: 10px;
  684. text-align: center;
  685. margin-top:-5px;
  686. text-transform: uppercase;
  687. font-size: 9px;
  688. letter-spacing: 1;
  689. }
  690.  
  691. /*ask*/
  692. #ask {
  693. padding-bottom: 15px;
  694. padding-top: 15px;
  695. margin-bottom:7px;
  696. border: 1px dotted {color:border};
  697. text-align: center;
  698. }
  699.  
  700. .asker {
  701. text-transform: uppercase;
  702. letter-spacing: 1px;
  703. font-size: 7px;
  704. font-family: {text:secondary font};
  705. text-align: right;
  706. }
  707.  
  708. .asker a {
  709. color: {color:accent};
  710. }
  711.  
  712. .asker a:hover {
  713. color: {color:hover};
  714. }
  715.  
  716. .audio {
  717. height:60px;
  718. padding:5px;
  719. margin-bottom:5px;
  720. }
  721. .audio-album {
  722. position:absolute;
  723. width:60px;
  724. }
  725. .audio-player {
  726. opacity:0.6;
  727. filter:alpha(opacity=60);
  728. border:10px solid ;
  729. width:40px;
  730. height:40px;
  731. overflow:hidden;
  732. position:absolute;
  733. z-index:2;
  734. margin-left:0px;
  735. margin-top:0px;
  736. }
  737. .audio-info {
  738. margin-top:-0px;
  739. position:relative;
  740. margin-left:70px;
  741. padding:8px;
  742. font-size:9px;
  743. font-weight:normal;
  744. background-color:transparent
  745. }
  746.  
  747.  
  748. #play {
  749. opacity: 0.5;
  750. background-color: white;
  751. z-index: 1000;
  752. {block:ifnot500pxposts}margin: 2px 340px;{/block:ifnot500pxposts}
  753. {block:if500pxposts}margin: 2px 440px;{/block:if500pxposts}
  754. position: absolute;
  755. top: 30px;
  756. -moz-border-radius: 100%;
  757. -webkit-border-radius: 100%;
  758. border-radius: 100%;
  759. left: 15px;
  760. -moz-transition-duration:0.6s;
  761. -webkit-transition-duration:0.6s;
  762. -o-transition-duration:0.6s;
  763. }
  764.  
  765. .button {
  766. width: 18px;
  767. height: 30px;
  768. overflow: hidden;
  769. position: relative;
  770. z-index: 1000;
  771. margin: 8px 16px 5px 8px;
  772. }
  773.  
  774. #play:hover {
  775. opacity: 1;
  776. -moz-transition-duration:0.6s;
  777. -webkit-transition-duration:0.6s;
  778. -o-transition-duration:0.6s;
  779. }
  780.  
  781. /*credit*/
  782. #credit {
  783. font-size:11px;
  784. font-family:cambria;
  785. -moz-transition-duration:0.5s;
  786. -webkit-transition-duration:0.5s;
  787. -o-transition-duration:0.5s;
  788. }
  789.  
  790. #credit a {
  791. padding:5px;
  792. position:fixed;
  793. right:15px;
  794. bottom:10px
  795. }
  796.  
  797. #credit a:hover {
  798. color:#151516;
  799. }
  800.  
  801. .popup_block{
  802. display:none;
  803. float:left;
  804. position:fixed;
  805. top: 445px;
  806. left: 270px;
  807. z-index: 99999;
  808. //go down to headerbar div to change things
  809. }
  810.  
  811. *html #fade {position: absolute;}
  812. *html .popup_block {position: absolute;}
  813. #fade {
  814. display:none;
  815. position:fixed;
  816. left:0px;
  817. top:5px;
  818. width:100%;
  819. height:100%;
  820. z-index:9999;
  821. background: #1b1b1b
  822. opacity:1; /* change to opacity:1; */
  823. }
  824.  
  825.  
  826. .q_block{
  827. height:500px;
  828. display: none;
  829. float: left;
  830. position: fixed;
  831. top:525px;
  832. left:250px;
  833. z-index: 999999999999;
  834. }
  835.  
  836.  
  837.  
  838. @import url(http://static.tumblr.com/6hsqxdt/md2mgu4of/tinytots.css);
  839.  
  840.  
  841.  
  842. #headerbar{
  843. margin-top:-5px;
  844. padding: 5px;
  845. text-align:center;
  846. color:#e99c9c;
  847. overflow-y: scroll;
  848. overflow-x: hidden;
  849. font-family: 'arimo';
  850. font-size:7px;
  851. }
  852.  
  853. ul#tabs {
  854. text-align: center;
  855. border: 1px dotted #fff;
  856. color: #fff;
  857. background-image: url(http://i.imgur.com/NTLOgSx.png);
  858. background-attachment: fixed;
  859. padding: 10px; }
  860.  
  861. ul#tabs li { /*– your inactive / not viewed tabs –*/
  862. display:inline-block;
  863. padding:5px;
  864. cursor:pointer;
  865. text-decoration:none;
  866. text-transform: uppercase;
  867. opacity:1;
  868. }
  869.  
  870. ul#tabs li.active { /*– your active tab –*/
  871. text-transform: uppercase;
  872. color:#fff;
  873. opacity:.8;
  874. -webkit-transition:
  875. all 0.5s ease-out;o
  876. -moz-transition: all 0.5s ease-out;
  877. transition: all 0.5s ease-out;
  878. border-bottom: 1px solid #f1f1f1;
  879. }
  880.  
  881.  
  882. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;overflow-y:scroll;}
  883. ul#tab li.active {display: block;}
  884. ul#tab li {display: none;}
  885.  
  886.  
  887.  
  888.  
  889. {CustomCSS}
  890.  
  891.  
  892. </style>
  893. </head>
  894.  
  895.  
  896. <body>
  897.  
  898.  
  899. <div id="description">
  900. <center>
  901. <b>YOU CANT KILL FRANK CASTLE</b></br>
  902. <i><b>he's already dead.</b></i><p>
  903. <b><a href="/">01.</a> <a href="/ask">02.</a> <a href="/r">03.</a> <a href="/a">04.</a></b>
  904. <center><i>primarily netflix</i>
  905. punisher<br>
  906. penned by pb</center><br>
  907. </center>
  908.  
  909. </div>
  910.  
  911. <div id="content">
  912. </div>
  913.  
  914.  
  915. <div id="entries">
  916.  
  917. {block:Posts}
  918.  
  919. <div id="posts">
  920.  
  921. <div class="cont">
  922.  
  923. {block:Text}<div class="capt">
  924. {block:Title}<div class="ptitle">{Title}<br></div>{/block:Title}
  925. {Body}</div>
  926. {/block:Text}
  927.  
  928. {block:Link}<div class="capt">
  929. <div class="ptitle"><a href="{URL}" {Target}>{Name} →</a></div>
  930. {block:Description}{Description}{/block:Description}</div>
  931. {/block:Link}
  932.  
  933. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  934.  
  935. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  936.  
  937. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  938.  
  939. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  940.  
  941. {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}
  942.  
  943. {block:Audio}<div class="audio">{block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}<div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="audio-info">{block:TrackName}Title: {TrackName}<BR>{/block:TrackName}{block:Artist}Artist: {Artist}<BR>{/block:Artist}{block:Album}Album: {Album}<BR>{/block:Album}Played {PlayCount} times</div></div>{block:Caption}<div class="caption">{Caption}</div><p>{/block:Caption}{/block:Audio}
  944.  
  945. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  946.  
  947.  
  948.  
  949. {block:Answer}<div class="capt">
  950. <div id="ask">{Question}</div>
  951. <div class="asker">asked by {Asker}</div>
  952. {Answer}</div>{/block:Answer}
  953.  
  954.  
  955. <div id="permalink">
  956. {block:Date}
  957.  
  958. <div class="date"><span class="dt"><a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{ShortYear}</a></span>{block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}{block:PermalinkPage}{block:RebloggedFrom} · <a href="{ReblogParentURL}" title="reblogged from">{ReblogParentName}</a>{block:ContentSource} / <a href="{ReblogRootURL}" title="originally by">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}</div>
  959.  
  960. {/block:Date}
  961. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  962.  
  963.  
  964. </div>
  965. </div>
  966. </div>
  967.  
  968. {block:PostNotes}
  969. {PostNotes}
  970. {/block:PostNotes}
  971.  
  972.  
  973. {/block:Posts}
  974.  
  975. {block:Pagination}
  976. <div id="pagination">
  977. {block:PreviousPage}
  978. <a href="{PreviousPage}" style="float:left;">back</a>
  979. {/block:PreviousPage}
  980. {block:NextPage}
  981. <a href="{NextPage}" style="float:right">next</a>
  982. {/block:NextPage}
  983. </div>
  984. {/block:Pagination}
  985.  
  986.  
  987.  
  988. {block:ContentSource}
  989. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  990. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  991. {/block:SourceLogo}
  992. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  993. {/block:ContentSource}
  994.  
  995. </div>
  996.  
  997. </div>
  998.  
  999. </div>
  1000.  
  1001.  
  1002. <div id="question" class="q_block">
  1003. <iframe frameborder="0" height="260px" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/supercloned.tumblr.com" width="100%"></iframe>
  1004. </div>
  1005.  
  1006. <div id="box1" class="popup_block"><div style="text-align: justify; line-height: 115%; padding: 15px; background-color: #1b1b1b; height: 315px; overflow: auto; "><center>
  1007. <div id="headerbar"><ul id="tabs"><li class="active">tab name.</li><li>tab name.</li><li>tab name.</li></ul></div></center>
  1008.  
  1009. <ul id="tab"><li class="active"><p>u/c
  1010. </li>
  1011.  
  1012. <li>test</li>
  1013.  
  1014.  
  1015. <li>test</li>
  1016. </ul>
  1017. </div>
  1018. </div>
  1019.  
  1020. <div id="box2" class="popup_block"><div style="text-align: justify; line-height: 115%; padding: 15px; background-color: #1b1b1b; height: 280px; overflow: auto; ">
  1021.  
  1022. <div id="headerbar">
  1023. <ul id="tabs">
  1024. <li class="active">rules.</li>
  1025. <li>about.</li>
  1026. <li>verses.</li>
  1027.  
  1028. </ul></div>
  1029.  
  1030.  
  1031. <ul id="tab">
  1032. <li class="active">
  1033. <p>
  1034. <p>
  1035. <h4>BEHIND THE SCREEN</h4>
  1036. &nbsp;&nbsp;yo, name’s sam. i’m nineteen and i typically work at 5 days out of the week with a random schedule. i play video games in my spare time or waste it on youtube. i'm pretty chill ( i'm lying i'm a bitter bean ) and i'm just here to kick it. i don't send rules passwords and i'll never have one. you can ask for my skype if we're mutuals or im me !
  1037. <p>
  1038. my code was mainly edited by me. the background by <a href="http://redlegacy.tumblr.com/">the amazing sora</a>. the border on my icon belongs to <a href="http://quinn.tumblr.com/">quinn</a>. screencaps are thanks to. <a href="http://pinkranger.co.vu/">the trooper liz.</a><p>
  1039.  
  1040. negativity will not be tolerated in any shape or form. i'm getting too old for this tungle drama shit.
  1041.  
  1042. <h4>ROLEPLAY</h4>
  1043. &nbsp;&nbsp;&nbsp;&nbsp;i don’t have a particular length preference, and matching them isn’t an issue. my writing ranges from one-liners to novella, depending on how i’m feeling at the moment. i’m slow when it comes to longer threads, because i’m not always in the mood to do them. moral of the story: don’t feel like you have to match me. have fun. <p>
  1044.  
  1045. i am a mutuals only blog. if i follow you and you follow me, this means you can like my stater calls or send memes. this is to keep myself sane and nothing personal. thank you for respecting this!<p>
  1046.  
  1047. nsfw may appear on this blog, but will be tagged accordingly. alcohol, possible minor drug mention and violence may appear. i will tag the worst of things to the best of my ability. <p>
  1048.  
  1049. <h4>RELATIONSHIPS</h4>
  1050. &nbsp;&nbsp;romance is strictly chemistry based between muses & muns. i am a very selective shipper, but down to discussing possible ships. however, when it comes to my main verse, i will only have one ship in it. <p>
  1051.  
  1052. i love all kinds of relationships, this doesn't have to be just about romance. i love brotps, ride or die friends, enemies !! also, i'm open to pre-established. we can pop something up real quick and build from there.
  1053. </li>
  1054.  
  1055.  
  1056. <li>
  1057.  
  1058. <p>
  1059.  
  1060. <font color="#a8050c"><b>» BIRTH NAME:</b></font> junjie taylor.
  1061. <p>
  1062. <font color="#a8050c"><b>» NICKNAME:</b></font> zack, zackman, zack attack.
  1063. <p>
  1064. <font color="#a8050c"><b>» SPECIES:</b></font> human.
  1065. <p>
  1066. <font color="#a8050c"><b>» GENDER:</b></font> male.
  1067. <p>
  1068. <font color="#a8050c"><b>» DATE OF BIRTH:</b></font> may 3rd.
  1069. <p>
  1070. <font color="#a8050c"><b>» AGE:</b></font> nineteen / twenty.
  1071. <p>
  1072. <font color="#a8050c"><b>» BIRTHPLACE:</b></font> fuzhou, china.
  1073. <p>
  1074. <font color="#a8050c"><b>» OCCUPATION:</b></font> high school student ( sometimes ), part-time mechanic, power ranger.
  1075. <p>
  1076. <font color="#a8050c"><b>» ZODIAC SIGN:</b></font> taurus.
  1077. <p>
  1078. <font color="#a8050c"><b>» ALIGNMENT:</b></font> chaotic good.
  1079.  
  1080. <p>
  1081. <font color="#a8050c"><b>» HAIR:</b></font> black.
  1082. <p>
  1083. <font color="#a8050c"><b>» EYES:</b></font> dark brown.
  1084. <p>
  1085. <font color="#a8050c"><b>» HEIGHT:</b></font> 5'10''.
  1086. <p>
  1087. <font color="#a8050c"><b>» FACECLAIM:</b></font> ludi lin.
  1088. <p>
  1089.  
  1090. <font color="#a8050c"><b>» PARENTS:</b></font> mr. taylor ( father / deceased ), jin ( mother )
  1091. <p>
  1092. <font color="#a8050c"><b>» SIBLING:</b></font>
  1093.  
  1094. </li>
  1095.  
  1096.  
  1097. <li>
  1098. <center>
  1099. <h1><i>arcs</i></h1></center><p>
  1100.  
  1101. <center><h1>in character</h1></center><div style="width: 260px; margin: auto;"><div class="tablink">test</div> <div class="tablink">test</div><div class="tablink">test</div><div class="tablink">test</div><div class="tablink">test</div><div class="tablink">test</div><div class="tablink">test</div> </div></div>
  1102. </li>
  1103.  
  1104. </ul>
  1105.  
  1106. </div></center></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  1107.  
  1108. <div id="credit"><a href="http://aubrieta.tumblr.com">IFT</a></div>
  1109.  
  1110.  
  1111. </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!