API tools faq
paste
Advertisement
sweetestgale

popupfaun

sweetestgale
Mar 20th, 2017
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.24 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--ＦＡＵＮ ＴＨＥＭＥＳ
  6. ＴＨＥＭＥ .０１; ＳＯＵＬＩＥＲＥ
  7. ✽ please don't claim as your own
  8. ✽ don't move, remove, or in any way hide the credit
  9. ✽ modify it all you want, that's what the notes are for
  10. ✽ if you have any questions feel free to ask
  11. ✽ if there any issues with the code please let me know
  12. ✽ base code by octomoosey
  13. +# #
  14. @@@. +@,
  15. @@@@@@. :@@@@
  16. #@@;@@@@@@',,,'@@@@@@@.
  17. @@@ @@@@@@@@@@@@@@@@
  18. `@@: #@@@@@@@@@@@,
  19. .@@@@
  20. @@@@#
  21. '@@@@,
  22. @@@@@
  23. `@@@@@
  24. :@@@@@
  25. ;@@@@@
  26. .@@@@@.#@@@@@@'
  27. @@@@@@@@#'+@@@@@@
  28. #@@@@@. #@@@@
  29. .@@@@@@ '@@@@
  30. ;@@@@@@' @@@@@
  31. ;@',@@@@ @@@@
  32. @` #@@@@ @@@@;
  33. @ @@@@@ +@@@@
  34. `. #@@@@ '@@@@
  35. @ '@@@@ +@@@#
  36. `@@@@` @@@@.
  37. @@@@@ @@@@
  38. :@@@@ +@@@.
  39. @@@@@ .@@@'
  40. +@@@@ '@@@.
  41. @@@@@':'@@@@;
  42. ,+#@#',
  43. -->
  44.  
  45. <html>
  46. <head>
  47. <title>{text:Page Title}</title>
  48.  
  49. <link rel="shortcut icon" href="{image:Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51. {block:Description}
  52. <meta name="description" content="{MetaDescription}" />
  53. {/block:Description}
  54.  
  55. <link href="https://fonts.googleapis.com/css?family=Anton|Hammersmith+One|Just+Another+Hand|Montserrat|Oswald|Sacramento" rel="stylesheet">
  56. <link href="https://fonts.googleapis.com/css?family=Bad+Script|Caveat|Dawning+of+a+New+Day" rel="stylesheet">
  57.  
  58. <!--FONT FAMILY OPTIONS
  59.  
  60. :: HEADERS & BOLD ::
  61.  
  62. font-family: 'Oswald', sans-serif;
  63. font-family: 'Montserrat', sans-serif;
  64. font-family: 'Hammersmith One', sans-serif;
  65. font-family: 'Anton', sans-serif;
  66.  
  67. :: ITALICS ::
  68.  
  69. font-family: 'Sacramento', cursive;
  70. font-family: 'Just Another Hand', cursive;
  71. font-family: 'Caveat', cursive;
  72. font-family: 'Bad Script', cursive;
  73. font-family: 'Dawning of a New Day', cursive;
  74.  
  75. -->
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78. <script>
  79. (function($){
  80. $(document).ready(function(){
  81. $("a[title]").style_my_tooltips({
  82. tip_follows_cursor:true,
  83. tip_delay_time:90,
  84. tip_fade_speed:600,
  85. attribute:"title"
  86. });
  87. });
  88. })(jQuery);
  89. </script>
  90.  
  91. <!--TOOLTIP STUFF-->
  92.  
  93. <style>
  94.  
  95.  
  96.  
  97. .tooltip {
  98. display: inline;
  99. position: relative;
  100. }
  101.  
  102. #s-m-t-tooltip {
  103. background-color:{color:h3 background};
  104. border:3px double black;
  105. color:{color:h3 text};
  106. font-family:calibri;
  107. font-size:9px;
  108. text-transform:uppercase;
  109. letter-spacing:2px;
  110. padding:4px;
  111. margin:15px;
  112. max-width:200px;
  113. text-shadow:1px 1px 0px {color:accent},
  114. 1px -1px 0px {color:accent},
  115. -1px -1px 0px {color:accent},
  116. -1px 1px 0px {color:accent},
  117. 0px 1px 0px {color:accent},
  118. 0px -1px 0px {color:accent},
  119. 1px 0px 0px {color:accent},
  120. -1px 0px 0px {color:accent};
  121. z-index:999999999999999999999999999999999999;
  122.  
  123. }
  124.  
  125.  
  126.  
  127.  
  128. {CustomCSS}
  129. </style>
  130. </head>
  131.  
  132. <!--META TAGS-->
  133.  
  134. <meta name="text:page title" content=""/>
  135. <meta name="text:asked text" content=""/>
  136. <meta name="text:section 1 title" content=""/>
  137. <meta name="text:section 1" content=""/>
  138. <meta name="text:section 2 title" content=""/>
  139. <meta name="text:section 2" content=""/>
  140. <meta name="text:section 3 title" content=""/>
  141. <meta name="text:section 3" content=""/>
  142. <meta name="text:section 4 title" content=""/>
  143. <meta name="text:section 4" content=""/>
  144. <meta name="text:section 5 title" content=""/>
  145. <meta name="text:section 5" content=""/>
  146. <meta name="text:link 1 symbol" content=""/>
  147. <meta name="text:link 2 symbol" content=""/>
  148. <meta name="text:link 3 symbol" content=""/>
  149. <meta name="text:link 4 symbol" content=""/>
  150. <meta name="text:link 5 symbol" content=""/>
  151. <meta name="text:link 1" content=""/>
  152. <meta name="text:link 2" content=""/>
  153. <meta name="text:link 3" content=""/>
  154. <meta name="text:link 4" content=""/>
  155. <meta name="text:link 5" content=""/>
  156. <meta name="text:link 1 title" content=""/>
  157. <meta name="text:link 2 title" content=""/>
  158. <meta name="text:link 3 title" content=""/>
  159. <meta name="text:link 4 title" content=""/>
  160. <meta name="text:link 5 title" content=""/>
  161.  
  162. <!-- **NOTE: if you want to get rid of any background colors just ctrl+f it and replace the meta tag with "transparent"--
  163.  
  164. e.g. background-color: {color/h3 background}
  165. [change to...]
  166. background-color: transparent;
  167.  
  168. if you'd like to make it a picture, replace the color with the example below
  169.  
  170. e.g. background-color: {color/h3 background}
  171. [change to...]
  172. background-image: url ('URL HERE')
  173. background-repeat:repeat;
  174. background-attachment:fixed;
  175.  
  176.  
  177.  
  178. -->
  179.  
  180. <meta name="color:h3 background" content=""/>
  181. <meta name="color:h3 text" content=""/>
  182. <meta name="color:blockquote background" content=""/>
  183. <meta name="color:links" content=""/>
  184. <meta name="color:links hover" content=""/>
  185. <meta name="color:side links" content=""/>
  186. <meta name="color:side links hover" content=""/>
  187. <meta name="color:accent" content=""/>
  188. <meta name="color:accent2" content=""/>
  189. <meta name="color:text" content=""/>
  190. <meta name="color:bold" content=""/>
  191. <meta name="color:italics" content=""/>
  192.  
  193. <meta name="image:background" content=""/>
  194. <meta name="image:favicon" content=""/>
  195.  
  196. <meta name="if:gradient" content="0"/>
  197. <meta name="if:section 4" content="0"/>
  198. <meta name="if:section 5" content="0"/>
  199.  
  200.  
  201. <!--META TAGS END-->
  202.  
  203.  
  204. <script type="text/javascript"
  205. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  206. <script>
  207. $(document).ready(function() {
  208. //
  209. $('a.poplight[href^=#]').click(function() {
  210. var popID = $(this).attr('rel'); //Get Popup Name
  211. var popURL = $(this).attr('href'); //Get Popup href to define size
  212. var query= popURL.split('?');
  213. var dim= query[1].split('&');
  214. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  215. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  216. var popMargTop = ($('#' + popID).height() + 80) / 2;
  217. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  218. //Apply Margin to Popup
  219. $('#' + popID).css({
  220. 'margin-top' : -popMargTop,
  221. 'margin-left' : -popMargLeft
  222. });
  223. $('body').append('<div id="fade"></div>');
  224. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  225. return false;
  226. });
  227. $('a.close, #fade').live('click', function() {
  228. $('#fade , .popup_block').fadeOut(function() {
  229. $('#fade, a.close').remove(); //fade them both out
  230. });
  231. return false;
  232. });
  233. });
  234. </script>
  235.  
  236.  
  237. <style type="text/css">
  238.  
  239. .popup_block{
  240. display:none;
  241. background:#fff;
  242. padding:20px;
  243. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  244. float:left;
  245. position:fixed;
  246. top:50%;left:50%;
  247. z-index: 99999;
  248. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  249. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  250. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  251. }
  252.  
  253. *html #fade {position: absolute;}
  254. *html .popup_block {position: absolute;}
  255. #fade {
  256. display:none;
  257. position:fixed;
  258. left:0px;
  259. top:0px;
  260. width:100%;
  261. height:100%;
  262. z-index:9999;
  263. background:#000; /* change to #fff for solid white */
  264. opacity:0.5; /* change to opacity:1; */
  265. }
  266.  
  267.  
  268. ::-webkit-scrollbar {
  269. background:transparent;
  270. border:0px solid transparent;
  271. height: 0px;
  272. width: 2px;
  273. }
  274.  
  275. ::-webkit-scrollbar-thumb {
  276. background:transparent;
  277. }
  278.  
  279. /* DIV ID */
  280.  
  281. a {
  282. text-transform:uppercase;
  283. text-decoration:none;
  284. color:{color:links};
  285. -webkit-transition: all 0.7s ease;
  286. -moz-transition: all 0.7s ease;
  287. -o-transition: all 0.7s ease;
  288. }
  289.  
  290. a:hover {
  291. color:{color:links hover};
  292. }
  293.  
  294. b, bold, strong {
  295. color:{color:bold};
  296. font-family: 'Montserrat', sans-serif;
  297. font-size:9px;
  298. letter-spacing:2px;
  299. text-transform:uppercase;
  300. text-shadow:1px 1px 0px {color:accent2},
  301. 1px -1px 0px {color:accent2},
  302. -1px -1px 0px {color:accent2},
  303. -1px 1px 0px {color:accent2},
  304. 0px 1px 0px {color:accent2},
  305. 0px -1px 0px {color:accent2},
  306. 1px 0px 0px {color:accent2},
  307. -1px 0px 0px {color:accent2};
  308. }
  309.  
  310. i, italics, em {
  311. color:{color:italics};
  312. font-family: cambria;
  313. font-size:10px;
  314. text-transform:lowercase;
  315. }
  316.  
  317. blockquote {
  318. background-color:{color:blockquote background};
  319. padding:2px 7px;
  320. margin:3px 0 3px 8px;
  321. border-left:1px solid #a3a3a6;
  322. }
  323.  
  324. blockquote img {
  325. max-width:100%;
  326. height:auto;
  327. }
  328.  
  329. img {
  330. max-width: 100%;
  331. }
  332.  
  333. h1 {
  334. font-size:30px;
  335. line-height:30px;
  336. text-align:right;
  337. padding:10px;
  338. }
  339.  
  340. h2 {
  341. color:#eee;
  342. font-family: 'Montserrat', sans-serif;
  343. font-size:10px;
  344. text-transform:uppercase;
  345. text-align:justify;
  346. }
  347.  
  348. h3 {
  349. background-color:{color:h3 background};
  350. font-size:9px;
  351. font-family:calibri;
  352. text-transform:uppercase;
  353. text-align:center;
  354. letter-spacing:1px;
  355. padding:2px;
  356. color:{color:h3 text};
  357. border: double 3px black;
  358. text-shadow:1px 1px 0px {color:accent},
  359. 1px -1px 0px {color:accent},
  360. -1px -1px 0px {color:accent},
  361. -1px 1px 0px {color:accent},
  362. 0px 1px 0px {color:accent},
  363. 0px -1px 0px {color:accent},
  364. 1px 0px 0px {color:accent},
  365. -1px 0px 0px {color:accent};
  366. }
  367.  
  368. h4 {
  369. font-family: 'Hammersmith One', sans-serif;
  370. color:{color:h3 background};
  371. font-size:15px;
  372. text-transform:uppercase;
  373. text-align:left;
  374. opacity:.75;
  375. -webkit-transition: all 0.8s ease-in-out;
  376. -moz-transition: all 0.8s ease-in-out;
  377. -o-transition: all 0.8s ease-in-out;
  378. transition: all 0.8s ease-in-out;
  379. margin-bottom:-5px;
  380. }
  381.  
  382. h4:hover {
  383. opacity: 1.0;
  384. -webkit-transition: all 0.8s ease-in-out;
  385. -moz-transition: all 0.8s ease-in-out;
  386. -o-transition: all 0.8s ease-in-out;
  387. transition: all 0.8s ease-in-out;
  388. }
  389.  
  390. h6 {
  391. color:#eee;
  392. font-family: 'Montserrat', sans-serif;
  393. font-size:20px;
  394. margin-bottom:-5px;
  395. text-transform:uppercase;
  396. text-align:justify;
  397. opacity:.75;
  398. -webkit-transition: all 0.8s ease-in-out;
  399. -moz-transition: all 0.8s ease-in-out;
  400. -o-transition: all 0.8s ease-in-out;
  401. transition: all 0.8s ease-in-out;
  402. }
  403.  
  404. h6:hover {
  405. opacity: 1.0;
  406. -webkit-transition: all 0.8s ease-in-out;
  407. -moz-transition: all 0.8s ease-in-out;
  408. -o-transition: all 0.8s ease-in-out;
  409. transition: all 0.8s ease-in-out;
  410. }
  411.  
  412. sup, sub, small {
  413. font-size:12px;
  414. }
  415.  
  416. body {
  417. background-color:#030303;
  418. background-attachment: fixed;
  419. background-repeat:no-repeat;
  420. background-position:left top;
  421. background-image:url('{image:background}');
  422. font-family:calibri;
  423. font-size: 12px;
  424. color:{color:text};
  425. letter-spacing:1px;
  426. }
  427.  
  428. #container {
  429. background-color:#030303;
  430. position:absolute;
  431. top:177px;
  432. left:390px;
  433. height:401px;
  434. width:304px;
  435. overflow:scroll;
  436. {block:ifGradient}
  437. -webkit-mask-image:
  438. -webkit-gradient(
  439. linear, center 25%, center top,
  440. from(rgba(0,0,0,20)),
  441. to(rgba(20,0,0,0)));
  442. {/block:ifGradient}
  443. opacity:0;
  444. -webkit-transition: all 0.8s ease-in-out;
  445. -moz-transition: all 0.8s ease-in-out;
  446. -o-transition: all 0.8s ease-in-out;
  447. transition: all 0.8s ease-in-out;
  448. }
  449.  
  450. #container:hover {
  451. opacity: 1.0;
  452. -webkit-transition: all 0.8s ease-in-out;
  453. -moz-transition: all 0.8s ease-in-out;
  454. -o-transition: all 0.8s ease-in-out;
  455. transition: all 0.8s ease-in-out;
  456. }
  457.  
  458. #container img {
  459. height:auto;
  460. max-width:100%;
  461.  
  462. }
  463.  
  464. #sidebar {
  465. background:transparent;
  466. position:fixed;
  467. left:722px;
  468. top:230px;
  469. height:295px;
  470. width:160px;
  471. overflow:auto;
  472. opacity:.75;
  473. -webkit-transition: all 0.8s ease-in-out;
  474. -moz-transition: all 0.8s ease-in-out;
  475. -o-transition: all 0.8s ease-in-out;
  476. transition: all 0.8s ease-in-out;
  477. }
  478.  
  479. #sidebar:hover {
  480. opacity:1.0;
  481. -webkit-transition: all 0.8s ease-in-out;
  482. -moz-transition: all 0.8s ease-in-out;
  483. -o-transition: all 0.8s ease-in-out;
  484. transition: all 0.8s ease-in-out;
  485. }
  486.  
  487. #description {
  488. font-size:10px;
  489. color:#ffffff;
  490. text-align:justify;
  491. padding:0px 5px 5px 5px;
  492. }
  493.  
  494. #sideimage img {
  495. max-width:250px;
  496. margin-left:10px;
  497. }
  498.  
  499. #links {
  500. font-family: 'Hammersmith One', sans-serif;
  501. font-size:12px;
  502. padding:10px;
  503. text-align:left;
  504. width:300px;
  505. height:100px;
  506. margin-top:200px;
  507. margin-left:710px;
  508. }
  509.  
  510. #links a {
  511. display:inline-block;
  512. color:{color:side links};
  513. padding-left:10px;
  514. -webkit-transition: all 0.7s ease;
  515. -moz-transition: all 0.7s ease;
  516. -o-transition: all 0.7s ease;
  517. }
  518.  
  519. #links a:hover {
  520. color:{color:side links hover};
  521. letter-spacing:1px;
  522. }
  523.  
  524. #pagination {
  525. font-family: 'Hammersmith One', sans-serif;
  526. position:fixed;
  527. bottom:185px;
  528. left:783px;
  529. }
  530.  
  531. #pagination a {
  532. display:inline-block;
  533. color:{color:side links};
  534. font-size:20px;
  535. -webkit-transition: all 0.7s ease;
  536. -moz-transition: all 0.7s ease;
  537. -o-transition: all 0.7s ease;
  538. }
  539.  
  540. #pagination a:hover {
  541. color:{color:side links hover};
  542. }
  543.  
  544. /* DIV CLASS */
  545.  
  546. .posts {
  547. width:250px;
  548. padding:10px;
  549. margin-left:15px;
  550. margin-bottom:30px;
  551. overflow-y:scroll;
  552. overflow-x:hidden;
  553. }
  554.  
  555. .permalinks {
  556. background-color:#a3a3a6;
  557. border:5px double #000;
  558. letter-spacing:10px;
  559. padding:5px;
  560. height:12px;
  561. }
  562.  
  563. .permalinks a {
  564. text-decoration:none;
  565. font-size: 9px;
  566. color:#000;
  567. }
  568.  
  569. .permalinks a:hover {
  570. color:white;
  571. }
  572.  
  573. .tags {
  574. font-size:7px;
  575. font-family:calibri;
  576. text-align:justify;
  577. text-transform:uppercase;
  578. width:230px;
  579. margin-left:10px;
  580. padding-bottom:10px;
  581. }
  582.  
  583. .tags a {
  584. color:#a3a3a6;
  585. letter-spacing:2px;
  586.  
  587. }
  588.  
  589. .asker {
  590. background: -webkit-linear-gradient(#a3a3a6, #030303);
  591. -webkit-background-clip: text;
  592. -webkit-text-fill-color: transparent;
  593. font-family: 'Hammersmith One', sans-serif;
  594. font-size:30px;
  595. text-align:center;
  596. text-transform:uppercase;
  597. letter-spacing:2px;
  598. margin-bottom:-10px;
  599. padding-bottom:5px;
  600. -webkit-transition: all 1s ease;
  601. transition: all 1s ease;
  602. -moz-transition: all 1s ease;
  603. -o-transition: all 1s ease;
  604.  
  605. }
  606.  
  607. .asker:hover {
  608. -webkit-filter: blur(1px);
  609. }
  610.  
  611. .question {
  612. background-color:{color:blockquote background};
  613. text-align:center;
  614. text-transform:uppercase;
  615. border-left:1px solid #a3a3a6;
  616. padding:20px;
  617.  
  618. }
  619.  
  620. .quote {
  621. font-size:15px;
  622. letter-spacing:1px;
  623. text-align:center;
  624. margin-bottom:5px;
  625. padding-bottom:3px;
  626. }
  627.  
  628. .quotesource {
  629. font-size:10px;
  630. letter-spacing:1px;
  631. text-align:right;
  632. margin-bottom:15px;
  633. }
  634.  
  635. .odd, .even {
  636. padding:2px;
  637. }
  638. .odd {
  639. background-color:{color:blockquote background};
  640. }
  641.  
  642. .audio {
  643. width:240px;
  644. }
  645.  
  646. .audiocontainer {
  647. text-align;left;
  648. width:240px;
  649. }
  650.  
  651. .albumart {
  652. float:left;
  653. padding:5px;
  654. }
  655.  
  656. .albumart img {
  657. width:70px;
  658. height:70px;
  659. border:1px solid {color:text};
  660. padding:3px;
  661. }
  662.  
  663. .audioinfo {
  664. color:{color:text};
  665. }
  666.  
  667. .faun {
  668. position:fixed;
  669. font-family:calibri;
  670. font-size:20px;
  671. right:-10px;
  672. bottom:5px;
  673. opacity:0.7;
  674. }
  675.  
  676. .faun a {
  677. color:{color:side links};
  678. }
  679.  
  680. .faun a:hover {
  681. opacity:0.5;
  682. }
  683.  
  684. </style>
  685.  
  686. <body>
  687. <div id="sidebar">
  688.  
  689. <div id="description">
  690. <h3>{text:section 1 title}</h3>
  691.  
  692. {text:section 1}
  693.  
  694. <h3>{text:section 2 title}</h3>
  695.  
  696. {text:section 2}
  697.  
  698. <h3>{text:section 3 title}</h3>
  699.  
  700. {text:section 3}
  701.  
  702. {block:ifSection4}
  703. <h3>{text:section 4 title}</h3>
  704.  
  705. {text:section 4}
  706.  
  707. {/block:ifSection4}
  708.  
  709. {block:ifSection5}
  710. <h3>{text:section 5 title}</h3>
  711.  
  712. {text:section 5}
  713.  
  714. {/block:ifSection5}
  715. </div>
  716. </div>
  717.  
  718. <div id="links">
  719. <a href="{text:link 1}" title="{text:link 1 title}">{text:link 1 symbol}</a>
  720. <a href="#?w=300" rel="box1" title="{text:link 2 title}" class="poplight">{text:link 2 symbol}</a>
  721. <a href="#?w=300" rel="box2" title="{text:link 3 title}" class="poplight">{text:link 3 symbol}</a>
  722. <a href="#?w=300" rel="box3" title="{text:link 4 title}" class="poplight">{text:link 4 symbol}</a>
  723. <a href="#?w=300" rel="box4" title="{text:link 5 title}" class="poplight">{text:link 5 symbol}</a>
  724. </div>
  725.  
  726.  
  727. <div id="pagination">{block:Pagination}
  728. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}&nbsp;&nbsp;&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}">»</a>
  729. {/block:NextPage}
  730. {/block:Pagination}</div>
  731.  
  732. <div id="container">
  733. {block:Posts}
  734.  
  735. <div class="posts">
  736.  
  737. {block:Text}{block:Title}<h6>{Title}</h6>{/block:Title}{Body}{/block:Text}
  738.  
  739. {block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  740.  
  741. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  742.  
  743. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  744.  
  745. {block:Quote}<div class="quote"><h4>« {Quote} »</h4></div>{block:Source}<div class="quotesource" >— {Source}</div>{/block:Source}{/block:Quote}
  746.  
  747. {block:Link}<a href="{URL}" class="link" {Target}><h6>{Name}</h6></a>{block:Description}{Description}{/block:Description}{/block:Link}
  748.  
  749. {block:IndexPage}
  750. <ul class="chat-homepage" style="list-style:none; margin-left:-40px; width:250px">
  751. {block:Lines}
  752. <li class="{Alt} user_{UserNumber}">
  753. {block:Label}
  754. <span class="label-chat" style="display: inline-block; font-weight:bold;">{Label}</span>
  755. {/block:Label}
  756. {Line}
  757. {/block:Lines}
  758. </ul>
  759. {/block:IndexPage}
  760.  
  761. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  762.  
  763. {block:Audio}
  764. <div class="audio">
  765. <div class="albumart">
  766. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  767. </div>
  768. <div class="audiocontainer">
  769. {AudioPlayerBlack}
  770. </div>
  771. <p></p>
  772. <div class="audioinfo" style="text-transform:uppercase">
  773. <span style="font-weight:bold;">
  774. {block:TrackName}{TrackName}{/block:TrackName}</span><br>
  775. {block:Artist}{Artist}{/block:Artist}
  776. </div>
  777. <div style="padding-bottom:10px">{block:Caption}{Caption}{/block:Caption}</div>
  778. </div>
  779. {/block:Audio}
  780.  
  781. {block:Answer}
  782. <div class="asker">{Asker}</div>
  783. <p style="letter-spacing:3px;text-transform:uppercase;text-align:center;margin-top:-25px">{text:asked text}</p>
  784. <div class="question">{Question}</div>
  785. {Answer}
  786. {/block:Answer}
  787.  
  788. <div class="permalinks">
  789.  
  790. <div style="margin-top:-1px;">
  791. <a href="{Permalink}" title="{DayOfMonthWithZero} {ShortMonth} , {TimeAgo}" style="margin-left:65px;"> ✽ </a>
  792.  
  793. <a href="{Permalink}" title="{block:NoteCount}{NoteCount} Notes{/block:NoteCount}"> ✽ </a>
  794.  
  795. {block:RebloggedFrom}
  796. <a href="{ReblogParentURL}" title="{ReblogParentName}"> ✽ </a>
  797. {/block:RebloggedFrom} <a href="{ReblogURL}" title="Reblog"> ✽ </a></div>
  798. </div>
  799.  
  800. <div class="tags">
  801. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  802. </div>
  803. </div>
  804.  
  805. {/block:Posts}
  806.  
  807. </div>
  808. </body>
  809. <div class="faun">
  810. <a href="http://faunthemes.tumblr.com/" title="faunthemes"><img src="http://static.tumblr.com/aybwlel/2cBog8s2j/signature.png" width="50%"></a></div>
  811.  
  812. <div id="box1" class="popup_block">
  813. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/punchingdinosaurs.tumblr.com" width="100%"></iframe>
  814. </div>
  815. </div></div></div></div></div></div></div></div></div></div>
  816.  
  817.  
  818. <div id="box2" class="popup_block">
  819. CONTENT
  820. CONTENT
  821. CONTENT
  822. </div>
  823.  
  824. </div></div></div></div></div></div></div></div></div></div>
  825.  
  826. <div id="box3" class="popup_block">
  827. CONTENT
  828. CONTENT
  829. CONTENT
  830. </div>
  831.  
  832. </div></div></div></div></div></div></div></div></div></div>
  833.  
  834. <div id="box4" class="popup_block">
  835. <a href="/tag">link</a>
  836. <a href="/tagged/tag">tag</a>
  837. <a href="/tag">tag</a>
  838. </div>
  839.  
  840. </div></div></div></div></div></div></div></div></div></div>
  841.  
  842. </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!