API tools faq
paste
oftenwrongthemes

Last Spring - Theme 14

oftenwrongthemes
Aug 14th, 2017
624
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  7. <meta name="description" content="" />
  8. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  9.  
  10. <!--MAKES BLOG SEARCHABLE-->
  11. {block:ifSearchBar}
  12. <script type="text/javascript">
  13. <!--
  14. function handleThis(formElm) {
  15. window.location="http://YOURURLHERE.tumblr.com/search/"+formElm.number.value+"";
  16. return false;
  17. }
  18. // -->
  19. </script>
  20. {/block:ifSearchBar}
  21.  
  22. <!--ALL THE JQUERY-->
  23. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js" type="text/javascript"></script>
  24.  
  25. {block:ifDropdownLinks}
  26. <script>
  27. $(document).ready(function(){
  28. $('.link-menu').hide()
  29. $('.open-links').click(function(){
  30. $('.link-menu').slideToggle();
  31. })
  32. })
  33. </script>
  34. {/block:ifDropdownLinks}
  35.  
  36. <!--Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM-->
  37. <script type="text/javascript">
  38. $(document).ready(function() {
  39. function photosetResize() {
  40. $('iframe.photoset').each(function(){
  41. var newSize = {text:post width};
  42. var newSrc = $(this).attr('src').replace('500',newSize);
  43. $(this).attr('src', newSrc).width(newSize);
  44. var high = $(this).css('height');
  45. var calculate = parseInt(high, 10)* newSize/500;
  46. $(this).css('height', calculate);
  47. });
  48. }
  49. photosetResize();
  50. });
  51. </script>
  52.  
  53. <!--Photoset Gutter Resize Code by Pixel Union-->
  54. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  55. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  56. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  57.  
  58. <script>
  59. $(document).ready(function(){
  60. $('.photo-slideshow').pxuPhotoset({
  61. lightbox: true,
  62. rounded: false,
  63. gutter: '3px',
  64. borderRadius: '0px',
  65. photoset: '.photo-slideshow',
  66. photoWrap: '.photo-data',
  67. photo: '.pxu-photo'
  68. });
  69. });
  70. </script>
  71.  
  72. <!---Resize Video Script by SHYTHEMES--->
  73. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  74.  
  75. <!--IMPORT GOOGLE FONTS-->
  76.  
  77. <link href="https://fonts.googleapis.com/css?family=Arapey:400,400i|EB+Garamond|Ek+Mukta:400,700|Karla:400,700|Muli:400,700|Roboto:400,700" rel="stylesheet">
  78. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i" rel="stylesheet">
  79.  
  80. <!--META TAGS-->
  81.  
  82. <meta name="image:Sidebar" content=""/>
  83.  
  84. <meta name="color:Background" content="#eee"/>
  85. <meta name="color:Post Background" content="#fff"/>
  86. <meta name="color:Text" content="#555"/>
  87. <meta name="color:Links" content="#555"/>
  88. <meta name="color:Links Hover" content="#ddd"/>
  89. <meta name="color:Link Border" content="#aaa"/>
  90. <meta name="color:Scrollbar" content="#555"/>
  91. <meta name="color:Sidebar Links" content="#999"/>
  92. <meta name="color:Titles" content="#555"/>
  93. <meta name="color:Tags" content="#999"/>
  94.  
  95. <meta name="if:Display Icon" content=""/>
  96. <meta name="if:Dropdown Links" content=""/>
  97. <meta name="if:Search Bar" content=""/>
  98. <meta name="if:Hover Tags" content=""/>
  99.  
  100. <meta name="select:Font" content="'Muli', sans-serif" title="Muli"/>
  101. <meta name="select:Font" content="'Roboto', sans-serif" title="Roboto"/>
  102. <meta name="select:Font" content="'Karla', sans-serif" title="Karla"/>
  103. <meta name="select:Font" content="'Ek Mukta', sans-serif" title="Ek Mukta"/>
  104. <meta name="select:Font" content="'Arapey', serif" title="Arapey"/>
  105. <meta name="select:Font" content="'EB Garamond', serif" title="EB Garamond"/>
  106.  
  107. <meta name="text:Font Size" content="9pt"/>
  108. <meta name="text:Sidebar Width" content="230"/>
  109. <meta name="text:Post Width" content="450"/>
  110. <meta name="text:Margin" content="330"/>
  111. <meta name="text:Link 1 Title" content=""/>
  112. <meta name="text:Link 1 URL" content=""/>
  113. <meta name="text:Link 2 Title" content=""/>
  114. <meta name="text:Link 2 URL" content=""/>
  115. <meta name="text:Link 3 Title" content=""/>
  116. <meta name="text:Link 3 URL" content=""/>
  117. <meta name="text:Link 4 Title" content=""/>
  118. <meta name="text:Link 4 URL" content=""/>
  119. <meta name="text:Link 5 Title" content=""/>
  120. <meta name="text:Link 5 URL" content=""/>
  121. <meta name="text:Link 6 Title" content=""/>
  122. <meta name="text:Link 6 URL" content=""/>
  123.  
  124. <!--
  125.  
  126. THEME BY OFTENWRONGTHEMES
  127.  
  128. TERMS OF SERVICE:
  129. - do not remove the credit
  130. - do not use as a base
  131. - do not repost/claim as your own
  132.  
  133. -->
  134.  
  135. <style type="text/css">
  136.  
  137. /*GLOBAL*/
  138.  
  139. html, body {
  140. font-family: {select:Font};
  141. font-size: {text:Font Size};
  142. color: {color:Text};
  143. background-color: {color:Background};
  144. line-height: 115%;
  145. overflow-x: hidden;
  146. }
  147.  
  148. a {
  149. color: {color:Links};
  150. text-decoration: none;
  151. border-bottom: 1px dotted {color:Link Border};
  152. display: inline-block;
  153. margin-bottom: 2px;
  154. transition-duration: 0.5s;
  155. -moz-transition-duration: 0.5s;
  156. -webkit-transition-duration: 0.5s;
  157. -o-transition-duration: 0.5s;
  158. }
  159.  
  160. a:hover {
  161. color: {color:Links Hover};
  162. border-bottom: 1px dotted {color:Links Hover};
  163. }
  164.  
  165. pre {
  166. white-space: pre-wrap;
  167. word-wrap: break-word;
  168. }
  169.  
  170. /*IFRAME CONTROLS TUTORIAL BY MAGNUSTHEMES*/
  171.  
  172. .iframe-controls--desktop {
  173. position: fixed;
  174. top: 0px;
  175. right: 0px;
  176. z-index: 9999999;
  177. -webkit-transform: scale(0.7,0.7);
  178. -webkit-transform-origin: 100% 0%;
  179. -ms-transform-origin: 100% 0%;
  180. -ms-transform: scale(0.7,0.7);
  181. transform: scale(0.7,0.7);
  182. transform-origin:100% 0%;
  183. }
  184.  
  185. ::-webkit-scrollbar {
  186. width: 3px;
  187. background: transparent;
  188. }
  189.  
  190. ::-webkit-scrollbar-thumb {
  191. background: {color:Scrollbar};
  192. }
  193.  
  194. ::-webkit-scrollbar-corner {
  195. background: {color:Scrollbar};
  196. }
  197.  
  198. .credit a {
  199. position: fixed;
  200. bottom: 15px;
  201. right: 15px;
  202. border-bottom: none;
  203. font-size: 8pt;
  204. }
  205.  
  206. /*SIDEBAR*/
  207.  
  208. .sidebar {
  209. width: {text:Sidebar Width}px;
  210. margin: 3% 10%;
  211. position: fixed;
  212. }
  213.  
  214. .sidebar .header {
  215. background: {color:Post Background};
  216. width: auto;
  217. padding: 10px 7px;
  218. box-sizing: border-box;
  219. min-height: 40px;
  220. border-radius: 10px 10px 0 0;
  221. -moz-border-radius: 10px 10px 0 0;
  222. -webkit-border-radius: 10px 10px 0 0;
  223. }
  224.  
  225. .sidebar .header a {
  226. border: 0;
  227. }
  228.  
  229. .sidebar .header img {
  230. width: 24px;
  231. height: 24px;
  232. border-radius: 50px;
  233. -moz-border-radius: 50px;
  234. -webkit-border-radius: 50px;
  235. float: left;
  236. margin-right: 12px;
  237. }
  238.  
  239. .sidebar .header a .title {
  240. text-transform: lowercase;
  241. font-size: 9pt;
  242. font-family: 'Playfair Display', serif;
  243. line-height: 135%;
  244. margin-top: 1px;
  245. color: {color:Text};
  246. }
  247.  
  248. {block:ifSearchBar}
  249.  
  250. .sidebar .search {
  251. width: {text:sidebar width}px;
  252. border-top: 1px solid {color:Background};
  253. background: {color:Post Background};
  254. padding: 5px;
  255. box-sizing: border-box;
  256. }
  257.  
  258. .sidebar .search input[type=text] {
  259. background: {color:Post Background};
  260. border: 0;
  261. padding: 5px;
  262. width: 100%;
  263. box-sizing: border-box;
  264. font-family: {select:font};
  265. }
  266.  
  267. .sidebar .search input[type=text]:focus {
  268. outline: none;
  269. }
  270.  
  271. {/block:ifSearchBar}
  272.  
  273. .sidebar .desc {
  274. background: {color:Post Background};
  275. width: auto;
  276. padding: 15px;
  277. box-sizing: border-box;
  278. margin-top: -3px;
  279. font-size: calc({text:Font Size} - 1pt);
  280. }
  281.  
  282. .sidebar .link-menu {
  283. background: {color:Post Background};
  284. border-top: 1px solid {color:Background};
  285. padding: 10px;
  286. text-align: center;
  287. font-size: calc({text:Font Size} - 1pt);
  288. line-height: 190%;
  289. box-sizing: border-box;
  290. {block:ifNotDropdownLinks}
  291. border-radius: 0 0 10px 10px;
  292. -moz-border-radius: 0 0 10px 10px;
  293. -webkit-border-radius: 0 0 10px 10px;
  294. {/block:ifNotDropdownLinks}
  295. }
  296.  
  297. .sidebar .link-menu a {
  298. margin-right: 10px;
  299. color: {color:Sidebar Links};
  300. border: 0px;
  301. text-transform: uppercase;
  302. display: inline-block;
  303. }
  304.  
  305. .sidebar .link-menu a:hover {
  306. color: #eee;
  307. }
  308.  
  309. .sidebar .open-links {
  310. background: {color:Post Background};
  311. width: auto;
  312. padding: 10px 7px 7px 10px;
  313. box-sizing: border-box;
  314. border-top: 1px solid {color:Background};
  315. font-size: calc({text:Font Size} - 1pt);
  316. border-radius: 0 0 10px 10px;
  317. -moz-border-radius: 0 0 10px 10px;
  318. -webkit-border-radius: 0 0 10px 10px;
  319. transition-duration: 0.5s;
  320. -moz-transition-duration: 0.5s;
  321. -webkit-transition-duration: 0.5s;
  322. -o-transition-duration: 0.5s;
  323. }
  324.  
  325. .sidebar .open-links:hover {
  326. color: #ccc;
  327. }
  328.  
  329. /*POSTS*/
  330.  
  331. .posts {
  332. width: {text:Post Width}px;
  333. margin-left: calc(10% + {text:Margin}px);
  334. }
  335.  
  336. .posts .entries {
  337. margin-top: 20px;
  338. background: {color:Post Background};
  339. width: {text:Post Width}px;
  340. line-height: 130%;
  341. }
  342.  
  343. .posts .entries .divider {
  344. width: {text:post width}px;
  345. height: 1px;
  346. background: {color:Background};
  347. position: relative;
  348. left: -20px;
  349. }
  350.  
  351. .posts .entries h1 {
  352. font-size: 12pt;
  353. text-transform: uppercase;
  354. color: {color:Titles};
  355. }
  356.  
  357. .posts .entries h2 {
  358. line-height: 130%;
  359. font-weight: normal;
  360. font-size: calc({text:Font Size} + 3pt);
  361. }
  362.  
  363. .posts .entries ol, .posts .entries ul {
  364. text-align: left;
  365. list-style-position: outside;
  366. list-style-type: round;
  367. clear: left;
  368. }
  369.  
  370. .posts .entries .source {
  371. padding-bottom: 7px;
  372. font-size: calc({text:Font Size} - 1pt);
  373. }
  374.  
  375. .posts .entries blockquote {
  376. border-left: 1px solid #999;
  377. padding-left: 7px;
  378. margin-left: 20px;
  379. }
  380.  
  381. .posts .entries .text {
  382. padding: 10px 20px 5px 20px;
  383. box-sizing: border-box;
  384. }
  385.  
  386. .posts .entries .text img {
  387. max-width: 100%;
  388. height: auto;
  389. }
  390.  
  391. .posts .entries .text iframe {
  392. max-width: 100%;
  393. height: auto;
  394. }
  395.  
  396. .posts .entries .sender {
  397. color: #aaa;
  398. font-size: 8pt;
  399. margin-top: -3px;
  400. }
  401.  
  402. .posts .entries .sender a {
  403. color: #aaa;
  404. }
  405.  
  406. .posts .entries .sender img {
  407. margin-right: 5px;
  408. border-radius: 30px;
  409. -moz-border-radius: 30px;
  410. -webkit-border-radius: 30px;
  411. position: relative;
  412. top: 5px;
  413. width: 16px;
  414. height: 16px;
  415. }
  416.  
  417. .posts .entries .question {
  418. padding: 3px 0 10px 0;
  419. }
  420.  
  421. .posts .entries .photo {
  422. background: {color:Background};
  423. }
  424.  
  425. .posts .entries .photo a {
  426. border: none;
  427. }
  428.  
  429. .posts .entries .caption {
  430. padding: 10px 20px;
  431. box-sizing: border-box;
  432. background: {color:Post Background};
  433. }
  434.  
  435. .posts .entries .caption img {
  436. max-width: 100%;
  437. height: auto;
  438. }
  439.  
  440. .posts .entries .caption iframe {
  441. max-width: 100%;
  442. height: auto;
  443. }
  444.  
  445. .posts .entries .convo {
  446. list-style: none;
  447. line-height: 160%;
  448. padding-bottom: 5px;
  449. font-size: {text:Font Size};
  450. }
  451.  
  452. .posts .entries .line {
  453. border-bottom: 1px solid {color:Background};
  454. padding: 5px 0;
  455. }
  456.  
  457. .posts .entries .label {
  458. text-transform: uppercase;
  459. padding-right: 2px;
  460. color: {color:Titles};
  461. }
  462.  
  463. /*AUDIO FORMATTING TUTORIAL BY LMTHEMES*/
  464.  
  465. .posts .entries .playbutton {
  466. width: 30px;
  467. height: 28px;
  468. padding: 10px;
  469. overflow: hidden;
  470. position: relative;
  471. z-index: 1000;
  472. left: -8px;
  473. }
  474.  
  475. .posts .entries .playbox {
  476. background: transparent;
  477. position: absolute;
  478. z-index: 1000;
  479. margin-top: 17px;
  480. margin-left: 17px;
  481. opacity: .7;
  482. }
  483.  
  484. .posts .entries .audiodesc {
  485. position: relative;
  486. left: 5px;
  487. }
  488.  
  489. .posts .entries .text .album-art {
  490. width: 70px;
  491. height: 70px;
  492. }
  493.  
  494. /*POST INFO*/
  495.  
  496. .post-info {
  497. background: {color:Post Background};
  498. border-radius: 0 0 10px 10px;
  499. -moz-border-radius: 0 0 10px 10px;
  500. -webkit-border-radius: 0 0 10px 10px;
  501. padding: 15px;
  502. width: {text:post width}px;
  503. box-sizing: border-box;
  504. border-top: 1px solid {color:Background};
  505. font-size: calc({text:Font Size} - 1pt);
  506. {block:ifHoverTags}
  507. {block:IndexPage}
  508. max-height: 40px;
  509. overflow: hidden;
  510. transition-duration: 0.5s;
  511. -moz-transition-duration: 0.5s;
  512. -webkit-transition-duration: 0.5s;
  513. -o-transition-duration: 0.5s;
  514. {/block:IndexPage}
  515. {/block:ifHoverTags}
  516. }
  517.  
  518. {block:ifHoverTags}
  519. {block:IndexPage}
  520. .post-info:hover {
  521. max-height: 500px;
  522. }
  523. {/block:IndexPage}
  524. {/block:ifHoverTags}
  525.  
  526. .post-info .tags {
  527. padding-top: 9px;
  528. }
  529.  
  530. .post-info .tags a {
  531. border: 0;
  532. color: {color:Tags};
  533. }
  534.  
  535. .post-info .tags a:hover {
  536. opacity: 0.3;
  537. }
  538.  
  539. .pagi {
  540. text-align: center;
  541. margin: 30px 0;
  542. width: {text:post width}px;
  543. font-size: {text:Font Size}
  544. }
  545.  
  546. .pagi a {
  547. text-transform: uppercase;
  548. font-size: calc({text:Font Size} - 1pt);
  549. margin: 0 3px;
  550. margin-top: -5px;
  551. }
  552.  
  553. .postnotes {
  554. line-height: 200%;
  555. text-align: left;
  556. list-style: none;
  557. max-height: 300px;
  558. width: {text:post width}px;
  559. font-size: {text:Font Size};
  560. background: {color:post background};
  561. margin: 10px 0;
  562. overflow: auto;
  563. border-radius: 10px;
  564. -moz-border-radius: 10px;
  565. -webkit-border-radius: 10px;
  566. }
  567.  
  568. .postnotes blockquote {
  569. border-left: 1px solid #999;
  570. padding-left: 7px;
  571. margin-left: 20px;
  572. }
  573.  
  574. .postnotes ol.notes {
  575. list-style-type: none;
  576. }
  577.  
  578. .postnotes li {
  579. list-style-type: none;
  580. }
  581.  
  582. .postnotes img.avatar {
  583. width: 0px;
  584. height: 0px;
  585. }
  586.  
  587. </style>
  588. </head>
  589. <body>
  590.  
  591. <!--SIDEBAR-->
  592. <div class="sidebar">
  593. <div class="header">
  594. {block:ifDisplayIcon}
  595. <img src="{PortraitURL-96}">
  596. {/block:ifDisplayIcon}
  597. <a href="/">
  598. <div class="title">
  599. {Title}
  600. </div>
  601. </a>
  602. </div>
  603. <img src="{image:Sidebar}" width="{text:Sidebar Width}">
  604. <div class="desc">
  605. {Description}
  606. </div>
  607. {block:ifSearchBar}
  608. <form onsubmit="return handleThis(this)" class="search">
  609. <input type="text" name="number" placeholder="Search..." />
  610. </form>
  611. {/block:ifSearchBar}
  612. <div class="link-menu">
  613. <a href="/">home</a>
  614. <a href="/ask">ask</a>
  615. <a href="/archive">archive</a>
  616. {block:iflink1title}
  617. <a href="{text:link 1 url}">{text:link 1 title}</a>
  618. {/block:iflink1title}
  619. {block:iflink2title}
  620. <a href="{text:link 2 url}">{text:link 2 title}</a>
  621. {/block:iflink2title}
  622. {block:iflink3title}
  623. <a href="{text:link 3 url}">{text:link 3 title}</a>
  624. {/block:iflink3title}
  625. {block:iflink4title}
  626. <a href="{text:link 4 url}">{text:link 4 title}</a>
  627. {/block:iflink4title}
  628. {block:iflink5title}
  629. <a href="{text:link 5 url}">{text:link 5 title}</a>
  630. {/block:iflink5title}
  631. {block:iflink6title}
  632. <a href="{text:link 6 url}">{text:link 6 title}</a>
  633. {/block:iflink6title}
  634. </div>
  635. {block:ifDropdownLinks}
  636. <div class="open-links">
  637. » show links
  638. </div>
  639. {/block:ifDropdownLinks}
  640. </div>
  641. <!--END SIDEBAR-->
  642.  
  643. <!--POSTS-->
  644. <div class="posts">
  645. {block:Posts}
  646.  
  647. {block:NoRebloggedFrom}
  648. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  649. {/block:NoRebloggedFrom}
  650.  
  651. {block:ContentSource}<!-- {SourceURL}
  652. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  653. {/block:ContentSource}
  654.  
  655. <div class="entries">
  656.  
  657. {block:Text}<div class="text">
  658. {block:Title}
  659. <h1>{Title}</h1>
  660. <div class="divider"></div>
  661. {/block:Title}
  662. {Body}
  663. </div>{/block:Text}
  664.  
  665. {block:Answer}<div class="text">
  666. <div class="sender">
  667. <img src="{AskerPortraitURL-64}">
  668. {Asker} said:<p>
  669. </div>
  670. <div class="question">
  671. {Question}
  672. </div>
  673. <div class="divider"></div>
  674. {Answer}
  675. </div>{/block:Answer}
  676.  
  677. {block:Photo}
  678. <div class="photo" style="margin-bottom: -7px">
  679. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{text:post width}px">{LinkCloseTag}
  680. </div>
  681. {block:Caption}
  682. <div class="caption">{Caption}</div>
  683. {/block:Caption}
  684. {/block:Photo}
  685.  
  686. {block:Photoset}
  687. <div class="photo">
  688. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  689. {block:Photos}
  690. <div class="photo-data">
  691. <div class="pxu-photo">
  692. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  693. </div>
  694. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  695. </div>
  696. {/block:Photos}
  697. </div>
  698. </div>
  699. {block:Caption}
  700. <div class="caption">{Caption}</div>
  701. {/block:Caption}
  702. {/block:Photoset}
  703.  
  704. {block:Quote}<div class="text">
  705. <h2>❝ {Quote}</h2>
  706. {block:Source}
  707. <div class="source">
  708. {Source}
  709. </div>
  710. {/block:Source}
  711. </div>{/block:Quote}
  712.  
  713. {block:Link}<div class="text">
  714. <h1><a href="{URL}">
  715. {Name} →
  716. </a></h1>
  717. <div class="divider"></div>
  718. {block:Description}
  719. {Description}
  720. {/block:Description}
  721. </div>{/block:Link}
  722.  
  723. {block:Chat}<div class="text">
  724. {block:Title}
  725. <h1>{Title}</h1>
  726. {/block:Title}
  727. <div class="convo">
  728. {block:Lines}
  729. <div class="line">
  730. {block:Label}
  731. <span class="label">
  732. {Label}
  733. </span>
  734. {/block:Label}
  735. {Line}
  736. </div>
  737. {/block:Lines}
  738. </div>
  739. </div>{/block:Chat}
  740.  
  741. {block:Audio}<div class="text">
  742. <table><tr>
  743. <td>
  744. {block:AudioPlayer}
  745. <div class="playbox"><div class="playbutton">
  746. {AudioPlayerWhite}
  747. </div></div>
  748. {/block:AudioPlayer}
  749. <div style="width: 70px; height: 70px; margin-top: 5px; background: black; position: relative;">
  750. {block:AlbumArt}<img src="{AlbumArtURL}" height="70px" width="70px" class="album-art">{/block:AlbumArt}
  751. </div></td>
  752. <td><div class="audiodesc">{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:Album}<b>Album:</b> {Album}<br>{/block:Album}</div></td>
  753. </tr></table>
  754. {block:Caption}{Caption}{/block:Caption}
  755. </div>{/block:Audio}
  756.  
  757. {block:Video}<div class="photo">
  758. <div class="video">{Video-500}</div></div>
  759. {block:Caption}
  760. <div class="caption">{Caption}</div>
  761. {/block:Caption}
  762. {/block:Video}
  763.  
  764. </div>
  765.  
  766. <!--POST INFO-->
  767. <div class="post-info">
  768. {block:Date}
  769. Posted <a href="{Permalink}">
  770. {block:IndexPage}{TimeAgo}{/block:IndexPage}
  771. {block:PermalinkPage}{ShortMonth} {DayofMonthWithZero}{/block:PermalinkPage}
  772. </a>
  773. with
  774. <a href="{Permalink}">{NoteCountWithLabel}</a>
  775. {/block:Date}
  776.  
  777. <span style="float: right">
  778. {block:RebloggedFrom}
  779. <a href="{ReblogParentURL}">via</a>
  780. /
  781. <a href="{ReblogRootURL}">src</a>
  782. /
  783. <a href="{ReblogURL}">reblog</a>
  784. {/block:RebloggedFrom}
  785. {block:NotReblog}{block:IndexPage}
  786. <a href="{ReblogURL}">reblog</a>
  787. {/block:IndexPage}{/block:NotReblog}
  788. </span>
  789.  
  790. {block:HasTags}
  791. <div class="tags">
  792. {block:Tags}
  793. <span class="permalink">
  794. <a href="{TagURL}" style="margin-right: 5px;">
  795. #{TAG}
  796. </a>
  797. </span>
  798. {/block:Tags}
  799. </div>
  800. {/block:HasTags}
  801. </div>
  802.  
  803. {block:PostNotes}
  804. <div class="postnotes">
  805. {PostNotes}
  806. </div>
  807. {/block:PostNotes}
  808. <!--END POST INFO-->
  809.  
  810. {/block:Posts}
  811. <!--END POSTS-->
  812.  
  813. <div class="pagi">
  814. {block:Pagination}
  815. {block:PreviousPage}
  816. <a href="{PreviousPage}">← back</a>
  817. {/block:PreviousPage}
  818. {CurrentPage}/{TotalPages}
  819. {block:NextPage}
  820. <a href="{NextPage}">next →</a>
  821. {/block:NextPage}
  822. {/block:Pagination}
  823. </div>
  824.  
  825. </div>
  826.  
  827. <div class="credit">
  828. <a href="http://transjeanluc.tumblr.com">▲▲▲</a>
  829. </div>
  830. </body>
  831. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!