API tools faq
paste
Advertisement
themesbygeorgia

Theme #64 - Veiled

themesbygeorgia
Jan 1st, 2018
1,968
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.46 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7.  
  8. <!--Theme #64 - Veiled by wonderfullythemes
  9.  
  10. don't touch the credit, cheers
  11. -->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <link href="https://fonts.googleapis.com/css?family=Arimo:300|Raleway" rel="stylesheet">
  19.  
  20. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  21. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  22.  
  23. <!--SCRIPT FOR TOOLTIPS-->
  24. <stsss>
  25. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  26. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27. <script>
  28. (function($){
  29. $(document).ready(function(){
  30. $("a[title]").style_my_tooltips({
  31. tip_follows_cursor:true,
  32. tip_delay_time:100,
  33. tip_fade_speed:200,
  34. attribute:"title"
  35. });
  36. });
  37. })(jQuery);
  38. </script>
  39.  
  40. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  41. <script>
  42. $(document).ready(function(){
  43.  
  44. $(".naviclick").click(function(){
  45. $("ul.links").slideToggle("800, swing");
  46. });
  47.  
  48. });
  49. </script>
  50.  
  51. {block:IndexPage}
  52. <!--posts/transition on scroll-->
  53. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  54. <script>
  55. $(document).ready(function(){
  56. $(document).scroll(function(){
  57.  
  58. var y = $(this).scrollTop();
  59.  
  60. if (y > 160) {
  61. $(".background").addClass("secondbackground");
  62. $("#navbar").addClass("secondtext");
  63. $(".title").addClass("secondtext");
  64. $(".description").addClass("descswitch");
  65. } if (y < 160) {
  66. $(".background").removeClass("secondbackground");
  67. $("#navbar").removeClass("secondtext");
  68. $(".title").removeClass("secondtext");
  69. $(".description").removeClass("descswitch");
  70. }
  71.  
  72.  
  73. });
  74. });
  75. </script>
  76. {/block:IndexPage}
  77.  
  78. <meta name="color:Background" content="#111" />
  79. <meta name="color:Main" content="#fefefe" />
  80. <meta name="color:Accent One" content="#A65926" />
  81. <meta name="color:Accent Two" content="#5E787C" />
  82. <meta name="color:Light Accent" content="#f3b956" />
  83.  
  84. <meta name="image:Background" content="" />
  85.  
  86. <meta name="text:Link1" content="/" />
  87. <meta name="text:Link1 Text" content="Link 1" />
  88. <meta name="text:Link2" content="/" />
  89. <meta name="text:Link2 Text" content="Link 2" />
  90. <meta name="text:Link3" content="/" />
  91. <meta name="text:Link3 Text" content="Link 3" />
  92. <meta name="text:Link4" content="/" />
  93. <meta name="text:Link4 Text" content="Link 4" />
  94.  
  95.  
  96. <style type="text/css">
  97.  
  98. #s-m-t-tooltip {
  99. max-width: 200px;
  100. font-family: 'Arimo', sans-serif;
  101. font-size: 11px;
  102. background-color: {color:Accent Two};
  103. color: {color:Main};
  104. line-height: 14px;
  105. display: none;
  106. position: absolute;
  107. letter-spacing: 2px;
  108. text-transform: uppercase;
  109. padding: 7px 9px 7px 9px;
  110. margin: 15px 0px 0px 15px;
  111. z-index: 99999999999999;
  112. }
  113.  
  114. /*basics*/
  115.  
  116. body {
  117. background: {color:Background};
  118. color: {color:Main};
  119. font-family: 'Arimo', sans-serif;
  120. font-size: 15px;
  121. line-height: 21px;
  122. text-decoration: none;
  123. text-transform: none;
  124. margin: 0px;
  125. font-weight: 300;
  126. }
  127.  
  128. a {
  129. color: {color:Main};
  130. text-decoration: none;
  131. border-bottom: 1px solid {color:Main};
  132. -moz-transition-duration: 0.3s;
  133. -webkit-transition-duration: 0.3s;
  134. -o-transition-duration: 0.3s;
  135. }
  136.  
  137. a:hover {
  138. color: {color:Light Accent};
  139. border-bottom: 1px solid {color:Light Accent};
  140. -moz-transition-duration: 0.3s;
  141. -webkit-transition-duration: 0.3s;
  142. -o-transition-duration: 0.3s;
  143. }
  144.  
  145. h1, h2, h3, h4, h5, h6 {
  146. margin: 0;
  147. padding: 10px 0;
  148. font-family: 'Raleway', sans-serif;
  149.  
  150. }
  151.  
  152. h1 {
  153. color: {color:Light Accent};
  154. }
  155.  
  156. h1 a {
  157. color: {color:Light Accent};
  158. }
  159.  
  160. h2 {
  161. text-transform: lowercase;
  162. }
  163.  
  164. h2 a:hover { border-bottom: 1px solid transparent; }
  165.  
  166. ul, ol {
  167. list-style: none;
  168. }
  169.  
  170. li {
  171. padding-left: 10px;
  172. text-indent: -16px;
  173. }
  174.  
  175. li:before {
  176. content: "\f105";
  177. font-family: FontAwesome;
  178. color: {color:Light Accent};
  179. margin-right: 10px;
  180. }
  181.  
  182. blockquote {
  183. border-left: 1px solid {color:Light Accent};
  184. padding-left: 7px;
  185. margin-left: 10px;
  186. }
  187.  
  188. img, blockquote, li, h2 {
  189. max-width: 100%;
  190. }
  191.  
  192. b, i {
  193. color: {color:Light Accent};
  194. }
  195.  
  196. /*bg img*/
  197. .background {
  198. {block:IndexPage}
  199. width: 100%;
  200. height: 100%;
  201. top: 0;
  202. left: 0;
  203. {/block:IndexPage}
  204. {block:PermalinkPage}
  205. width: 50%;
  206. height: 50%;
  207. top: 25%;
  208. left: 50%;
  209. {/block:PermalinkPage}
  210. position: fixed;
  211. background-image: url('{image:Background}');
  212. background-attachment: fixed;
  213. background-size: cover;
  214. -moz-transition-duration: 0.3s;
  215. -webkit-transition-duration: 0.3s;
  216. -o-transition-duration: 0.3s;
  217.  
  218. }
  219.  
  220. /*navbar*/
  221. #navbar {
  222. width: 320px;
  223. padding: 60px;
  224. top: calc(50% - 150px);
  225. position: fixed;
  226. font-weight: 300;
  227. -moz-transition-duration: 0.3s;
  228. -webkit-transition-duration: 0.3s;
  229. -o-transition-duration: 0.3s;
  230. }
  231.  
  232. a.title {
  233. font-family: 'Raleway', sans-serif;
  234. text-transform: uppercase;
  235. letter-spacing: 5px;
  236. color: white;
  237. font-size: 24px;
  238. border-bottom: none;
  239. }
  240.  
  241. ul.description {
  242. margin: 0;
  243. padding: 15px 0 25px 20px;
  244. }
  245.  
  246. ul.description a:hover {
  247. color: {color:Main};
  248. border-bottom: 1px solid transparent;
  249. }
  250.  
  251. .descswitch li:before {
  252. color: #fefefe;
  253. }
  254.  
  255. .naviclick:hover { cursor: crosshair; }
  256.  
  257. .linkswrap {
  258. margin: -20px 0 0 90px;
  259. }
  260.  
  261. ul.links {
  262. padding: 0;
  263. margin: 0;
  264. display: none;
  265. }
  266.  
  267. ul.links li {
  268. font-size: 12px;
  269. }
  270.  
  271. ul.links li a {
  272. border-bottom: none;
  273. }
  274.  
  275. ul.links li a:hover {
  276. color: {color:Light Accent};
  277. }
  278.  
  279. #navbar:hover .box1 {
  280. margin: -40px 0 0 -35px;
  281. opacity: 1;
  282. -moz-transition-duration: 0.3s;
  283. -webkit-transition-duration: 0.3s;
  284. -o-transition-duration: 0.3s;
  285. }
  286.  
  287. .box1 {
  288. margin: 0;
  289. height: 190px;
  290. width: 310px;
  291. background: {color:Accent One};
  292. position: absolute;
  293. z-index: -1;
  294. opacity: 0;
  295. -moz-transition-duration: 0.3s;
  296. -webkit-transition-duration: 0.3s;
  297. -o-transition-duration: 0.3s;
  298. }
  299.  
  300. #navbar:hover .box2 {
  301. margin: 60px 0 0 60px;
  302. opacity: 1;
  303. -moz-transition-duration: 0.3s;
  304. -webkit-transition-duration: 0.3s;
  305. -o-transition-duration: 0.3s;
  306. }
  307.  
  308. .box2 {
  309. margin: 0;
  310. height: 130px;
  311. width: 280px;
  312. background: {color:Accent Two};
  313. position: absolute;
  314. z-index: -1;
  315. opacity: 0;
  316. -moz-transition-duration: 0.3s;
  317. -webkit-transition-duration: 0.3s;
  318. -o-transition-duration: 0.3s;
  319. }
  320.  
  321. /*content*/
  322. #content {
  323. {block:IndexPage}
  324. top: 100%;
  325. {/block:IndexPage}
  326. left: 37.5%;
  327. width: 50%;
  328. min-height: 100%;
  329. position: absolute;
  330. -moz-transition-duration: 0.3s;
  331. -webkit-transition-duration: 0.3s;
  332. -o-transition-duration: 0.3s;
  333. }
  334.  
  335. /*posts*/
  336. #entries {
  337. width: calc(100% - 80px);
  338. margin: 100px auto;
  339. -moz-transition-duration: 0.3s;
  340. -webkit-transition-duration: 0.3s;
  341. -o-transition-duration: 0.3s;
  342. }
  343.  
  344. .post {
  345. width: 400px;
  346. padding: 30px;
  347. margin: 0 0 10px 0;
  348. background: {color:Accent Two};
  349. color: {color:Main};
  350. height: auto;
  351. -moz-transition-duration: 0.3s;
  352. -webkit-transition-duration: 0.3s;
  353. -o-transition-duration: 0.3s;
  354. }
  355.  
  356. /*individual post types*/
  357. .ask h3 {
  358. color: {color:Light Accent};
  359. }
  360.  
  361. .ask h3 a {
  362. color: {color:Light Accent};
  363. border-bottom: none;
  364. }
  365.  
  366. .ask h3 a:hover {
  367. color: {color:Main};
  368. }
  369.  
  370. .photopost a { border-bottom: none; }
  371.  
  372. h2 b {
  373. font-family: serif;
  374. }
  375.  
  376. .small {
  377. font-size: 8px;
  378. line-height: 13px;
  379. vertical-align: middle;
  380. }
  381.  
  382. ul.chat {
  383. padding: 0 0 0 10px;
  384. }
  385.  
  386. .label {
  387. text-transform: uppercase;
  388. background: {color:Accent One};
  389. padding: 3px 5px 3px 5px;
  390. font-size: 11px;
  391. letter-spacing: 2px;
  392. }
  393.  
  394. .audiowrapper {
  395. width: 100%;
  396. height: 100%;
  397. position: relative;
  398. }
  399.  
  400. /*from LMThemes tutorial*/
  401. .post:hover .playbox {
  402. opacity: 1;
  403. -moz-transition-duration: 0.3s;
  404. -webkit-transition-duration: 0.3s;
  405. -o-transition-duration: 0.3s;
  406. }
  407.  
  408. .playbox {
  409. background-color: #f2f2f2;
  410. position: absolute;
  411. top: calc(50% - 30px);
  412. left: calc(50% - 43px);
  413. z-index: 1000;
  414. opacity: 0.7;
  415. -moz-transition-duration: 0.3s;
  416. -webkit-transition-duration: 0.3s;
  417. -o-transition-duration: 0.3s;
  418. }
  419.  
  420. .playbutton {width: 34px;
  421. height: 45px;
  422. overflow: hidden;
  423. position: relative;
  424. z-index: 1000;
  425. margin: 25px 24px 13px 26px;
  426. }
  427.  
  428. .audioimgwrapper {
  429. width: 100%;
  430. height: 100%;
  431. }
  432.  
  433. /*post info*/
  434. .infowrap {
  435. width: 40px;
  436. margin-left: 450px;
  437. -moz-transition-duration: 0.3s;
  438. -webkit-transition-duration: 0.3s;
  439. -o-transition-duration: 0.3s;
  440. }
  441.  
  442. .info {
  443. position: absolute;
  444. margin-top: -31px;
  445. width: 40px;
  446. padding: 15px;
  447. font-size: 12px;
  448. background: {color:Accent One};
  449. }
  450.  
  451. .info a { border-bottom: none; }
  452.  
  453. .dateinfo p { margin: 3px 0 5px 0; }
  454. .dayofmonth { font-size: 36px; }
  455. .monthyear { letter-spacing: 2px; }
  456.  
  457. p.notecount {
  458. text-align: center;
  459. margin: 0 0 5px 0;
  460. font-size: 10px;
  461. letter-spacing: 2px;
  462. }
  463.  
  464. .rebloglink {
  465. text-transform: uppercase;
  466. font-size: 10px;
  467. letter-spacing: 3.5px;
  468. }
  469.  
  470. .tags {
  471. width: 460px;
  472. margin: 0 0 100px 0;
  473. font-size: 12px;
  474. }
  475.  
  476. .tags b {
  477. font-size: 11px;
  478. padding: 5px 7px 5px 7px;
  479. background-color: {color:Accent One};
  480. color: {color:Main};
  481. letter-spacing: 3px;
  482. text-transform: uppercase;
  483. font-weight: 300;
  484. }
  485.  
  486. .tags i {
  487. font-size: 8px;
  488. padding: 0 2px;
  489. }
  490.  
  491. .tags a {
  492. text-transform: none;
  493. letter-spacing: 1px;
  494. }
  495.  
  496. .tags a:hover {
  497. color: {color:Main};
  498. border-bottom: 1px solid transparent;
  499. }
  500.  
  501. .permainfo {
  502. width: 400px;
  503. padding: 30px;
  504. margin-top: 30px;
  505. background: {color:Accent One};
  506. text-transform: uppercase;
  507. font-size: 11px;
  508. letter-spacing: 2px;
  509. }
  510.  
  511. .postnotes {
  512. background: {color:Accent Two};
  513. font-size: 11px;
  514. width: 460px;
  515. padding: 15px 0;
  516. margin-top: 30px;
  517. }
  518.  
  519. .postnotes img { display: none; }
  520.  
  521. .postnotes ul {
  522. margin: 0;
  523. padding: 0;
  524. }
  525.  
  526. .postnotes li a:hover {
  527. border-bottom: 1px solid transparent;
  528. }
  529.  
  530. .more_notes_link_container {
  531. width: calc(100% - 40px);
  532. margin-top: 10px;
  533. }
  534.  
  535. li.note.more_notes_link_container {
  536. padding: 0;
  537. text-indent: 0;
  538. }
  539.  
  540. li.note.more_notes_link_container::before {
  541. content: none;
  542. margin-right: 0;
  543. }
  544.  
  545. /*add class changes*/
  546. .secondbackground {
  547. width: 50%;
  548. height: 50%;
  549. top: 25%;
  550. left: 50%;
  551. -moz-transition-duration: 0.3s;
  552. -webkit-transition-duration: 0.3s;
  553. -o-transition-duration: 0.3s;
  554. }
  555.  
  556. .secondtext, .secondtext a { color: #fefefe; }
  557.  
  558. /*pagination*/
  559. #pagination {
  560. width: 400px;
  561. text-align: center;
  562. text-transform: uppercase;
  563. font-size: 11px;
  564. letter-spacing: 2px;
  565. }
  566.  
  567. #pagination a {
  568. background: {color:Accent One};
  569. color: {color:Main};
  570. padding: 5px 7px;
  571. border-bottom: none;
  572. margin: 0 5px;
  573. }
  574.  
  575. #pagination a:hover {
  576. background: {color:Accent Two};
  577. }
  578.  
  579. .current_page {
  580. margin: 0 5px;
  581. padding: 5px 7px;
  582. border-bottom: 1px solid white;
  583. }
  584.  
  585. .spectrum a {
  586. right: 8px;
  587. bottom: 4px;
  588. font-size: 10px;
  589. letter-spacing: 1px;
  590. position: fixed;
  591. text-transform: uppercase;
  592. color: {color:Text};
  593. border-bottom: none;
  594. }
  595.  
  596. @media only screen and (max-width: 1080px) {
  597. .background {
  598. width: 50%;
  599. height: 50%;
  600. top: 25%;
  601. left: 50%;
  602. -moz-transition-duration: 0.3s;
  603. -webkit-transition-duration: 0.3s;
  604. -o-transition-duration: 0.3s;
  605. }
  606.  
  607. #navbar {
  608. width: 320px;
  609. padding: 60px;
  610. margin: 80px auto;
  611. position: relative;
  612. z-index: 2;
  613. }
  614.  
  615. .box1, .box2 {
  616. z-index: -1;
  617. opacity: 1;
  618. }
  619.  
  620. .box1 {
  621. margin: -40px 0 0 -35px;
  622. }
  623.  
  624. .box2 {
  625. margin: 60px 0 0 60px;
  626. }
  627.  
  628. #content {
  629. top: auto;
  630. left: 0;
  631. width: 100%;
  632. position: relative;
  633. }
  634.  
  635. #entries {
  636. margin-top: 80px;
  637. width: 550px;
  638. }
  639. }
  640.  
  641. @media only screen and (max-width: 700px) {
  642.  
  643. body {
  644. font-size: 12px;
  645. }
  646.  
  647. a.title {
  648. font-size: 20px;
  649. }
  650.  
  651. #entries {
  652. width: 400px;
  653. {block:PermalinkPage}
  654. width: 310px;
  655. {/block:PermalinkPage}
  656. }
  657.  
  658. .post {
  659. width: 250px;
  660. }
  661.  
  662. .infowrap {
  663. margin-left: 300px;
  664. }
  665.  
  666. .tags {
  667. width: 250px;
  668. }
  669.  
  670. .permainfo {
  671. width: 250px;
  672. }
  673.  
  674. .postnotes {
  675. width: 310px;
  676. }
  677. }
  678.  
  679. @media only screen and (max-width: 500px) {
  680. .box1 {
  681. height: 170px;
  682. width: 275px;
  683. }
  684.  
  685. .box2 {
  686. height: 110px;
  687. width: 255px;
  688. }
  689.  
  690. #entries {
  691. width: 350px;
  692. {block:PermalinkPage}
  693. width: 260px;
  694. {/block:PermalinkPage}
  695. }
  696.  
  697. .post {
  698. width: 200px;
  699. }
  700.  
  701. .infowrap {
  702. margin-left: 250px;
  703. }
  704.  
  705. .permainfo {
  706. width: 200px;
  707. }
  708.  
  709. .postnotes {
  710. width: 260px;
  711. }
  712.  
  713. }
  714.  
  715. {CustomCSS}</style>
  716. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  717. </head>
  718.  
  719. <body>
  720.  
  721. <div class="background"></div>
  722.  
  723. <div id="navbar">
  724.  
  725. <div class="box1"></div>
  726. <div class="box2"></div>
  727.  
  728. <a href="/" class="title">{Title}</a>
  729.  
  730. <ul class="description">
  731. <li>{Description}</li>
  732. <li><a href="/ask">contact</a> <a class="naviclick">navigate</a> <a href="/archive">archive</a></li>
  733. </ul><!--end ul.description-->
  734.  
  735. <div class="linkswrap">
  736. <ul class="links">
  737. <li><a href="{text:Link1}">{text:Link1 Text}</a></li>
  738. <li><a href="{text:Link2}">{text:Link2 Text}</a></li>
  739. <li><a href="{text:Link3}">{text:Link3 Text}</a></li>
  740. <li><a href="{text:Link4}">{text:Link4 Text}</a></li>
  741. </ul><!--end ul.links-->
  742. </div>
  743.  
  744. </div><!--end #navbar-->
  745.  
  746. <div id="content">
  747.  
  748. <div id="entries">
  749.  
  750. {block:Posts}
  751.  
  752. {block:ContentSource}
  753. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  754. {/block:SourceLogo}
  755. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  756. {/block:ContentSource}
  757.  
  758. <div class="post">
  759.  
  760. {block:IndexPage}{block:Date}
  761. <div class="infowrap">
  762. <div class="info">
  763. <div class="dateinfo">
  764. <a href="{Permalink}" title="{Month} {DayOfMonthWithZero} {Year}">
  765. <p class="dayofmonth">{DayOfMonthWithZero}</p>
  766. <p class="monthyear">{MonthNumberWithZero}.{ShortYear}</p>
  767. </a>
  768. </div><!--end .dateinfo-->
  769. {block:NoteCount}
  770. <p class="notecount"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></p>
  771. {/block:NoteCount}
  772. <a href="{ReblogURL}" title="reblog post" target="_blank" class="rebloglink">rblg</a>
  773. </div><!--end .info-->
  774. </div><!--end .infowrap-->
  775. {/block:Date}{/block:IndexPage}
  776.  
  777. {block:Text}
  778. {block:Title}<h1>{Title}</h1>{/block:Title}
  779. {block:Body}{Body}{/block:Body}
  780. {/block:Text}
  781.  
  782. {block:Answer}
  783. <div class="ask">
  784. <h3>{Asker} asked: </h3>
  785. {Question}
  786. {Answer}
  787. </div>
  788. {/block:Answer}
  789.  
  790. {block:Photo}
  791. <div class="photopost">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}</div>
  792. {/block:Photo}
  793.  
  794. {block:Photoset}
  795. {Photoset}
  796. {/block:Photoset}
  797.  
  798. {block:Quote}
  799. <h2><b>&ldquo;</b> {Quote} <b>&rdquo;</b></h2>
  800. {block:Source}<i class="small fa fa-chevron-right"></i> {Source}{/block:Source}
  801. {/block:Quote}
  802.  
  803. {block:Link}
  804. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  805. {block:Description}{Description}{/block:Description}
  806. {/block:Link}
  807.  
  808. {block:Chat}
  809. {block:Title}<h1>{Title}</h1>{/block:Title}
  810. {block:Lines}
  811. <ul class="chat">
  812. <li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}</span> {Line}</li>
  813. </ul>
  814. {/block:Lines}
  815. {/block:Chat}
  816.  
  817. {block:Audio}
  818. {block:AudioPlayer}
  819. <div class="audiowrapper">
  820. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  821. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  822. </div>
  823.  
  824. {block:TrackName}<h3>{TrackName}</h3>{/block:TrackName}
  825. {block:Artist}{Artist}{/block:Artist}
  826. {/block:AudioPlayer}
  827. {/block:Audio}
  828.  
  829. {block:Video}
  830. {Video-400}
  831. {/block:Video}
  832.  
  833. {block:Caption}{Caption}{/block:Caption}
  834.  
  835. </div><!--end .post-->
  836.  
  837. {block:IndexPage}
  838. <div class="tags">
  839. {block:RebloggedFrom}
  840. <p><b>Post Info:</b> &nbsp;&nbsp;via <i class="fa fa-chevron-right"></i> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  841. <i class="fa fa-minus"></i>
  842. source <i class="fa fa-chevron-right"></i> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></p>
  843. {/block:RebloggedFrom}
  844.  
  845. {block:HasTags}
  846. <b>Filed Under:</b> &nbsp;&nbsp;{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  847. {/block:HasTags}
  848. </div><!--end .tags-->
  849. {/block:IndexPage}
  850.  
  851. {block:PermalinkPage}
  852.  
  853. {block:Date}
  854. <div class="permainfo">
  855. Posted on <a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}</a> at <a href="{Permalink}">{12HourWithZero}:{Minutes}&nbsp;{CapitalAmPm}</a>{block:NoteCount}&nbsp;with&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  856. {block:RebloggedFrom}<br>Reblogged from <a href="{ReblogParentURL}" title="{ReblogParentTitle}" target="_blank">{ReblogParentName}</a>, original post by <a href="{ReblogRootURL}" title="{ReblogRootTitle}" target="_blank">{ReblogRootName}</a>{/block:RebloggedFrom}
  857. {block:HasTags}<br>Tagged with&nbsp;{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  858.  
  859. </div><!--end .permainfo-->
  860. {/block:Date}
  861.  
  862. {block:PostNotes}
  863. <div class="postnotes">{PostNotes}</div>
  864. {/block:PostNotes}
  865.  
  866. {/block:PermalinkPage}
  867.  
  868. {/block:Posts}
  869.  
  870. {block:IndexPage}{block:Pagination}
  871. <div id="pagination">
  872.  
  873. {block:PreviousPage}
  874. <a href="{PreviousPage}">back</a>
  875. {/block:PreviousPage}
  876.  
  877. {block:JumpPagination length="5"}
  878. {block:CurrentPage}
  879. <span class="current_page">{PageNumber}</span>
  880. {/block:CurrentPage}
  881. {block:JumpPage}
  882. <a class="jump_page" href="{URL}">{PageNumber}</a>
  883. {/block:JumpPage}
  884. {/block:JumpPagination}
  885.  
  886. {block:NextPage}
  887. <a href="{NextPage}">next</a>
  888. {/block:NextPage}
  889.  
  890. </div><!--end #pagination-->
  891. {/block:Pagination}{/block:IndexPage}
  892.  
  893. </div><!--end #entries-->
  894.  
  895. <div class="spectrum"><a href="http://wonderfullythemes.tumblr.com" target="_blank" title="wonderfullythemes">theme</a></div>
  896.  
  897. </div><!--end #content-->
  898.  
  899.  
  900. </body>
  901. </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!