Advertisement
tiffxny21

BORN FROM WISH ★

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