API tools faq
paste
Advertisement
Guest User

u owe me 2.0

a guest
Apr 20th, 2019
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.78 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by https://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!--pop up tabs script-->
  45. <script>
  46. $(document).ready(function(){
  47. $("ul#tabs li").click(function(e){
  48. if (!$(this).hasClass("active")) {
  49. var tabNum = $(this).index();
  50. var nthChild = tabNum+1;
  51. $("ul#tabs li.active").removeClass("active");
  52. $(this).addClass("active");
  53. $("ul#tab li.active").removeClass("active");
  54. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  55. }
  56. });
  57. });
  58. </script>
  59. <!--script end-->
  60.  
  61. <!--tooltip script end-->
  62. <!--pop up script-->
  63. <script type="text/javascript"
  64. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94. <!--ask pop script end-->
  95. <link href="https://fonts.googleapis.com/css?family=Caveat|Permanent+Marker" rel="stylesheet">
  96. <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
  97.  
  98. <style type="text/css">
  99.  
  100.  
  101.  
  102.  
  103. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
  104.  
  105. @font-face { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  106.  
  107. /* ☽ CURSOR ☾ */
  108. /*find more at https://pixel-soup.tumblr.com/tagged/cursors */
  109.  
  110. *, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto }
  111. a:hover { cursor:url("https://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  112.  
  113. /* ☽ CURSOR END ☾ */
  114.  
  115. /* ☽ FONTS ☾ */
  116. /*these are the custom fonts, you can install more just by pasting the code here*/
  117. @font-face{font-family:"nightingale";src:url('https://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  118. @font-face{font-family:"bebas neue";src:url('https://static.tumblr.com/zx3ibzm/JgJovyuzq/bebasneue.otf');}
  119. @font-face{font-family:"nightingale";src:url('https://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  120. @font-face {font-family: "black jack";src: url('https://dl.dropboxusercontent.com/s/ryf3a4mag4hudp6/blackjar.ttf?dl=1'); format("truetype");}
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127. /*selection color*/
  128.  
  129. ::-moz-selection { /* Code for Firefox */
  130. color: #fff; /*text color of selected text*/
  131. background: #a4a4a4; /*color of selection bg*/
  132. }
  133.  
  134. ::selection {
  135. color: #fff; /*text color of selected text*/
  136. background: #a4a4a4; /*color of selection bg*/
  137. }
  138.  
  139. /*selection color end*/
  140.  
  141. ::-webkit-scrollbar-thumb {
  142. background-color:transparent; /*scrollbar's slider color*/
  143. background-image:url('URL HERE'); /*optional background image*/
  144. height:0px;
  145. }
  146.  
  147. ::-webkit-scrollbar {
  148. height:0px;
  149. width:3px; /*width of slider*/
  150. background-color:transparent; /*scrollbar's main color*/
  151. background-image:url('URL HERE'); /*optional background image*/
  152. }
  153.  
  154. /*the code here is to reduce the opacity of an image and make it more visible on hover, you can remove it if you want your image to always be at 100%*/
  155.  
  156. img, iframe {
  157.  
  158. opacity:1; /*this determines opacity of images*/
  159. -moz-transition-duration: 0.5s;
  160. -o-transition-duration: 0.5s;
  161. -webkit-transition-duration: 0.5s;
  162. transition-duration: 0.5s;
  163. padding:5px;
  164. }
  165.  
  166.  
  167.  
  168. img:hover,iframe:hover {
  169.  
  170. opacity:1;
  171. -webkit-filter:none;
  172. -moz-transition-duration: 0.5s;
  173. -o-transition-duration: 0.5s;
  174. -webkit-transition-duration: 0.5s;
  175. transition-duration: 0.5s;}
  176.  
  177. /*HOVER IMAGE CODE END*/
  178.  
  179.  
  180. body {
  181. background-color:#8dc9d5; /*set this the same color as your background image to avoid black areas on different resolutions*/
  182. background-image:url('https://static.tumblr.com/ut3odb3/jp4pq9xb3/arthur-theme.png'); /*bg image goes here*/
  183. background-attachment: fixed;
  184. background-repeat: no-repeat;
  185. background-position: left top;
  186. color:black; /*body font color*/
  187. font-family: 'overpass';
  188. text-align:justify;
  189. font-size: 10px;
  190. letter-spacing:1px;
  191.  
  192. }
  193.  
  194. .pagi {
  195. font-size:35px;
  196. font-family:'overpass';
  197. margin-top:650px; /*change to decide position of pagination*/
  198. margin-left:1255px;
  199. color: #16f6f6;
  200. position:fixed;
  201. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  202. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  203.  
  204. .pagi a {
  205. color: #7c7c7c; /*color of pagination*/
  206. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of pagination*/
  207. -webkit-filter: blur(1px);
  208. -moz-filter: blur(1px);
  209. -o-filter: blur(1px);
  210. -ms-filter: blur(1px);
  211. filter: blur(1px);
  212. }
  213.  
  214. .pagi a:hover {
  215. color: #fff; /*color of pagination on hover*/
  216. }
  217.  
  218. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  219. this script stylizes it*/
  220.  
  221. #s-m-t-tooltip{
  222. padding:5px 10px;
  223. margin:26px 9px 0px 15px;
  224. background-color:#EBF5F8; /* tooltip background color */
  225. border-radius:5px; /* rounded tooltip */
  226. border: 2px solid #0B0D0D;
  227. font-family: 'silkscreen';font-weight:bold;
  228. font-size:12px;
  229. letter-spacing:1.3px;
  230. text-transform:uppercase;
  231. color:#0B0D0D; /* tooltip text color */
  232. z-index:99999999999999999999999999998!important;
  233. max-width:40vw;
  234. -webkit-transition: all 0.3s ease-in-out;
  235. -moz-transition: all 0.3s ease-in-out;
  236. -o-transition: all 0.3s ease-in-out;
  237. }
  238.  
  239.  
  240. #s-m-tooltip:hover {
  241. -webkit-transition: all 0.6s ease-out;
  242. -moz-transition: all 0.6s ease-out;
  243. transition: all 0.6s ease-out;
  244. -o-transition:all 0.6s ease;
  245. -ms-transition: all 0.6s ease-in-out;}
  246.  
  247.  
  248. /* TOOLTIP END */
  249.  
  250.  
  251.  
  252. small,sub,sup {
  253. font-size:14px;
  254. }
  255.  
  256. b, bold, strong {
  257. font-size:15px; /*size of bold text*/
  258. letter-spacing:2px;
  259. font-weight:bold;
  260. color:#27526d;
  261. text-transform:uppercase;
  262. line-height: 120%;
  263. font-family: 'Brutal Type', sans-serif;
  264.  
  265.  
  266. }
  267.  
  268. i, italic, em {
  269. font-size:12px; /*size of italic text*/
  270. color: #ba484e; /*color of italic text*/
  271. font-family:'Avalon', sans-serif;
  272.  
  273.  
  274.  
  275. line-height:100%;
  276. font-weight:normal;
  277. letter-spacing:2px;
  278. text-transform:lowercase;
  279. }
  280.  
  281.  
  282. /* This styles the headers of the sidebar as well as the headers inside the popups */
  283.  
  284.  
  285. h1, h2 {
  286. font-size:15px;
  287. background-color: #2d070d;
  288. color: #fff;
  289. font-family: 'Hind', sans-serif;
  290. padding:10px;
  291. text-align:center;
  292. }
  293.  
  294. h3, h4{
  295. background-color: #2d070d;
  296. color:#fff;
  297.  
  298. font-size: 15px;
  299. font-family: 'silkscreen';
  300. padding:10px;
  301. margin-left: 120px;
  302. margin-top:-10px;
  303. border: none;
  304. text-align: center;
  305. width: 230px;
  306. -webkit-font-smoothing: none;
  307. border-bottom: 1px solid #2d070d;
  308. }
  309.  
  310.  
  311. h5{
  312. font-size:15px;
  313. background-color: #2d070d;
  314. color: #fff;
  315. font-family: 'Hind', sans-serif;
  316. padding:10px;
  317. text-align:center;
  318. }
  319.  
  320. h6 {
  321. text-align:center;
  322. font-size:14px;
  323. font-family: 'Hind', sans-serif;
  324. border-radius:10px;
  325. }
  326.  
  327. h7 {
  328. text-align:center;
  329. font-size:12px;
  330. font-family: 'Hind', sans-serif;
  331. }
  332.  
  333.  
  334.  
  335. a,a:visited,a:active {
  336. color: #4c7793; /*color of links*/
  337. text-decoration:none;
  338. -moz-transition-duration: 0.6s;
  339. -o-transition-duration: 0.6s;
  340. -webkit-transition-duration: 0.6s;
  341. transition-duration: 0.6s;
  342. -webkit-filter: blur(.5px);
  343. -moz-filter: blur(.5px);
  344. -o-filter: blur(.5px);
  345. -ms-filter: blur(.5px);
  346. filter: blur(.5px);
  347.  
  348. }
  349.  
  350. a:hover {
  351. color: #7c7c7c; /*color of links on hover*/
  352. -webkit-transition: all 0.6s ease-out;
  353. -moz-transition: all 0.6s ease-out;
  354. transition: all 0.6s ease-out;
  355. -o-transition:all 0.6s ease;
  356. -ms-transition: all 0.6s ease-in-out;}
  357.  
  358. /*POST TITLE SETTINGS*/
  359.  
  360. .titulo {
  361.  
  362. font-family: 'bebas neue';
  363. font-weight:normal;
  364. font-size: 23px; /*size of title*/
  365. text-align: center;
  366. color: #7c7c7c; /*color of title*/
  367. text-shadow: 0px 0px 2px #7c7c7c;
  368.  
  369. }
  370.  
  371.  
  372. /*TITLE SETTINGS END*/
  373.  
  374. #container {
  375. position:absolute;
  376. left:700px; /*position of container from the left*/
  377. top:164px; /*position of container from top*/
  378. height:530px; /*determines height of container*/
  379. overflow-y:scroll;
  380. border-radius: 25px;
  381.  
  382. }
  383.  
  384. #entries {
  385. background-color:transparent;
  386.  
  387. }
  388.  
  389. #content {
  390. width:500px; /*determines size of posts*/
  391. margin-bottom:20px;
  392. padding:10px 7px 10px 10px;
  393. background:transparent;
  394. border-radius: 25px;
  395. }
  396.  
  397.  
  398. #entries img {
  399. max-width: 100%;
  400. height: auto;
  401. opacity:0.7; /*change this to change visibility of post images, set it to 1 if you want it completely visible*/
  402. -moz-transition-duration: 0.5s;
  403. -o-transition-duration: 0.5s;
  404. -webkit-transition-duration: 0.5s;
  405. transition-duration: 0.5s;
  406. padding:5px;
  407.  
  408.  
  409. }
  410.  
  411. #entries img:hover {
  412. opacity: 1; /*image opacity of posts on hover*/
  413. -moz-transition-duration: 0.5s;
  414. -o-transition-duration: 0.5s;
  415. -webkit-transition-duration: 0.5s;
  416. transition-duration: 0.5s;
  417. padding:5px;
  418.  
  419. }
  420.  
  421.  
  422. blockquote {
  423. border-left: 5px solid #7c7c7c; /*color of blockquote*/
  424. border-radius:15px;
  425. text-align:left;
  426. padding: 2px 0px 2px 8px;
  427. margin: 3px 0 3px 8px;
  428. }
  429.  
  430. blockquote img {
  431. max-width:100%;
  432. height:auto;
  433. }
  434.  
  435. /*ASK*/
  436.  
  437. #asker {
  438. font-size:15px;
  439. letter-spacing:1px;
  440. margin-bottom:-13px;
  441. color: #7c7c7c; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  442. font-family: 'nightingale';
  443. text-shadow:0px 0px 5px #a4a4a4;
  444. text-align:center;
  445. text-decoration:none;
  446. -webkit-transition: all 0.6s ease-out;
  447. -moz-transition: all 0.6s ease-out;
  448. transition: all 0.6s ease-out;
  449. -o-transition:all 0.6s ease;
  450. -ms-transition: all 0.6s ease-in-out;
  451.  
  452. }
  453.  
  454. /*to change the part that says whispered, scroll down to the html*/
  455.  
  456. #asker a {
  457. color: #fff;
  458. }
  459.  
  460. #asker a:hover {
  461. -webkit-filter: blur(1px);
  462. -moz-filter: blur(1px);
  463. -o-filter: blur(1px);
  464. -ms-filter: blur(1px);
  465. filter: blur(1px);
  466. color: #7c7c7c;
  467. transition: all 0.6s ease-out;
  468. }
  469.  
  470. #ask {/*image behind the question*/
  471. background-color:#cbdbf4; /*background color of question if no background image is selected*/
  472. background-repeat:repeat;
  473. font-size:8px;
  474. font-family:arial;
  475. line-height:120%;
  476. text-align:center;
  477. text-transform:uppercase;
  478. color: #ccc; /*color of question text*/
  479. border-top:double 3px #7c7c7c; /*border color of question*/
  480. border-bottom:double 3px #7c7c7c; /*border color of question*/
  481. border-right:solid 1px #7c7c7c;
  482. border-left:solid 1px #7c7c7c;
  483. border-radius:15px;
  484. padding: 10px 20px 10px 20px;
  485. text-shadow: 1px 1px #191919,
  486. 1px -1px #191919,
  487. 1px 0px #191919,
  488. 0px 1px #191919,
  489. 0px -1px #191919,
  490. -1px 1px #191919,
  491. -1px 0px #191919,
  492. -1px -1px #191919;
  493. /*change all the hex of the text shadow to the same code
  494. to change the outline of the text*/
  495. }
  496.  
  497.  
  498. #answer {
  499. padding-top:0px;
  500. }
  501. /*ASK ENDS HERE*/
  502.  
  503. /*CHAT POST BEGINS HERE*/
  504.  
  505. .convo {
  506. font-size: 10px;
  507. line-height:120%;
  508. text-align:left;
  509. padding:0px;
  510.  
  511. }
  512.  
  513. .convo li {
  514. list-style:none;
  515. }
  516.  
  517. .convo .label {
  518. text-transform: uppercase;
  519. font-weight:bold;
  520.  
  521. }
  522.  
  523. .line_odd .label {
  524. color: #fff; /* Color of odd person in the chat */
  525. background: none;
  526. }
  527.  
  528. .line_even .label {
  529. color: #7c7c7c; /* Color of even person in the chat */
  530. }
  531.  
  532. .line_even {
  533. margin:0px 10px;
  534. padding: 5px;
  535. text-align:left;
  536. font-weight:bold;
  537. color: #7c7c7c; /*color of even text*/
  538. text-shadow:none;
  539. padding: 10px 20px 10px 20px;
  540. border-bottom:solid 1px #7c7c7c; /*line seperating chats*/
  541. }
  542.  
  543. .line_odd {
  544. margin:0px 10px;
  545. padding: 5px;
  546. background-color:#a4a4a4; /*background color of odd text*/
  547. text-align:left; /*color of odd text*/
  548. color: #ccc; /*color of odd text*/
  549. text-shadow:none;
  550. border-bottom:solid 1px #7c7c7c; /*line seperating chats*/
  551. padding: 10px 20px 10px 20px;
  552. }
  553.  
  554.  
  555.  
  556.  
  557. /*CHAT POST ENDS HERE*/
  558.  
  559. /*QUOTE BEGINS HERE*/
  560.  
  561.  
  562. .quote {
  563. font-family: "black jack";
  564. font-size: 25px;
  565. font-weight:normal;
  566. line-height:100%;
  567. padding-bottom:30px;
  568. text-align: center;
  569. color: #fff; /*color of quote*/
  570. text-shadow: 0px 0px 2px #fff,
  571.  
  572. }
  573.  
  574. /*QUOTE ENDS HERE*/
  575.  
  576.  
  577. /*LINK POST BEGIN*/
  578.  
  579. #linku {
  580. text-transform:uppercase;
  581. text-align:center;
  582. letter-spacing:0px;
  583. font-weight:normal;
  584. font-family: 'bebas neue';
  585. font-size:14px;
  586. }
  587.  
  588. /*LINK POST END*/
  589.  
  590. /*SIDE BAR / DESCRIPTION BEGINS HERE*/
  591.  
  592. #boxy {
  593. position:fixed;
  594. top:100px; /*position of the box*/
  595. margin-left:753px;
  596. overflow:hidden; /*this keeps the text hidden without hover, change to scroll bar if you want it to scroll and show*/
  597. height:40px; /*determines height of the box - increase it if you have too much text and want to avoid scrollbar*/
  598. width:400px; /*determines width of description*/
  599. opacity:1;
  600. -webkit-transition: all 0.7s ease;
  601. -moz-transition: all 0.7s ease;
  602. -o-transition: all 0.7s ease;}
  603.  
  604. #boxy:hover {
  605. opacity:1;
  606. height:120px; /*height of box on hover*/
  607. top:45px; /*position of box on hover*/
  608. -webkit-transition: all 0.7s ease;
  609. -moz-transition: all 0.7s ease;
  610. -o-transition: all 0.7s ease;
  611. }
  612.  
  613. .anchor {
  614. font-family:'Permanent Marker', cursive;
  615. font-size:26px;
  616. letter-spacing:0px;
  617. padding-top:0px;
  618. line-height:100%;
  619. color:#e6e6e6; /*color of top bar title, the one reading not all treasure.. */
  620. text-shadow:0px 0px 10px #7c7c7c,
  621. 0px 0px 3px #7c7c7c;
  622. z-index:99999999999;
  623. -webkit-transition: all 0.7s ease;
  624. -moz-transition: all 0.7s ease;
  625. -o-transition: all 0.7s ease;
  626. }
  627.  
  628. #boxy:hover .anchor {
  629. color: #7c7c7c; /*color of title on hover*/
  630. z-index:9999999999;
  631. -webkit-transition: all 0.7s ease;
  632. -moz-transition: all 0.7s ease;
  633. -o-transition: all 0.7s ease;
  634. }
  635.  
  636. .sail {
  637. width:345px; /*determines width of description — can't be more than width of the box*/
  638. margin-left:22px;
  639. margin-top:5px;
  640. background-color:white; /*background color of description*/
  641. border:2px solid #fff; /*border color of description*/
  642. box-shadow:1px 1px #7c7c7c,
  643. 1px -1px #7c7c7c,
  644. 1px 0px #7c7c7c,
  645. 0px 1px #7c7c7c,
  646. 0px -1px #7c7c7c,
  647. -1px 1px #7c7c7c,
  648. -1px 0px #7c7c7c,
  649. -1px -1px #7c7c7c;
  650. border-radius:15px;
  651. padding:5px;
  652. opacity:0; /*keeps description hidden before hover*/
  653. -webkit-transition: all 0.7s ease;
  654. -moz-transition: all 0.7s ease;
  655. -o-transition: all 0.7s ease;
  656. }
  657.  
  658. #boxy:hover .sail {
  659. opacity:1;/*shows description hidden before hover*/
  660. -webkit-transition: all 0.7s ease;
  661. -moz-transition: all 0.7s ease;
  662. -o-transition: all 0.7s ease;
  663. }
  664.  
  665. #despacito {
  666. margin-top:10px;
  667. text-align:center;
  668.  
  669.  
  670. }
  671.  
  672. /*SIDE BAR / DESCRIPTION END*/
  673.  
  674. /*TAGS AND INFO BEGINS HERE*/
  675. .permalinks {
  676. background-image: url(''); /*you can insert image here for the permalinks bg*/
  677. background-color:transparent; /*color of post links' background*/
  678. color: #ccc; /*color of peramalinks' text*/
  679. border-bottom:solid 1px #d1fefe; /*border of permalinks*/
  680. padding: 1px 5px 5px 1px;
  681. letter-spacing:5px;
  682. text-align:center;
  683. font-size:9px;
  684. text-transform:uppercase;
  685. margin-top:15px;
  686. -moz-transition-duration:.6s;
  687. -webkit-transition-duration:.6s;
  688. -o-transition-duration:.6s;
  689. -webkit-filter: blur(0px);
  690.  
  691.  
  692. }
  693.  
  694. .permalinks a {
  695. font-family:calibri;
  696. color:#7c7c7c; /*color of permalinks actual links*/
  697. font-weight:bold;
  698. text-shadow: 0px 0px 2px #7c7c7c;
  699. text-decoration:none;
  700. }
  701.  
  702.  
  703. .permalinks a:hover {
  704. color:#fff; /*color of links on hover*/
  705. text-shadow: 0px 0px 2px #000;
  706. -webkit-transition: all 0.5s ease-in-out;
  707. -moz-transition: all 0.5s ease-in-out;
  708. -o-transition: all 0.5s ease-in-out;
  709. -ms-transition: all 0.5s ease-in-out;
  710. transition: all 0.5s ease-in-out;
  711. }
  712.  
  713. .tags {
  714.  
  715. text-align:justify;
  716. padding-top:10px;
  717. padding-left:5px;
  718. padding-right:15px;
  719. margin-bottom:15px;
  720. color: #a4a4a4; /*this determines the color of the small symbol (by default a ' ; ' but you can change it) next to the tags*/
  721. font-size:10px;
  722. text-shadow:0px 0px 3px #fff
  723. }
  724.  
  725. .tags a {
  726. color:#a4a4a4; /*change this for the actual color of the tags*/
  727. font-size:8px;
  728. font-weight:bold;
  729. font-family:calibri;
  730. text-transform:uppercase;
  731. text-shadow:0px 0px 3px #576d8c
  732. letter-spacing:0px;
  733.  
  734. }
  735.  
  736.  
  737. .tags a:hover {
  738. color: #fff; /*tag color on hover*/
  739. -webkit-transition: all 0.5s ease-in-out;
  740. -moz-transition: all 0.5s ease-in-out;
  741. -o-transition: all 0.5s ease-in-out;
  742. -ms-transition: all 0.5s ease-in-out;
  743. transition: all 0.5s ease-in-out;
  744.  
  745. }
  746.  
  747.  
  748. /*POP UP CODES AND LINKS BEGIN*/
  749.  
  750.  
  751. #pops {
  752. position:fixed;
  753.  
  754. }
  755.  
  756.  
  757. #linku1 {
  758. position:fixed;
  759. font-size:18px;
  760. text-decoration:none;
  761. margin-left:900px;
  762. margin-top:705px;
  763. z-index:99999999999999999999;
  764. }
  765.  
  766.  
  767. #linku1 a {
  768. color: #d1fefe; /*color of custom links*/
  769. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of custom links*/
  770. -webkit-filter: blur(1px);
  771. -moz-filter: blur(1px);
  772. -o-filter: blur(1px);
  773. -ms-filter: blur(1px);
  774. filter: blur(1px);
  775. }
  776.  
  777. #linku1 a:hover {
  778. color: #fff;
  779. }
  780.  
  781. #linku1:hover {
  782. -webkit-filter: blur(2px);
  783. -moz-filter: blur(2px);
  784. -o-filter: blur(2px);
  785. -ms-filter: blur(2px);
  786. filter: blur(2px);
  787. -webkit-transition: all 0.5s ease-in-out;
  788. -moz-transition: all 0.5s ease-in-out;
  789. -o-transition: all 0.5s ease-in-out;
  790. -ms-transition: all 0.5s ease-in-out;
  791. transition: all 0.5s ease-in-out;
  792. }
  793.  
  794. #linku2 {
  795. position:fixed;
  796. font-size:18px;
  797. text-decoration:none;
  798. margin-left:930px;
  799. margin-top:705px;
  800. }
  801.  
  802. #linku2:hover {
  803. -webkit-filter: blur(2px);
  804. -moz-filter: blur(2px);
  805. -o-filter: blur(2px);
  806. -ms-filter: blur(2px);
  807. filter: blur(2px);
  808. -webkit-transition: all 0.5s ease-in-out;
  809. -moz-transition: all 0.5s ease-in-out;
  810. -o-transition: all 0.5s ease-in-out;
  811. -ms-transition: all 0.5s ease-in-out;
  812. transition: all 0.5s ease-in-out;
  813. }
  814.  
  815.  
  816. #linku2 a {
  817. color: #d1fefe; /*color of custom links*/
  818. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of custom links*/
  819. -webkit-filter: blur(1px);
  820. -moz-filter: blur(1px);
  821. -o-filter: blur(1px);
  822. -ms-filter: blur(1px);
  823. filter: blur(1px);
  824. }
  825.  
  826. #linku2 a:hover {
  827. color: #fff;
  828. }
  829.  
  830. #linku3 {
  831. position:fixed;
  832. font-size:18px;
  833. text-decoration:none;
  834. margin-left:960px;
  835. margin-top:705px;
  836. }
  837.  
  838. #linku3:hover {
  839. -webkit-filter: blur(2px);
  840. -moz-filter: blur(2px);
  841. -o-filter: blur(2px);
  842. -ms-filter: blur(2px);
  843. filter: blur(2px);
  844. -webkit-transition: all 0.5s ease-in-out;
  845. -moz-transition: all 0.5s ease-in-out;
  846. -o-transition: all 0.5s ease-in-out;
  847. -ms-transition: all 0.5s ease-in-out;
  848. transition: all 0.5s ease-in-out;
  849. }
  850.  
  851.  
  852. #linku3 a {
  853. color: #d1fefe; /*color of custom links*/
  854. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of custom links*/
  855. -webkit-filter: blur(1px);
  856. -moz-filter: blur(1px);
  857. -o-filter: blur(1px);
  858. -ms-filter: blur(1px);
  859. filter: blur(1px);
  860. }
  861.  
  862. #linku3 a:hover {
  863. color: #fff;
  864. }
  865.  
  866. #linku4 {
  867. position:fixed;
  868. font-size:16px;
  869. text-decoration:none;
  870. width:70px;
  871. height:auto;
  872. margin-left:990px;
  873. margin-top:700px;
  874. }
  875.  
  876. #linku4:hover {
  877. -webkit-filter: blur(2px);
  878. -moz-filter: blur(2px);
  879. -o-filter: blur(2px);
  880. -ms-filter: blur(2px);
  881. filter: blur(2px);
  882. -webkit-transition: all 0.5s ease-in-out;
  883. -moz-transition: all 0.5s ease-in-out;
  884. -o-transition: all 0.5s ease-in-out;
  885. -ms-transition: all 0.5s ease-in-out;
  886. transition: all 0.5s ease-in-out;
  887. }
  888.  
  889. #linku5 {
  890. position:fixed;
  891. font-size:13px;
  892. text-decoration:none;
  893. width:70px;
  894. height:auto;
  895. margin-left:1070px;
  896. margin-top:700px;
  897. }
  898.  
  899. #linku5:hover {
  900. -webkit-filter: blur(2px);
  901. -moz-filter: blur(2px);
  902. -o-filter: blur(2px);
  903. -ms-filter: blur(2px);
  904. filter: blur(2px);
  905. -webkit-transition: all 0.5s ease-in-out;
  906. -moz-transition: all 0.5s ease-in-out;
  907. -o-transition: all 0.5s ease-in-out;
  908. -ms-transition: all 0.5s ease-in-out;
  909. transition: all 0.5s ease-in-out;
  910. }
  911.  
  912. #linku6 {
  913. position:fixed;
  914. font-size:13px;
  915. width:70px;
  916. height:auto;
  917. text-decoration:none;
  918. margin-left:1150px;
  919. margin-top:700px;
  920.  
  921. }
  922.  
  923. #linku6:hover {
  924. -webkit-filter: blur(2px);
  925. -moz-filter: blur(2px);
  926. -o-filter: blur(2px);
  927. -ms-filter: blur(2px);
  928. filter: blur(2px);
  929. -webkit-transition: all 0.5s ease-in-out;
  930. -moz-transition: all 0.5s ease-in-out;
  931. -o-transition: all 0.5s ease-in-out;
  932. -ms-transition: all 0.5s ease-in-out;
  933. transition: all 0.5s ease-in-out;
  934. }
  935.  
  936.  
  937. #fade { /*--Transparent background layer--*/
  938. display: none; /*--hidden by default--*/
  939. background: #a4a4a4; /*color of pop up fade */
  940. background-image: url(''); /*if you want to add a background image to go behind your popup */
  941. position: fixed; left: 0; top: 0;
  942. width: 100%;
  943. height: 100%;
  944. opacity: 0.7;/* you can make it 0 if you don't want a surrounding color to the popup or set it to 1 to have the background posts and theme invisible and only the pop up showing */
  945. z-index: 9999;
  946. }
  947.  
  948. .popup_block {
  949. display:none;
  950. HEIGHT:auto;
  951. width:auto;
  952. background:transparent;
  953. padding:0px;
  954. float:left;
  955. position:fixed;
  956. margin:auto;
  957. z-index: 99999;
  958. }
  959.  
  960. .popup_boxy {
  961. background:#26959a; /*color of popup background*/
  962. background-image:url("https://static.tumblr.com/jvgn7d0/6yupowkd1/connorb.png"); /*main image of popup*/
  963. border:solid 1px #7c7c7c; /*border color of main popup*/
  964. position:absolute;
  965. box-shadow: 0px 0px 2px #7c7c7c; /*shadow color of popup*/
  966. text-align:left;
  967. font-size: 10px; /*font size of the words inside the box */
  968. padding:20px;
  969. margin:auto;
  970. width: 575px; /*width of main pop up*/
  971. height:350px; /*height of main pop up*/
  972. overflow-y:none;
  973. top:235px; /*position of pop up*/
  974. left:450px;
  975. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  976. }
  977.  
  978. .popup_content {
  979. height:321px;
  980. width: 327px;
  981. padding: 10px;
  982. margin:5px;
  983. border: solid 1px #7c7c7c; /*border color of square that includes popup content*/
  984. overflow-y:scroll;
  985. background:#ccc; /*background color of pop up content, the square that has your text*/
  986. float:right;
  987. }
  988.  
  989. .tabheader {
  990. position:absolute;
  991. top:210px; /*make sure to keep this less than position of box so it floats above it always*/
  992. left:812px;
  993. text-align:center;
  994. width:300px;
  995. background:transparent;
  996. color:#e6e6e6; /* color of hanging pop up header */
  997. text-shadow:0px 0px 10px #7c7c7c,
  998. 0px 0px 3px #7c7c7c;
  999. overflow-y:scroll;
  1000. font-family: 'nightingale';
  1001. font-size:15px;
  1002. font-weight:normal;
  1003. letter-spacing:1px;
  1004. text-transform:lowercase;
  1005. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  1006. }
  1007.  
  1008. /*tabbed popups begins*/
  1009.  
  1010.  
  1011. ul#tabs {
  1012. list-style-type: none;
  1013. padding: 0;
  1014. text-align: left;
  1015. }
  1016.  
  1017. ul#tabs li.active { /*your active tab*/
  1018.  
  1019. display: block;
  1020. width: 100px;
  1021.  
  1022. font-size:10px;
  1023. padding: 2px;
  1024. line-height:110%;
  1025. text-align: center;
  1026. letter-spacing: 1px;
  1027. margin: 10px;
  1028. color:#241f3e; /*text color of sidebar links*/
  1029. text-transform:uppercase;
  1030. background-image: url('');
  1031. background-color:#67bdc0;/*background image of sidelinks*/
  1032. background-repeat:repeat;
  1033. background-attachment:fixed;
  1034. border-top:solid 1px #b1c5cc; /*top border of side links*/
  1035. border-left:solid 1px #b1c5cc; /*left border of side links*/
  1036. border-right: solid 1px #b1c5cc; /*right border of side links*/
  1037. border-bottom: solid 1px #b1c5cc; /*bottom border of side links*/
  1038. }
  1039.  
  1040. ul#tabs li:hover { /*appearance when you hover on tab titles*/
  1041. display: block;
  1042. width: 100px;
  1043.  
  1044. font-size:10px;
  1045. padding: 2px;
  1046. line-height:110%;
  1047. text-align: center;
  1048. letter-spacing: 1px;
  1049. margin: 10px;
  1050. color:#241f3e; /*text color of sidebar links*/
  1051. text-transform:uppercase;
  1052. background-image: url('');
  1053. background-color:#77b4df;/*background image of sidelinks*/
  1054. background-repeat:repeat;
  1055. background-attachment:fixed;
  1056. border-top:solid 1px #b1c5cc; /*top border of side links*/
  1057. border-left:solid 1px #b1c5cc; /*left border of side links*/
  1058. border-right: solid 1px #b1c5cc; /*right border of side links*/
  1059. border-bottom: solid 1px #b1c5cc; /*bottom border of side links*/
  1060.  
  1061. }
  1062.  
  1063. ul#tabs li { /*the rest of the titles / your inactive ones*/
  1064.  
  1065. display: block;
  1066. width: 100px;
  1067.  
  1068. font-size:10px;
  1069. padding: 2px;
  1070. line-height:110%;
  1071. text-align: center;
  1072. letter-spacing: 1px;
  1073. margin: 10px;
  1074. color:#241f3e; /*text color of sidebar links*/
  1075. text-transform:uppercase;
  1076. background-image: url('');
  1077. background-color:#67bdc0;/*background image of sidelinks*/
  1078. background-repeat:repeat;
  1079. background-attachment:fixed;
  1080. border-top:solid 1px #b1c5cc; /*top border of side links*/
  1081. border-left:solid 1px #b1c5cc; /*left border of side links*/
  1082. border-right: solid 1px #b1c5cc; /*right border of side links*/
  1083. border-bottom: solid 1px #b1c5cc; /*bottom border of side links*/
  1084.  
  1085. }
  1086.  
  1087. ul#tab {
  1088. list-style-type: none;
  1089. margin: 0;
  1090. padding: 0;
  1091. }
  1092.  
  1093. ul#tab li {
  1094. display: none;
  1095. }
  1096.  
  1097. ul#tab li.active {
  1098. display: block;
  1099. }
  1100. #tabid { /*this is the navigation of your tabbed pop ups*/
  1101. position:absolute;
  1102. top: 355px; /*position of tab navigation*/
  1103. left: 1065px; /*position of tab navigation*/
  1104. text-align:center;
  1105. border:none;
  1106. width:auto;
  1107. background:transparent; /*background color of pop up side navigation*/
  1108. height:auto;
  1109. overflow:scroll;
  1110. text-align:justify;
  1111. padding:5px;
  1112. font-size:9px;
  1113. font-family:calibri;
  1114. text-transform:uppercase;
  1115. letter-spacing:1px;
  1116. text-align:center;
  1117. z-index: 999999;
  1118. }
  1119.  
  1120. /*end*/
  1121.  
  1122. img.btn_close {
  1123. float: right;
  1124. margin: -5px -5px 0 0;
  1125. }
  1126. /*--Making IE6 Understand Fixed Positioning--*/
  1127. *html #fade {
  1128. position: absolute;
  1129. }
  1130. *html .popup_block {
  1131. position: absolute;
  1132. }
  1133.  
  1134.  
  1135. /*The header of each part of the navigation*/
  1136. .navi_linksu h3 {
  1137. font-size:22px;
  1138. margin-bottom:-5px;
  1139. border:none;
  1140. color: #a4a4a4; /*color of header*/
  1141. font-family: 'selima';
  1142. font-weight:normal;
  1143. letter-spacing:1px;
  1144. text-transform:lowercase;
  1145. background:transparent;
  1146. }
  1147.  
  1148. .navi_linksu {
  1149. text-align:center;
  1150. }
  1151.  
  1152. .navi_linksu a {
  1153. display: inline-block;
  1154. width: 120px;
  1155. padding: 5px;
  1156. margin:5px;
  1157. font-size:11px;
  1158. background-image: url('');
  1159. background:#ccc; /*color of navigation links background*/
  1160. background-repeat:repeat;
  1161. background-attachment:fixed;
  1162. border: solid 1px #7c7c7c;
  1163. color:#7c7c7c;
  1164. font-family:calibri;
  1165. text-transform:uppercase;
  1166.  
  1167.  
  1168. }
  1169.  
  1170. .navi_linksu a:hover {
  1171. -webkit-transition: all .5s ease-in-out;
  1172. -moz-transition: all .5s ease-in-out;
  1173. -ms-transition: all .5s ease-in-out;
  1174. -o-transition: all .5s ease-in-out;
  1175. transition: all .5s ease-in-out;
  1176. background:#7c7c7c; /*background color of navi links on hover*/
  1177. border: solid 1px #ccc;
  1178. color:#ccc; /*color of links on hover*/
  1179. }
  1180.  
  1181. .versu {
  1182. width:80px;
  1183. height:auto;
  1184. float:left;
  1185. padding:20px;
  1186. }
  1187.  
  1188.  
  1189. .vee {
  1190. text-align:center;
  1191. padding:10px;
  1192. margin-bottom:20px;
  1193. }
  1194.  
  1195. /*POP UP END*/
  1196.  
  1197.  
  1198. /* DO NOT REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */
  1199. .credit {
  1200. font-weight:bold;
  1201. border-top:dashed 1px #7c7c7c;
  1202. border-right:dashed 1px #7c7c7c;
  1203. border-left:dashed 1px #7c7c7c;
  1204. background:#ccc;
  1205. color:#7c7c7c;
  1206. padding:10px;
  1207. font-size:15px;
  1208. bottom:0px;
  1209. right:20px;
  1210. position:fixed;
  1211. font-family:'sail';
  1212. -webkit-filter: blur(.5px);
  1213. -moz-filter: blur(.5px);
  1214. -o-filter: blur(.5px);
  1215. -ms-filter: blur(.5px);
  1216. filter: blur(.5px);
  1217.  
  1218. }
  1219.  
  1220. .credit a {
  1221. color:#7c7c7c;
  1222. }
  1223.  
  1224. .credit a:hover {
  1225. color: #fff;
  1226. }
  1227. /*CREDIT END*/
  1228.  
  1229. </style>
  1230.  
  1231. <body>
  1232. <!--sidebar begins here-->
  1233. <div id="boxy">
  1234. <div id="despacito">
  1235. <div class="anchor">I AIN'T NO HERO </div>
  1236. <div class="sail">indie original character written by <b>PRINGLES</b>.<br>
  1237. Arthur P. Bogatir | Musician && Agent of SPROUT</div>
  1238. </div>
  1239. </div>
  1240.  
  1241. <!--sidebar end-->
  1242.  
  1243. <!--this is where you edit the size and titles of the scattered links, you can edit their content way below though. The #?w= determines the width of the pop up, make sure to give your popups different box numbers-->
  1244. <div id="pops">
  1245. <div id="linku1"> <a href="/" title="HOME.">✖</a></div>
  1246. <div id="linku2"> <a href="#?w=500" rel="box1" class="poplight" title="ASK.">✖</a></div>
  1247. <div id="linku3"> <a href="/navi" rel="box2" class="poplight" title="NAVIGATION.">✖</a></div>
  1248. <div id="linku4"> <a href="/read" rel="box3" class="poplight" title="RULES."><img src="https://static.tumblr.com/ut3odb3/4Drpq9xlm/a.png"></a></div> <!--change image source to change the squares labelled icon-->
  1249. <div id="linku5"> <a href="/tagged/Thick-Skulled-%28-Canon-%29" rel="canon" class="poplight" title="CANON."><img src="https://static.tumblr.com/ut3odb3/7Zzpq9xlq/b.png"></a></div> <!--change image source to change the squares labelled icon-->
  1250. <div id="linku6"> <a href="/bio" rel="box5" class="poplight" title="ABOUT."><img src="https://static.tumblr.com/ut3odb3/hDApq9xlt/c.png"></a></div> <!--change image source to change the squares labelled icon-->
  1251. </div>
  1252. </div>
  1253. </div>
  1254.  
  1255. <!--/* DO /NOT/ REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */-->
  1256. <div class="credit"><a href="https://ddkinzart.tumblr.com" title="code by ddkinzart">D.</a></div>
  1257.  
  1258. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1259.  
  1260. {block:Pagination}
  1261. <div class="pagi">
  1262. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1263. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1264. </div>
  1265. {/block:Pagination}
  1266. <div id="container">
  1267. <div id="entries">
  1268.  
  1269. {block:Posts}
  1270.  
  1271. <div id="content">
  1272. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1273. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1274. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1275.  
  1276. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1277. {/block:Photoset}
  1278.  
  1279. {block:Quote}<div class="quote">❝{Quote}❞</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1280. {block:Link}
  1281. {block:Thumbnail}
  1282. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1283. {/block:Thumbnail}
  1284. <div id="linku">
  1285. <span style="font-size:20px">❝ </span> <a href="{URL}" class="link" {Target}>{Name}</a><span style="font-size:20px"> ❞</span>
  1286. </div>
  1287. {/block:Link}
  1288.  
  1289. {block:Chat}
  1290. {block:Title}
  1291. <div class="titulo">{Title}</div>{/block:Title}<br>
  1292. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1293. {Line}</li>{/block:Lines}</ul>
  1294. {/block:Chat}
  1295.  
  1296. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1297. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1298. {block:Answer}
  1299. <div id="asker">{Asker}<span style="font-size:13px; font-family:bebas neue;"> whispered: </span></div><div id="ask">{Question}</div>
  1300. <div id="answer">
  1301. {Answer}</div>
  1302. {/block:Answer}
  1303. <div class="permalinks">
  1304. {block:RebloggedFrom}
  1305. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" >✖</a>
  1306. {/block:RebloggedFrom}
  1307. <a href="{Permalink}" title="{timeago}">✖</a>{block:NoteCount}
  1308. <a href="{Permalink}" title="{NoteCount} hits.">✖</a>{/block:NoteCount}
  1309. {block:ContentSource}
  1310. <a href="{SourceURL}" title="source: {SourceTitle}">✖</a>
  1311. {/block:ContentSource}
  1312. <a href="{ReblogURL}" title="reblog" target="_blank">✖</a>
  1313. {/block:RebloggedFrom}
  1314. </div>
  1315. <div class="tags">
  1316. {block:HasTags}
  1317. {block:Tags}
  1318. <!--you can change symbol before tags to something else-->; <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1319. {/block:Tags}
  1320. {/block:HasTags}
  1321. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1322.  
  1323. </div></div>
  1324. {/block:Posts}
  1325. </div>
  1326. </div>
  1327. </body>
  1328.  
  1329.  
  1330. <!--This is where the pop up begins, you can edit beyond this point-->
  1331.  
  1332. <div id="box1" class="popup_block" style="top:50%;left:50%">
  1333. <i style="text-align:center;">{AskLabel}</i>
  1334. <br>
  1335. <div class="queque">
  1336. {block:ShowHeaderImage}<img src="{HeaderImage}" width="100%">{/block:ShowHeaderImage} <!-- this will automatically display your mobile header image, but you can substitute with the url of another image, try to choose image which's width matches your pop up-->
  1337. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1338. </div></div>
  1339. </div>
  1340. </div></div></div></div></div></div></div></div></div></div></div></div>
  1341. </div>
  1342.  
  1343. </div></div>
  1344.  
  1345. </div></div></div></div></div></div></div></div></div></div></div>
  1346.  
  1347. </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!