API tools faq
paste
Advertisement
shufee

Shufee theme 03

shufee
Apr 26th, 2015
3,624
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------
  5. THEME #3 BY SHUFEE THEMES (@wattsons)
  6.  
  7. -Do not redestribute, claim as your own, remove the credit, move the credit, use as a base
  8. -Edit how much you want but DO NOT remove the credit
  9.  
  10. ---------->
  11.  
  12. <meta name="color:posts" content="#fff"/>
  13. <meta name="color:text" content="#2e2e2e"/>
  14. <meta name="color:link" content="#6b6b6b"/>
  15. <meta name="color:link hover" content="##a9acad"/>
  16. <meta name="color:scrollbar" content="#000"/>
  17. <meta name="color:scrollbar bg" content="#f9f9f9"/>
  18. <meta name="color:title color" content="#000"/>
  19. <meta name="color:borders" content="#f4f4f4"/>
  20. <meta name="color:chat" content="#f9f9f9"/>
  21. <meta name="color:info text" content="#b0b0b0"/>
  22. <meta name="color:navi" content="#000"/>
  23. <meta name="color:background" content="#fff"/>
  24.  
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <meta name="if:400px" content="0" />
  28. <meta name="if:show title" content="1" />
  29. <meta name="if:update tab" content="1" />
  30. <meta name="if:first letter" content="1" />
  31. <meta name="if:drop down tags" content="1" />
  32.  
  33. <meta name="text:title text" content="title">
  34. <meta name="text:askpage url" content="/ask">
  35. <meta name="text:Link 1 URL" content="" />
  36. <meta name="text:Link 1" content="link 1" />
  37. <meta name="text:Link 2 URL" content="" />
  38. <meta name="text:Link 2" content="link 2" />
  39. <meta name="text:Link 3 URL" content="" />
  40. <meta name="text:Link 3" content="link 3" />
  41. <meta name="text:Link 4 URL" content="" />
  42. <meta name="text:Link 4" content="link 4" />
  43. <meta name="text:Link 5 URL" content="" />
  44. <meta name="text:Link 5" content="link 5" />
  45.  
  46.  
  47.  
  48. <head><title>{Title}</title>
  49. <link rel="shortcut icon" href="{Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52.  
  53.  
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=UnifrakturMaguntia' rel='stylesheet' type='text/css'>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  58.  
  59.  
  60.  
  61. <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  62. {block:indexpage}
  63. <script type="text/javascript">
  64. jQuery(document).ready(function() {
  65. jQuery(".tags").hide();
  66. //toggle the componenet with class msg_body
  67. jQuery(".up").click(function()
  68. {
  69. jQuery(this).next(".tags").slideToggle("600");
  70. });});
  71. </script>
  72. {/block:indexpage}
  73.  
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79. /****** SCROLLBAR ******/
  80.  
  81. ::-webkit-scrollbar-thumb {
  82. height:auto;
  83. background:{color:scrollbar};
  84. }
  85.  
  86. ::-webkit-scrollbar {
  87. height:5px;
  88. width:5px;
  89. padding-right:2px;
  90. background:{color:scrollbar bg};
  91. }
  92.  
  93.  
  94.  
  95. /****** GENERAL ******/
  96.  
  97. body {
  98. margin:0px;
  99. font-family: 'Lato', sans-serif;
  100. font-size:9px;
  101. line-height:120%;
  102. letter-spacing:1px;
  103. color:{color:text};
  104. background-color:{color:background};
  105. }
  106.  
  107.  
  108.  
  109. a {
  110. text-decoration:none;
  111. outline:none;
  112. color:{color:link};
  113. -moz-outline-style:none;
  114. -moz-transition-duration:0.6s;
  115. -webkit-transition-duration:0.6s;
  116. -o-transition-duration:0.6s;
  117. }
  118.  
  119. a:hover {
  120. text-decoration:none;
  121. outline:none;
  122. color:{color:link hover};
  123. -moz-outline-style:none;
  124. }
  125.  
  126.  
  127.  
  128. h1 {
  129. text-align:left;
  130. font-size:16px;
  131. letter-spacing:2px;
  132. line-height:230%;
  133. font-weight:400;
  134. text-transform:uppercase;
  135. color:{color:text};
  136. }
  137.  
  138.  
  139. h2 {
  140. font-size:8px;
  141. font-weight:300;
  142. color:{color:text};
  143. text-transform:uppercase;
  144. border-bottom:1px solid {color:borders};
  145. transition-duration: 0.6s;
  146. -moz-transition-duration: 0.6s;
  147. -webkit-transition-duration: 0.6s;
  148. -o-transition-duration: 0.6s;
  149. }
  150.  
  151.  
  152.  
  153. img {
  154. border:none;
  155. {block:If400px}
  156. max-width:400px !important;
  157. {/block:If400px}
  158. {block:IfNot400px}
  159. max-width:500px !important;
  160. {/block:IfNot400px}
  161. }
  162.  
  163.  
  164.  
  165. blockquote {
  166. padding-left:5px;
  167. border-left:1px solid {color:borders};
  168. }
  169.  
  170. blockquote blockquote {
  171. padding-left:5px;
  172. border-left:2px solid;
  173. border-color:{color:borders};
  174. }
  175.  
  176. blockquote p img {
  177. {block:If400px}
  178. max-width:320px !important;
  179. {/block:If400px}
  180. {block:IfNot400px}
  181. max-width:420px !important;
  182. {/block:IfNot400px}
  183. }
  184.  
  185.  
  186.  
  187. .s {
  188. opacity:0.4;
  189. position:fixed;
  190. left:10px;
  191. bottom:16px;
  192. text-align:center;
  193. font-family:'UnifrakturMaguntia';
  194. font-size:17px;
  195. text-transform:lowercase;
  196. z-index:999999;
  197. color:rgba(0, 0, 0, 0.9);
  198. -moz-transition-duration:0.6s;
  199. -webkit-transition-duration:0.6s;
  200. -o-transition-duration:0.6s;
  201. }
  202.  
  203. .s a {
  204. padding-top:1px;
  205. padding-left:2px;
  206. padding-right:2px;
  207. color:rgba(0, 0, 0, 0.9);
  208. border: 1px rgba(0, 0, 0, 0.9) solid;
  209. background:white;
  210. }
  211.  
  212. .s:hover {
  213. opacity:1;
  214. -moz-transition-duration:0.6s;
  215. -webkit-transition-duration:0.6s;
  216. -o-transition-duration:0.6s;
  217. }
  218.  
  219.  
  220.  
  221. #s-m-t-tooltip {
  222. max-width:100px;
  223. margin:20px 0px 0px 20px;
  224. padding:5px 5px 5px 6px;
  225. font-size:9px;
  226. letter-spacing:1px;
  227. text-transform:lowercase;
  228. color:{color:text};
  229. border:1px rgba(0, 0, 0, 0.1) solid;
  230. background:{color:posts};
  231. z-index:999999;
  232. }
  233.  
  234. #tumblr_controls {-webkit-filter: invert(100%);}
  235.  
  236.  
  237.  
  238. /****** COINTAINER ******/
  239.  
  240. .atonement {
  241. top:30px;
  242. width:800px;
  243. margin-left:44%;
  244. }
  245.  
  246.  
  247.  
  248. .top {
  249. position:fixed;
  250. margin-left:-365px;
  251. margin-top:0px;
  252. width:920px;
  253. height:50px;
  254. background-color:{color:background};
  255. z-index:99;
  256. }
  257.  
  258. .topbar {
  259. position:fixed;
  260. margin-left:-365px;
  261. margin-top:0px;
  262. width:910px;
  263. height:50px;
  264. background:transparent;
  265. border-bottom:1px {color:borders} solid;
  266. z-index:9999;
  267. }
  268.  
  269.  
  270.  
  271. .map {
  272. margin-left:63px;
  273. margin-top:27px;
  274. padding:10px 0px 0px 0px;
  275. text-align:left;
  276. font-size:8px;
  277. word-spacing:1px;
  278. text-transform:uppercase;
  279. display:block;
  280. position:bottom;
  281. color:{color:navi};
  282.  
  283. }
  284.  
  285. .map a {
  286. padding:3px;
  287. letter-spacing: 1px;
  288. color:{color:navi};
  289. border-bottom:1px solid transparent;
  290. transition-duration: 0.6s;
  291. -moz-transition-duration: 0.6s;
  292. -webkit-transition-duration: 0.6s;
  293. -o-transition-duration: 0.6s;
  294. }
  295.  
  296. .map a:hover {
  297. color:#000;
  298. border-bottom:1px solid {color:text};
  299. transition-duration: 0.6s;
  300. -moz-transition-duration: 0.6s;
  301. -webkit-transition-duration: 0.6s;
  302. -o-transition-duration: 0.6s;
  303. }
  304.  
  305.  
  306.  
  307. .blogtitle {
  308. {block:IfNotShowTitle}
  309. opacity:0;
  310. {/block:IfNotShowTitle}
  311. margin-left:10px;
  312. margin-top:45px;
  313. text-align:left;
  314. font-size:16px;
  315. letter-spacing:2px;
  316. line-height:230%;
  317. font-weight:400;
  318. text-transform:uppercase;
  319. color:{color:text};
  320. }
  321.  
  322.  
  323.  
  324. .side {
  325. position:fixed;
  326. width:230px;
  327. padding:10px;
  328. height:auto;
  329. margin-top:0px;
  330. height:100%;
  331. margin-left:-320px;
  332. text-align:center;
  333. border-left:1px {color:borders} solid;
  334. background-color:{color:background};
  335. z-index:999;
  336. }
  337.  
  338. .sideimage {
  339. position:fixed;
  340. width:210px;
  341. height:auto;
  342. margin-top:180px;
  343. padding:10px;
  344. background-position:center;
  345. }
  346.  
  347. .sideimage img {
  348. width:210px;
  349. height:auto;
  350. float:left;
  351. padding-right:10px;
  352. padding-bottom:10px;
  353. }
  354.  
  355.  
  356.  
  357. .description {
  358. width:204px;
  359. padding-left:3px;
  360. padding-right:3px;
  361. margin-top:140px;
  362. text-align:justify;
  363. font-size:9px;
  364. line-height:15px;
  365. }
  366.  
  367. {block:IfFirstLetter}
  368. .description::first-letter {
  369. font-size:14px;
  370. font-weight:bold;
  371. line-height:150%;
  372. }
  373. {/block:IfFirstLetter}
  374.  
  375.  
  376.  
  377. .pagination {
  378. width:210px;
  379. padding-top:20px;
  380. text-align:center;
  381. font-size:7px;
  382. letter-spacing:2px;
  383. word-spacing:15px;
  384. text-transform:uppercase;
  385. }
  386.  
  387. .pagination a {
  388. color:{color:info text};
  389. }
  390. .pagination a:hover {
  391. color:{color:link hover};
  392. }
  393.  
  394.  
  395.  
  396. /****** ENTRIES ******/
  397.  
  398. .entries {
  399. position:absolute;
  400. {block:IfNot400px}
  401. width:540px;
  402. {/block:IfNot400px}
  403. {block:If400px}
  404. width:440px;
  405. {/block:If400px}
  406. margin-top:60px;
  407. margin-bottom: 20px;
  408. padding:20px;
  409. }
  410.  
  411.  
  412.  
  413. .posts {
  414. {block:IfNot400px}
  415. width:500px;
  416. {/block:IfNot400px}
  417. {block:If400px}
  418. width:400px;
  419. {/block:If400px}
  420. margin-bottom:70px;
  421. padding-left:10px;
  422. padding-right:10px;
  423. padding-top:10px;
  424. background-color:{color:posts};
  425. border-right:1px solid {color:borders};
  426. }
  427.  
  428. .caption {
  429. padding:15px 10px 10px 10px;
  430. }
  431.  
  432.  
  433. .postinfo {
  434. {block:IfNot400px}
  435. width:490px;
  436. {/block:IfNot400px}
  437. {block:If400px}
  438. width:390px;
  439. {/block:If400px}
  440. margin-left:0px;
  441. margin-top:10px;
  442. padding:5px;
  443. padding-right:44px;
  444. text-align:right;
  445. letter-spacing:1px;
  446. font-size:8px;
  447. text-transform:uppercase;
  448. border-top:1px solid {color:borders};
  449. color:{color:info text};
  450. background:transparent;
  451. }
  452.  
  453. .postinfo a {
  454. color:{color:info text};
  455. }
  456.  
  457. .postinfo a:hover {
  458. color:{color:link hover};
  459. }
  460.  
  461.  
  462.  
  463. .up {
  464. cursor:pointer;
  465. }
  466. .tags {
  467. margin-top:2px;
  468. text-transform:lowercase;
  469. word-break:break-all;
  470. {block:IndexPage}
  471. display:none;
  472. {/block:IndexPage}
  473. }
  474. .tags a {
  475. text-decoration:none;
  476. color:{color:info text};
  477. }
  478. span.tag2 {
  479. display:none;
  480. }
  481. a.tag + span.tag2 {
  482. display:inline;
  483. }
  484.  
  485. .tagss {
  486. margin-top:2px;
  487. text-transform:lowercase;
  488. word-break:break-all;
  489. }
  490.  
  491. .tagss a {
  492. text-decoration:none;
  493. color:{color:info text};
  494. }
  495.  
  496.  
  497.  
  498. .notes {
  499. margin-top:30px;
  500. {block:IfNot400px}
  501. width:520px;
  502. {/block:IfNot400px}
  503. {block:If400px}
  504. width:420px;
  505. {/block:If400px}
  506. text-align:left;
  507. font-size:10px;
  508. letter-spacing:0px;
  509. text-transform:lowercase;
  510. font-style:normal;
  511. }
  512.  
  513. ol.notes {
  514. padding: 0px;
  515. margin: 0px 0px;
  516. list-style-type: none;
  517. }
  518.  
  519. ol.notes li.note {
  520. padding: 10px;
  521. }
  522.  
  523. ol.notes li.note img.avatar {
  524. margin-right: 10px;
  525. width: 16px;
  526. height: 16px;
  527. }
  528.  
  529. ol.notes li.note .answer_content {
  530. font-weight: normal;
  531. }
  532.  
  533. ol.notes li.more_notes_link_container {
  534. display: block;
  535. text-align:left;
  536. font-size: 7px;
  537. text-transform: uppercase;
  538. }
  539.  
  540. ol.notes li.note blockquote a {
  541. text-decoration: none;
  542. }
  543.  
  544.  
  545. /****** POSTS ******/
  546.  
  547. .chat li {
  548. list-style-type: none;
  549. margin-left:-40px;
  550. padding:7px;
  551. }
  552.  
  553. .chat li.odd {
  554. background-color: {color:chat};
  555. margin-bottom: 1px;
  556. }
  557.  
  558. .chat li.even {
  559. margin-bottom: 1px;
  560. }
  561.  
  562.  
  563.  
  564. .quote {
  565. padding:10px;
  566. font-size:14px;
  567. font-style:italic;
  568. }
  569.  
  570. .source {
  571. margin-top:10px;
  572. text-align:right;
  573. font-size:9px;
  574. }
  575.  
  576.  
  577.  
  578. .question {
  579. margin-left:10px;
  580. padding-top:7px;
  581. padding-bottom:7px;
  582. padding-left:9px;
  583. text-align:left;
  584. font-size:11px;
  585. font-style:none;
  586. color:#000;
  587. background:#fff;
  588. }
  589.  
  590. .question a{
  591. color:#000;
  592. }
  593.  
  594.  
  595.  
  596. .audiocont {
  597. position: relative;
  598. margin-bottom:40px;
  599. display:inline-block;
  600. }
  601.  
  602. .art {
  603. position: relative;
  604. width:100px;
  605. border:3px {color:borders} solid;
  606. z-index:1;
  607. }
  608.  
  609. .playbutton {
  610. position:relative;
  611. width:30px;
  612. height:40px;
  613. margin-top:35px;
  614. margin-left:35px;
  615. overflow:hidden;
  616. z-index:1000;
  617. }
  618.  
  619. .playbox {
  620. position:absolute;
  621. width:100px;
  622. height:100px;
  623. margin-top:3px;
  624. margin-left:3px;
  625. background:#fff;
  626. opacity:0.3;
  627. -moz-transition-duration:0.6s;
  628. -webkit-transition-duration:0.6s;
  629. -o-transition-duration:0.6s;
  630. z-index:1000;
  631. }
  632.  
  633. .playbox:hover {
  634. opacity:0.8;
  635. -moz-transition-duration:0.6s;
  636. -webkit-transition-duration:0.6s;
  637. -o-transition-duration:0.6s;
  638. }
  639.  
  640. .trackinfo {
  641. margin-left:120px;
  642. margin-top:-90px;
  643. }
  644.  
  645.  
  646. /****** TAB ******/
  647.  
  648. .heaven {
  649. position:fixed;
  650. width:150px;
  651. height:300px;
  652. padding-bottom:10px;
  653. font-size:8px;
  654. z-index:99999;
  655. }
  656.  
  657. .heaventitle {
  658. width:118px;
  659. line-height:200%;
  660. font-weight:300;
  661. margin-top:5px;
  662. margin-left:15px;
  663. padding-top:5px;
  664. padding-bottom:5px;
  665. text-align:center;
  666. font-size:12px;
  667. letter-spacing:2px;
  668. text-transform:uppercase;
  669. border-bottom:1px {color:borders} solid;
  670. color:{color:title};
  671. z-index:9999999;
  672. }
  673.  
  674. .cloud {
  675.  
  676. position:fixed;
  677. width:118px;
  678. height:0px;
  679. margin-top:-6px;
  680. margin-left:15px;
  681. text-align:center;
  682. word-break:normal;
  683. background:transparent;
  684. overflow:hidden;
  685. -webkit-transition: all .6s ease-in-out;
  686. -moz-transition: all .6s ease-in-out;
  687. -o-transition: all .6s ease-in-out;
  688. z-index:99999;
  689. }
  690.  
  691. .heaven:hover .cloud {
  692. /* if tab is too short increase height*/
  693. height:300px;
  694. -webkit-transition: all .6s ease-in-out;
  695. -moz-transition: all .6s ease-in-out;
  696. -o-transition: all .6s ease-in-out;
  697. }
  698.  
  699. .heaventitle:hover .cloud {
  700. /* if tab is too short increase height*/
  701. height:300px;
  702. -webkit-transition: all .6s ease-in-out;
  703. -moz-transition: all .6s ease-in-out;
  704. -o-transition: all .6s ease-in-out;
  705. }
  706.  
  707.  
  708.  
  709.  
  710. {CustomCSS}</style></head><body>
  711.  
  712. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  713. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  714. <script>
  715.  
  716. (function($){
  717.  
  718. $(document).ready(function(){
  719.  
  720. $("a[title]").style_my_tooltips({
  721.  
  722. tip_follows_cursor:true,
  723.  
  724. tip_delay_time:50,
  725.  
  726. tip_fade_speed:600,
  727.  
  728. attribute:"title"
  729.  
  730. });
  731.  
  732. });
  733.  
  734. })(jQuery);
  735.  
  736. </script>
  737.  
  738.  
  739.  
  740. {block:IfUpdateTab}
  741. <!--------------------- UPDATE TAB CUSTOMIZATION ---------------------->
  742. <!-- If tab is too short click ctrl+f and type "heaven:" -->
  743.  
  744. <div class="heaven">
  745.  
  746. <div class="heaventitle"><!--Update tab title-->Updates<!-- --></div>
  747.  
  748. <div class="cloud"></br>
  749.  
  750.  
  751. <h2><!--Subtitle 1-->Subtitle 1<!-- --></h2>
  752.  
  753. <!--Content 1--><p>this is optional<!-- -->
  754.  
  755.  
  756. <h2><!--Subtitle 2-->Subtitle 2<!-- --></h2>
  757.  
  758. <!-- Content 2 -->you can write<!-- -->
  759.  
  760.  
  761. <h2><!--Subtitle 3-->Subtitle 3<!-- --></h2>
  762. <!-- Content 3 -->whatever you want here<!-- -->
  763.  
  764. <h2><!--Subtitle 4-->Subtitle 4<!-- --></h2>
  765. <!-- Content 4 -->and how much you want<!-- -->
  766.  
  767. </div>
  768. </div>
  769. <!-------------------- END OF UPDATE TAB CUSTOMIZATION ---------------->
  770. {/block:IfUpdateTab}
  771.  
  772.  
  773. <div class="atonement">
  774.  
  775. <div class="top"></div>
  776. <div class="topbar">
  777. <div class="map">
  778. <a href="/">home</a>
  779. <a href="{text:askpage url}">mail</a>
  780. <a href="{text:link 1 URL}">{text:link 1}</a>
  781. <a href="{text:link 2 URL}">{text:link 2}</a>
  782. <a href="{text:link 3 URL}">{text:link 3}</a>
  783. <a href="{text:link 4 URL}">{text:link 4}</a>
  784. <a href="{text:link 5 URL}">{text:link 5}</a>
  785. </div>
  786. </div>
  787.  
  788. <div class="side">
  789. <div class="blogtitle">{text:title text}</div>
  790.  
  791. <div class="sideimage">{block:IfSidebarImage}<img src="{image:sidebar}">{/block:IfSidebarImage}
  792.  
  793. <div class="description">{Description}
  794. </div>
  795.  
  796. {block:Pagination}
  797. <div class="pagination">
  798. {block:PreviousPage}<a href="{PreviousPage}">future</a>{/block:PreviousPage}
  799. {block:NextPage}<a href="{NextPage}">past</a>{/block:NextPage}
  800. </div>
  801. {/block:Pagination}
  802. </div>
  803. </div>
  804.  
  805.  
  806.  
  807. <div class="entries">
  808. {block:Posts}<div class="posts">
  809.  
  810. {block:Text}<h1>{block:Title}<h1>— {Title}</h1>{/block:Title}</h1>{Body}{/block:Text}
  811.  
  812. {block:Link}<h1><a href="{URL}" {Target}>— {Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  813.  
  814. {block:Quote}<span style="font-family:times; font-size:45px; z-index:9; position:absolute; opacity:0.3; margin-top:14px; margin-left:-3px">&ldquo;</span><div class="quote">{Quote}</div>{block:Source}<div class="source">— {Source}</div>{/block:Source}{/block:Quote}
  815.  
  816. {block:Chat}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  817. {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  818. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  819.  
  820. {block:Photo}{block:IfNot400px}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{/block:IfNot400px}{block:If400px}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:If400px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  821.  
  822. {block:Photoset}{block:IfNot400px}{Photoset-500}{/block:IfNot400px}{block:If400px}{Photoset-400}{/block:If400px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  823.  
  824. {block:Video}{block:IfNot400px}{Video-500}{/block:IfNot400px}{block:If400px}{Video-400}{/block:If400px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  825.  
  826. {block:Audio}{block:AudioPlayer}
  827. <div class="audiocont">
  828. <div class="playbox"><div class="playbutton">{AudioPlayerWhite}</div></div>
  829. {/block:AudioPlayer}{block:AlbumArt}
  830. <img src="{AlbumArtURL}" class="art">
  831. {/block:AlbumArt}
  832. <div class="trackinfo">
  833. <b>Title: </b>{block:TrackName}{TrackName}{/block:TrackName}</br>
  834. <b>Artist: </b>{block:Artist}{Artist}{/block:Artist}</br>
  835. <b>Album: </b>{block:Album}{Album}{/block:Album}</br>
  836. <b>Plays: </b>{block:PlayCount}{PlayCount}{/block:PlayCount}
  837. </div></div>
  838. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  839. {/block:Audio}
  840.  
  841. {block:Answer}<div class="question"><b>{Asker}</b> texted:<br><i>{Question}</i></div>{Answer}{/block:Answer}
  842.  
  843.  
  844. {block:IfDropDownTags}
  845. {block:Date}
  846. <div class="postinfo">
  847. <a href="{Permalink}" title="{Timeago}">{DayOfMonth}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{block:PermalinkPage}{block:RebloggedFrom}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{ReblogParentURL}">via </a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">- org</a>{/block:ContentSource}{/block:RebloggedFrom}</br><div class="tagss">{block:Tags}<a href="{TagUrl}">&nbsp;&nbsp;&nbsp;&nbsp;#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}{block:IndexPage}{block:HasTags}&nbsp;&nbsp;&nbsp;&nbsp;<a class="up">Tags</a>
  848. <div class="tags">{block:Tags}<a href="{TagUrl}">&nbsp;&nbsp;&nbsp;&nbsp;#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  849. </div>
  850. {/block:Date}
  851. {/block:IfDropDownTags}
  852.  
  853. {block:IfNotDropDownTags}
  854. {block:Date}
  855. <div class="postinfo">
  856. <a href="{Permalink}" title="{Timeago}">{DayOfMonth}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{block:PermalinkPage}{block:RebloggedFrom}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{ReblogParentURL}">via </a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">- org</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}</br><div class="tagss">{block:Tags}<a href="{TagUrl}">&nbsp;&nbsp;&nbsp;&nbsp;#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  857. </div>
  858. {/block:Date}
  859. {/block:IfNotDropDownTags}
  860.  
  861. <div class="notes">
  862. {block:PostNotes}{PostNotes}{/block:PostNotes}
  863. </div>
  864.  
  865. </div>
  866. {/block:Posts}
  867.  
  868. </div></div></div></div>
  869. </div></div>
  870.  
  871. <div class="s"><a href="http://wattsons.tumblr.com/">⧨</a></div>
  872.  
  873. </body>
  874. </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!