API tools faq
paste
Advertisement
soundofabullet

take two

soundofabullet
Mar 27th, 2017
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.22 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. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <link href='https://fonts.googleapis.com/css?family=Share' rel='stylesheet' type='text/css'>
  7. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  8.  
  9. <!--" THEME BY BULLET-THEME.TUMBLR.COM "-->
  10.  
  11. <meta name="image:Theme" content="http://static.tumblr.com/0ee6a5dae3bd055de012e4707bd0586d/rg42uh8/86Woni7dr/tumblr_static_2scqx9xt1yckk4gs4kw8c0o08.png">
  12. <meta name="image:Popup" content="http://static.tumblr.com/a85d1ed03f2ed3ac44f4e5e53ac30fca/rg42uh8/ppZoni7kr/tumblr_static_8tvyrwuuts844cgg84osk0w4k.png">
  13. <meta name="image:Decobox" content="http://static.tumblr.com/85ed4e58f50a4270920d5d9f52f8c599/rg42uh8/ib5oni8wh/tumblr_static_2edy24mzb36s4kosc8coc8sk0.png">
  14. <meta name="image:Description" content="http://static.tumblr.com/d88b91339ff658981860e3f20d2f5bae/rg42uh8/avkong5sf/tumblr_static_5t8p6fps70w80k0g8kcgwgsgg.png">
  15.  
  16. <meta name="color:Background" content="#0c0c0c">
  17. <meta name="color:Text" content="#888888">
  18. <meta name="color:Emphasis" content="#aaaaaa">
  19. <meta name="color:Emphasis 2" content="#68382d">
  20. <meta name="color:Link" content="#8c5757">
  21. <meta name="color:Link Hover" content="#888888">
  22. <meta name="color:Scrollbar" content="#222222">
  23. <meta name="color:Post Info" content="#333333">
  24. <meta name="color:Post Info Text" content="#666666">
  25. <meta name="color:Navigation" content="#5a1f1d">
  26. <meta name="color:Navi Shadow" content="#0c0c0c">
  27. <meta name="color:Navigation Hover" content="#222222">
  28. <meta name="color:qtip" content="#666666">
  29. <meta name="color:InactiveTab" content="#666666">
  30. <meta name="color:Button" content="#222222">
  31. <meta name="color:Button Text" content="#666666">
  32.  
  33. <meta name="text:Emphasis Font" content="'Share'">
  34.  
  35.  
  36. <script type="text/javascript"
  37. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  38. <script>
  39. $(document).ready(function() {
  40. //
  41. $('a.poplight[href^=#]').click(function() {
  42. var popID = $(this).attr('rel'); //Get Popup Name
  43. var popURL = $(this).attr('href'); //Get Popup href to define size
  44. var query= popURL.split('?');
  45. var dim= query[1].split('&');
  46. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  47. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  48. var popMargTop = ($('#' + popID).height() + 80) / 2;
  49. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  50. //Apply Margin to Popup
  51. $('#' + popID).css({
  52. 'margin-top' : -popMargTop,
  53. 'margin-left' : -popMargLeft
  54. });
  55. $('body').append('<div id="fade"></div>');
  56. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  57. return false;
  58. });
  59. $('a.close, #fade').live('click', function() {
  60. $('#fade , .popup_block').fadeOut(function() {
  61. $('#fade, a.close').remove(); //fade them both out
  62. });
  63. return false;
  64. });
  65. });
  66. </script>
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71. /* MAIN STYLES */
  72. /* Background, links, text */
  73.  
  74. body {
  75. background: {color:Background};
  76. font-size: 8.5pt;
  77. font-family: tahoma;
  78. letter-spacing: 1px;
  79. color: {color:Text};
  80. margin: 0px;
  81. line-height: 13pt;
  82. overflow: hidden;
  83. }
  84.  
  85. small { font-size: 8.5pt; line-height: 13pt; }
  86.  
  87. ol li { padding: 0px 0px 5px 0px; }
  88.  
  89. a:link, a:visited, a:active {
  90. color: {color:Link};
  91. text-decoration: none;
  92. -webkit-transition: all 1s;
  93. -moz-transition: all 1s;
  94. -o-transition: all 1s;
  95. transition: all 1s;
  96. font-family: {text:Emphasis Font};
  97. }
  98.  
  99. a:hover { color: {color:Link Hover}; }
  100.  
  101. div#qTip {
  102. border-radius: 6px;
  103. padding: 0px 6px 0px 6px;
  104. display: none;
  105. margin-left:15px;
  106. margin-top: -4px;
  107. text-align: center;
  108. position: absolute;
  109. font-size: 7pt;
  110. letter-spacing: 2px;
  111. text-transform: uppercase;
  112. font-weight: bold;
  113. font-family: {text:Emphasis Font};
  114. color: {color:qtip};
  115. z-index: 9999999;
  116. border-left: 2px solid {color:qtip};
  117. border-right: 2px solid {color:qtip};
  118. -webkit-border-radius: 30%;
  119. border-radius: 30%;
  120. background: {color:Background};
  121. }
  122.  
  123. iframe#tumblr_controls {
  124. white-space:nowrap;
  125. opacity: 0.3;
  126. -webkit-transition: all .5s;
  127. -moz-transition: all .5s;
  128. -o-transition: all .5s;
  129. transition: all .5s;
  130. }
  131. iframe#tumblr_controls:hover { opacity: 0.8; }
  132.  
  133. ::-webkit-scrollbar { width: 3px; height: 3px; }
  134. ::-webkit-scrollbar-button { width: 0px; height: 0px; }
  135. ::-webkit-scrollbar-thumb { background: {color:Scrollbar}; }
  136. ::-webkit-scrollbar-track { background: transparent; }
  137.  
  138. b, strong, i, em { color: {color:Emphasis}; }
  139.  
  140. h1 {
  141. width: 100%;
  142. text-align: center;
  143. font-family: {text:Emphasis Font};
  144. font-size: 16pt;
  145. line-height: 22px;
  146. font-weight: bold;
  147. text-transform: uppercase;
  148. color: {color:Emphasis 2};
  149. }
  150.  
  151. h2 {
  152. font-family: {text:Emphasis};
  153. font-size: 13pt;
  154. line-height: 15px;
  155. font-weight: bold;
  156. text-transform: uppercase;
  157. color: {color:Emphasis};
  158. }
  159.  
  160. h3 {
  161. font-family: {text:Emphasis};
  162. font-size: 10pt;
  163. font-weight: bold;
  164. margin-bottom: -5px;
  165. letter-spacing: 2px;
  166. text-transform: uppercase;
  167. color: {color:Emphasis};
  168. }
  169.  
  170.  
  171. #divider {
  172. margin-top: 15px;
  173. width: 398px;
  174. border: 1px solid {color:Post Info};
  175. height: 15px;
  176. line-height: 15px;
  177. background: {color:Post Info} url('{image:Verse}') center no-repeat;
  178. color: {color:Emphasis};
  179. font-size: 6pt;
  180. letter-spacing: 2px;
  181. text-transform: uppercase;
  182. text-align: center;
  183. font-family: Consolas;
  184. text-shadow: 1px 1px 0px rgba({RGBcolor:Background},0.8);
  185. }
  186.  
  187.  
  188.  
  189. /* TEMPLATE STYLES */
  190. /* Box setup, description */
  191.  
  192. #maincontent {
  193. position: absolute;
  194. margin: auto;
  195. top: 0px;
  196. left: 0px;
  197. bottom: 0px;
  198. right: 0px;
  199. width: 1300px;
  200. height: 700px;
  201. background: url('{image:Theme}') center no-repeat;
  202. }
  203.  
  204. #boxcontent {
  205. position: absolute;
  206. top: 89px;
  207. left: 509px;
  208. width: 434px;
  209. height: 524px;
  210. background: url('{image:Decobox}');
  211. }
  212.  
  213. .innerbox {
  214. background: {color:Background} url('{image:Popup}');
  215. overflow-y: auto;
  216. overflow-x: hidden;
  217. width: 434px;
  218. height: 524px;
  219. z-index: 10;
  220. opacity: 0;
  221. -webkit-transition: all 1s;
  222. -moz-transition: all 1s;
  223. -o-transition: all 1s;
  224. transition: all 1s;
  225. }
  226.  
  227. #boxcontent:hover .innerbox {
  228. opacity: 1;
  229. }
  230.  
  231. #post {
  232. width: 400px;
  233. height: auto;
  234. margin: 15px 0px 50px 17px;
  235. text-align: justify;
  236.  
  237. }
  238.  
  239. #postinfo {
  240. margin-top: 15px;
  241. width: 396px;
  242. line-height: 8pt;
  243. color: {color:Post Info Text};
  244. font-size: 6pt;
  245. letter-spacing: 2px;
  246. text-transform: uppercase;
  247. text-align: center;
  248. font-family: Consolas;
  249. padding: 3px 0px 3px 0px;
  250. background: {color:Background};
  251. border-left: 2px solid {color:Post Info};
  252. border-right: 2px solid {color:Post Info};
  253. -webkit-border-radius: 30%;
  254. border-radius: 30%;
  255. }
  256.  
  257. #postinfo a {
  258. font-size: 6pt;
  259. font-family: Consolas;
  260. font-style: normal;
  261. color: {color:Post Info Text};
  262. }
  263.  
  264. .tags {
  265. width: 350px;
  266. text-align: left;
  267. font-size: 7pt;
  268. line-height: 9px;
  269. letter-spacing: 1px;
  270. line-height: 10px;
  271. margin: 3px 0px 0px 23px;
  272. }
  273. .tags a {
  274. font-size: 6pt;
  275. font-family: Consolas;
  276. font-style: normal;
  277. color: {color:Post Info Text};
  278. }
  279.  
  280.  
  281. /* DESCRIPTION */
  282. /* cool ass hover box hell yeah */
  283.  
  284. #deschover {
  285. position: absolute;
  286. bottom: 65px;
  287. right: 400px;
  288. font-size: 12pt;
  289. font-family: {text:Emphasis Font};
  290. color: {color:Emphasis 2};
  291. text-transform: uppercase;
  292. font-weight: bold;
  293. }
  294.  
  295. .description {
  296. position: fixed;
  297. margin-left: 120px;
  298. margin-top: -450px;
  299. background: url('{image:Description}');
  300. width: 180px;
  301. height: 330px;
  302. padding: 10px;
  303. overflow: auto;
  304. opacity: 0;
  305. font-family: tahoma;
  306. font-size: 7.5pt;
  307. text-align: center;
  308. color: {color:Text};
  309. text-transform: none;
  310. font-weight: normal;
  311. -webkit-transition: all 1s;
  312. -moz-transition: all 1s;
  313. -o-transition: all 1s;
  314. transition: all 1s;
  315. }
  316.  
  317. .description h1 { font-size: 11pt; line-height: 100%; }
  318.  
  319. #deschover:hover .description {
  320. opacity: 1;
  321. }
  322.  
  323.  
  324. /* NAVIGATION */
  325. /* scatter links & pagination */
  326.  
  327. #navigation {
  328. position: absolute;
  329. top: 90px;
  330. left: 70px;
  331. }
  332. #navigation a {
  333. font-family: {text:Emphasis Font};
  334. color: {color:Navigation};
  335. text-shadow: 0px 0px 5px {color:Navi Shadow}, 0px 0px 15px {color:Navi Shadow};
  336. font-weight: bold;
  337. }
  338. #navigation a:hover { color: {color:Navigation Hover}; }
  339.  
  340. .nlink1 {
  341. position: fixed;
  342. margin-top: 2px;
  343. margin-left: 200px;
  344. -webkit-transform: rotate(70deg);
  345. transform: rotate(70deg);
  346. }
  347. .nlink1 a { font-size: 10pt; }
  348.  
  349. .nlink2 {
  350. position: fixed;
  351. margin-top: 20px;
  352. margin-left: 170px;
  353. -webkit-transform: rotate(-45deg);
  354. transform: rotate(-45deg);
  355. }
  356. .nlink2 a { font-size: 15pt; }
  357.  
  358. .nlink3 {
  359. position: fixed;
  360. margin-top: 50px;
  361. margin-left: 140px;
  362. -webkit-transform: rotate(135deg);
  363. transform: rotate(135deg);
  364. }
  365. .nlink3 a { font-size: 20pt; }
  366.  
  367. .nlink4 {
  368. position: fixed;
  369. margin-top: 100px;
  370. margin-left: 110px;
  371. -webkit-transform: rotate(-45deg);
  372. transform: rotate(-45deg);
  373. }
  374. .nlink4 a { font-size: 25pt; }
  375.  
  376. .nlink5 {
  377. position: fixed;
  378. margin-top: 150px;
  379. margin-left: 90px;
  380. -webkit-transform: rotate(135deg);
  381. transform: rotate(135deg);
  382. }
  383. .nlink5 a { font-size: 30pt; }
  384.  
  385. .nlink6 {
  386. position: fixed;
  387. margin-top: 225px;
  388. margin-left: 100px;
  389. -webkit-transform: rotate(-20deg);
  390. transform: rotate(-20deg);
  391. }
  392. .nlink6 a { font-size: 35pt; }
  393.  
  394. #pagination {
  395. position: absolute;
  396. top: 455px;
  397. left: 300px;
  398. }
  399. #pagination a {
  400. display: inline-block;
  401. margin: 0px 10px 0px 10px;
  402. text-transform: uppercase;
  403. font-family: {text:Emphasis Font};
  404. color: {color:Navigation};
  405. text-shadow: 0px 0px 5px {color:Navi Shadow}, 0px 0px 15px {color:Navi Shadow};
  406. }
  407.  
  408.  
  409. /* POST STYLES */
  410. /* Ask, images, quotes */
  411.  
  412. img {
  413. max-width: 100%;
  414. height: auto;
  415. opacity: 0.5;
  416. -webkit-filter: grayscale(75%); /* Chrome, Safari, Opera */
  417. filter: grayscale(75%);
  418. -webkit-transition: all 1s;
  419. -moz-transition: all 1s;
  420. -o-transition: all 1s;
  421. transition: all 1s;
  422. }
  423.  
  424. img:hover {
  425. opacity: 1;
  426. -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
  427. filter: grayscale(0%);
  428. }
  429.  
  430. .photoset {
  431. text-align: center;
  432. opacity: 0.8;
  433. -webkit-filter: grayscale(75%); /* Chrome, Safari, Opera */
  434. filter: grayscale(75%);
  435. -webkit-transition: all 1s;
  436. -moz-transition: all 1s;
  437. -o-transition: all 1s;
  438. transition: all 1s;
  439. }
  440.  
  441. .photoset:hover {
  442. opacity: 1;
  443. -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
  444. filter: grayscale(0%);
  445. }
  446.  
  447.  
  448. figure {
  449. margin: 5px 0px 5px 0px;
  450. }
  451.  
  452. blockquote {
  453. border-left: 2px solid {color:Post Info};
  454. padding-left: 10px;
  455. margin-right: 0px;
  456. margin-left: 10px;
  457. }
  458.  
  459. .quotemark {
  460. font-size:90pt;
  461. opacity: 0.3;
  462. height: 70px;
  463. line-height: 100px;
  464. margin-bottom: -40px;
  465. text-shadow: none;
  466. }
  467. .quote {
  468. font-size: 13pt;
  469. line-height: 15pt;
  470. text-indent: 30px;
  471. font-family: {text:Emphasis Font};
  472. font-weight: bold;
  473. text-transform: uppercase;
  474. }
  475.  
  476. .ask {
  477. width: 100%;
  478. padding: 8px 0px 8px 0px;
  479. background: {color:Background};
  480. border-left: 2px solid {color:Text};
  481. border-right: 2px solid {color:Text};
  482. text-align: center;
  483. min-height: 40px;
  484. -webkit-border-radius: 30%;
  485. border-radius: 30%;
  486. }
  487.  
  488. .asker {
  489. width: 396px;
  490. text-align: center;
  491. color: {color:Emphasis 2};
  492. font-size: 12pt;
  493. line-height: 7pt;
  494. text-transform: uppercase;
  495. }
  496. .asker a { color: {color:Emphasis 2}; }
  497.  
  498. #albumart {
  499. width: 100px;
  500. height: 100px;
  501. display: inline-block;
  502. vertical-align: middle;
  503. margin-right: 10px;
  504. position: relative;
  505. }
  506.  
  507. #player {
  508. width: 30px;
  509. height: 30px;
  510. overflow: hidden;
  511. position: absolute;
  512. top: 35px;
  513. left: 35px;
  514. }
  515.  
  516. /* POPUP BOXES */
  517. /* Neat little links */
  518.  
  519. #fade {
  520. display: none;
  521. background: transparent;
  522. position: absolute;
  523. left: 0px;
  524. top: 0px;
  525. width: 100%; height: 100%;
  526. opacity: 0;
  527. z-index: 9999;
  528. }
  529. .popup_block {
  530. display: none;
  531. background: {color:Background} url('{image:Popup}') center no-repeat;
  532. position: absolute;
  533. top: 391px;
  534. left: 749px;
  535. z-index: 99999;
  536. height: 524px;
  537. overflow: auto;
  538. padding: 0px 17px 0px 17px;
  539. text-align: justify;
  540. }
  541. img.btn_close { float: right; margin: -5px -5px 0 0; }
  542. *html #fade { position: absolute; }
  543. *html .popup_block { position: absolute; }
  544.  
  545.  
  546. /* NAV BOX */
  547. /* Buttons for that popup */
  548.  
  549. .navbox a {
  550. display: block;
  551. font-family: consolas!important;
  552. color: {color:Button Text};
  553. background: {color:Button};
  554. width: 100%;
  555. height: 20px;
  556. line-height: 20px;
  557. font-size: 7pt;
  558. letter-spacing: 2px;
  559. text-align: center;
  560. margin-bottom: 2px;
  561. text-transform: uppercase;
  562. -webkit-transition: all 1s;
  563. -moz-transition: all 1s;
  564. -o-transition: all 1s;
  565. transition: all 1s;
  566. }
  567. .navbox a:hover { opacity: 0.6; }
  568.  
  569.  
  570. /* TABBED VERSES */
  571. /* Exactly what it says on the tin */
  572.  
  573. .tabs input[type=radio] { display: none; }
  574. .tabs {
  575. width: 100%;
  576. height: 500px;
  577. float: none;
  578. list-style: none;
  579. position: relative;
  580. padding: 0;
  581. }
  582. .tabs li{ float: left; }
  583. .tabs label {
  584. display: block;
  585. margin: 0px 5px 0px 5px;
  586. padding: 0px 3px 0px 3px;
  587. color: {color:InactiveTab};
  588. font-size: 7pt;
  589. height: 13px;
  590. line-height: 13px;
  591. text-transform: uppercase;
  592. font-weight: normal;
  593. cursor: pointer;
  594. position: relative;
  595. font-family: consolas;
  596. -webkit-transition: all 1s;
  597. -moz-transition: all 1s;
  598. -o-transition: all 1s;
  599. transition: all 1s;
  600. }
  601.  
  602. [id^=tab]:checked + label {
  603. color: {color:Button Text};
  604. background: {color:Button};
  605. }
  606.  
  607. [id^=tab]:checked ~ [id^=tab-content] { display: block; }
  608.  
  609. .tab-content{
  610. z-index: 2;
  611. display: none;
  612. text-align: justify;
  613. width: 400px;
  614. padding-right: 5px;
  615. height: 450px;
  616. overflow: auto;
  617. position: absolute;
  618. top: 50px;
  619. left: 0;
  620. }
  621.  
  622. #credit {
  623. position: absolute;
  624. bottom: 10px;
  625. left: 10px;
  626. text-transform: uppercase;
  627. font-family: calibri;
  628. }
  629. #credit a {
  630. font-family: calibri;
  631. font-size: 8px;
  632. letter-spacing: 1px;
  633. font-weight: bold;
  634. }
  635.  
  636. </style>
  637. </head>
  638. <body>
  639.  
  640.  
  641. <div id="maincontent">
  642. <div id="deschover">
  643. Hover
  644. <div class="description">
  645.  
  646.  
  647. <!--" DESCRIPTION
  648. Add your description stuff for the sidebar here
  649. "-->
  650.  
  651.  
  652. </div>
  653. </div>
  654.  
  655. {block:Pagination}
  656. <div id="pagination">
  657. {block:PreviousPage}<a href="{PreviousPage}">◄ Back</a>{/block:PreviousPage}
  658. {block:NextPage}<a href="{NextPage}">Forth ►</a>{/block:NextPage}
  659. </div>
  660. {/block:Pagination}
  661.  
  662.  
  663.  
  664.  
  665. <div id="navigation">
  666.  
  667. <!--" NAVIGATION LINKS START HERE "-->
  668.  
  669.  
  670. <div class="nlink1"><a href="/" title="{text:Home Title}">✹</a></div>
  671. <div class="nlink2"><a href="#?w=400" rel="02" class="poplight" title="Contact">✹</a></div>
  672. <div class="nlink3"><a href="#?w=400" rel="03" class="poplight" title="Rules">✹</a></div>
  673. <div class="nlink4"><a href="#?w=400" rel="01" class="poplight" title="Dossier">✹</a></div>
  674. <div class="nlink5"><a href="#?w=400" rel="04" class="poplight" title="Verses">✹</a></div>
  675. <div class="nlink6"><a href="#?w=400" rel="05" class="poplight" title="Navigation">✹</a></div>
  676.  
  677.  
  678. </div>
  679.  
  680.  
  681.  
  682.  
  683. <div id="boxcontent">
  684. <div class="innerbox">
  685.  
  686. {block:Posts}
  687. <div id="post">
  688.  
  689. {block:Photo}
  690. {LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}
  691. {block:Caption}{Caption}{/block:Caption}
  692. {/block:Photo}
  693.  
  694. {block:Photoset}
  695. <div class="photoset">{Photoset-400}</div>
  696. {block:Caption}{Caption}{/block:Caption}
  697. {/block:Photoset}
  698.  
  699. {block:Video}
  700. <center>{Video-400}</center>
  701. {block:Caption}{Caption}{/block:Caption}
  702. {/block:Video}
  703.  
  704. {block:Answer}
  705. <div class="asker">{Asker} has made contact</div>
  706. <div class="ask">{Question}</div>
  707.  
  708. {Answer}
  709.  
  710. {/block:Answer}
  711.  
  712. {block:Text}
  713. {block:Title}<h1>{Title}</h1>{/block:Title}
  714. {Body}
  715. {/block:Text}
  716.  
  717. {block:Link}
  718. <h1><a href="{url}" {Target}>{Name}</a></h1>
  719. {block:Description}{Description}{/block:Description}
  720. {/block:Link}
  721.  
  722. {block:Chat}
  723. {block:Title}<h1>{Title}</h1>{/block:Title}
  724. {block:Lines}
  725. <p>{block:Label}<b style="font-family:{text:Emphasis Font};font-size: 10pt;text-transform:uppercase;">{Label}</b>{/block:Label} {Line}</p>
  726. {/block:Lines}
  727. {/block:Chat}
  728.  
  729. {block:Quote}
  730. <div class="quotemark">❝</div>
  731. <div class="quote">{quote}</div>
  732. {block:Source}<div style="text-align:right;margin-top:20px;">{Source}</div>{/block:Source}
  733. {/block:Quote}
  734.  
  735. {block:Audio}
  736. {block:AlbumArt}
  737. <div id="albumart"><img src="{AlbumArtURL}"><div id="player">{AudioPlayerWhite}</div></div>
  738. {/block:AlbumArt}
  739. <div style="display:inline-block;height:100px;vertical-aling:middle;">
  740. {block:TrackName}{TrackName}{/block:TrackName}{Block:Artist}<br>{Artist}{/block:Artist}</div>
  741. {block:Caption}{Caption}{/block:Caption}
  742. {/block:Audio}
  743.  
  744.  
  745. <div id="postinfo">
  746. {block:Date}Posted on <a href="{Permalink}">{DayOfMonth} {Month} at {24Hour}:{Minutes}</a>{/block:Date} {block:NoteCount} with <a href="{Permalink}">{NoteCount} Notes &hearts;</a>{/block:NoteCount}<br>
  747. {block:ContentSource}<a href="{SourceURL}">Origin</a> &nbsp;{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a> &nbsp;{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">Reblog</a>
  748. </div>
  749.  
  750. {block:HasTags}
  751. <div class="tags">
  752. <b style="font-family:{text:Emphasis Font};text-transform:uppercase;letter-spacing:2px;">Filed Under:</b> &nbsp;{block:Tags}<a href="{TagURL}">#{tag}</a> &nbsp;
  753. {/block:Tags}
  754. </div>
  755. {/block:HasTags}
  756.  
  757. {block:PostNotes}<div style="margin-top:50px;">{PostNotes}</div>{/block:PostNotes}
  758.  
  759. </div>
  760. {/block:Posts}
  761.  
  762. </div>
  763.  
  764. </div>
  765.  
  766.  
  767.  
  768. <div id="02" class="popup_block">
  769. <iframe id="ask_form" style="background-color: transparent; overflow: auto;" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" frameborder="0" scrolling="no" width="100%" height="150"></iframe>
  770. </div>
  771.  
  772.  
  773.  
  774.  
  775. <div id="03" class="popup_block">
  776. <h1>Rules</h1>
  777.  
  778. <!--" THIS IS YOUR RULES SECTION
  779. Add your rules here."-->
  780.  
  781.  
  782. </div>
  783.  
  784.  
  785. <div id="01" class="popup_block">
  786. <h1>Dossier</h1>
  787.  
  788. <!--" THIS IS YOUR DOSSIER SECTION
  789. Add character info here "-->
  790.  
  791.  
  792. </div>
  793.  
  794.  
  795.  
  796.  
  797. <div id="04" class="popup_block">
  798. <ul class="tabs">
  799.  
  800. <!--" VERSES TAB
  801. For all your verse needs. Four tabs are
  802. provided by default. To create another tab, copy and paste all the stuff between the <li> tags. Be sure to change the tab numbers! "-->
  803.  
  804.  
  805.  
  806. <li>
  807. <input type="radio" checked name="tabs" id="tab1">
  808. <label for="tab1"> Tab 1 </label>
  809. <div id="tab-content1" class="tab-content">
  810.  
  811. <h1>Verse Hard</h1>
  812. <p>There is where all your verse information goes. Unfortunately this part you have to edit in the actual HTML, but it isn't too complicated.</p>
  813.  
  814. </div>
  815. </li>
  816.  
  817.  
  818.  
  819.  
  820. <li>
  821. <input type="radio" name="tabs" id="tab2">
  822. <label for="tab2"> Tab 2 </label>
  823. <div id="tab-content2" class="tab-content">
  824.  
  825. <h1> Verse Hard 2: Verse Harder </h1>
  826. <p>These boxes scroll btw.</p>
  827.  
  828. </div>
  829. </li>
  830.  
  831.  
  832.  
  833.  
  834. <li>
  835. <input type="radio" name="tabs" id="tab3">
  836. <label for="tab3"> Tab 3 </label>
  837. <div id="tab-content3" class="tab-content">
  838.  
  839. <h1> Verse Hard with a Vengeance </h1>
  840. <p>That one that Jeremy Irons was in or whatever.</p>
  841.  
  842. </div>
  843. </li>
  844.  
  845.  
  846.  
  847.  
  848. <li>
  849. <input type="radio" name="tabs" id="tab4">
  850. <label for="tab4"> Tab 4 </label>
  851. <div id="tab-content4" class="tab-content">
  852.  
  853. <h1> Live Free or Verse Hard </h1>
  854. <p>is this joke less funny yet idk</p>
  855.  
  856. </div>
  857. </li>
  858.  
  859.  
  860. <!--" COPY AND PASTE THE TEXT BELOW FOR ADDITIONAL TABS
  861. DO NOT FORGET TO EDIT THE NUMBERS
  862.  
  863. <li>
  864. <input type="radio" name="tabs" id="tab4">
  865. <label for="tab4"> Tab 4 </label>
  866. <div id="tab-content4" class="tab-content">
  867.  
  868. <h1> Live Free or Verse Hard </h1>
  869. <p>is this joke less funny yet idk</p>
  870.  
  871. </div>
  872. </li>
  873.  
  874. "-->
  875.  
  876.  
  877.  
  878.  
  879. </ul>
  880. </div>
  881.  
  882.  
  883. <div id="05" class="popup_block">
  884. <h1>Navigation</h1>
  885. <div class="navbox">
  886.  
  887. <!--" ADDITIONAL LINKS
  888. This is where you can add more links
  889. Nothing fancy "-->
  890.  
  891. <a href="/submit">Submit</a>
  892.  
  893.  
  894. </div>
  895. </div>
  896.  
  897.  
  898.  
  899. </div>
  900. <div id="credit"><a href="http://bullet-theme.tumblr.com" target="_blank">Credit</a></div>
  901. </body>
  902. </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!