API tools faq
paste
Advertisement
harreyeh

theme 08: magic

harreyeh
Mar 15th, 2014
5,592
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.09 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ᴛʜᴇᴍᴇ 08 ʙʏ ʜᴀʀᴅᴢɪᴀᴍ
  4. please don't take off the credit it's really small!!!!
  5.  
  6.  
  7. ╭━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮ ╭━━┳╮╱╱╭╮
  8. ┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃ ┃╭╮┃╰╮╭╯┃
  9. ╰╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮ ┃╰╯╰╮╰╯╭╯
  10. ╱╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃ ┃╭━╮┣╮╭╯
  11. ╱╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃ ┃╰━╯┃┃┃
  12. ╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯ ╰━━━╯╰╯
  13. ╭╮╱╭┳━━━┳━━━┳━━━┳━━━━┳━━┳━━━┳━╮╭━╮
  14. ┃┃╱┃┃╭━╮┃╭━╮┣╮╭╮┣━━╮━┣┫┣┫╭━╮┃┃╰╯┃┃
  15. ┃╰━╯┃┃╱┃┃╰━╯┃┃┃┃┃╱╭╯╭╯┃┃┃┃╱┃┃╭╮╭╮┃
  16. ┃╭━╮┃╰━╯┃╭╮╭╯┃┃┃┃╭╯╭╯╱┃┃┃╰━╯┃┃┃┃┃┃
  17. ┃┃╱┃┃╭━╮┃┃┃╰┳╯╰╯┣╯━╰━┳┫┣┫╭━╮┃┃┃┃┃┃
  18. ╰╯╱╰┻╯╱╰┻╯╰━┻━━━┻━━━━┻━━┻╯╱╰┻╯╰╯╰╯
  19.  
  20.  
  21. hardziam.tumblr.com // themesbyzsu.tumblr.com
  22.  
  23.  
  24. -->
  25.  
  26. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  27.  
  28. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  29.  
  30. <head>
  31.  
  32. <title>{title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35.  
  36. <meta name="color:background" content="#f7f5f5" />
  37. <meta name="color:title" content="#fff" />
  38. <meta name="color:description text" content="#eaebec" />
  39. <meta name="color:description links" content="#239acf" />
  40. <meta name="color:titles" content="#333" />
  41. <meta name="color:link" content="#333" />
  42. <meta name="color:link hover color" content="#158cd6" />
  43. <meta name="color:selection" content="#157ed6" />
  44. <meta name="color:centerbar" content="#e6e6e6" />
  45. <meta name="color:sidebar background" content="#a4cad9" />
  46. <meta name="color:info text" content="#fff" />
  47. <meta name="image:sidebar" content="" />
  48. <meta name="color:navigation hover" content="#1579d6" />
  49. <meta name="color:image border 1" content="#b1e4fe" />
  50. <meta name="color:image border 2" content="#6dcdf4" />
  51. <meta name="color:image hover border 1" content="#15a3d6" />
  52. <meta name="color:image hover border 2" content="#fff" />
  53.  
  54. <meta name="if:400px posts" content="0">
  55.  
  56. <meta name="text:firsttitle" content="first title" />
  57. <meta name="text:secondtitle" content="second title" />
  58. <meta name="text:Link1" content="/" />
  59. <meta name="text:Link1 Title" content="link" />
  60. <meta name="text:Link2" content="/" />
  61. <meta name="text:Link2 Title" content="link" />
  62. <meta name="text:Link3" content="/" />
  63. <meta name="text:Link3 Title" content="link" />
  64. <meta name="text:Link4" content="/" />
  65. <meta name="text:Link4 Title" content="link" />
  66. <meta name="text:Link5" content="/" />
  67. <meta name="text:Link5 Title" content="link" />
  68. <meta name="text:sidebar border radius" content="50%" />
  69.  
  70. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  71.  
  72. <style type="text/css">
  73.  
  74. @font-face { font-family: Didot; src: url('http://static.tumblr.com/heqtwlw/sCYn1zhhs/ufonts.com_didot.ttf'); }
  75.  
  76. body {
  77. background: {color:background};
  78. background-image: url('{image:background}');
  79. margin-left: 0px;
  80. padding: 0;
  81. position:absolute;
  82. font-family: 'Lato' sans-serif;
  83. }
  84.  
  85. a {
  86. text-decoration:none;
  87. outline:none;
  88. -moz-outline-style:none;
  89. color:{color:link};
  90. -webkit-transition: all 0.5s ease-in-out;
  91. -moz-transition: all 0.5s ease-in-out;
  92. -o-transition: all 0.5s ease-in-out;
  93. }
  94.  
  95. a:hover {
  96. color:{color:link hover color};
  97. -webkit-transition: all 0.5s ease-in-out;
  98. -moz-transition: all 0.5s ease-in-out;
  99. -o-transition: all 0.5s ease-in-out;
  100. }
  101.  
  102. h1 {
  103. font-family:'helvetica';
  104. text-transform:uppercase;
  105. font-size:20px;
  106. line-height:20px;
  107. color:{color:titles};
  108. text-align:center;
  109. }
  110.  
  111. h2 {
  112. font-family:'Didot';
  113. font-size:35px;
  114. line-height:30px;
  115. color:{color:titles};
  116. text-align:left;
  117. }
  118.  
  119. ::-moz-selection { color: white; background: {color:selection}; }
  120. ::selection { color: white; background: {color:selection}; }
  121.  
  122. #bigsb:hover #sidebar{
  123. -webkit-transition: all 0.5s ease-in-out;
  124. -moz-transition: all 0.5s ease-in-out;
  125. -o-transition: all 0.5s ease-in-out;
  126. }
  127.  
  128. #bigsb {
  129. height:120%;
  130. width:170px;
  131. padding-left:10px;
  132. padding-right:10px;
  133. margin-left:0px;
  134. margin-top:-10px;
  135. position:fixed;
  136. background:{color:sidebar background};
  137. }
  138. #sidebar img{
  139. margin-top:20px;
  140. border:5px solid {color:image border 2};
  141. max-width:90px;
  142. padding:5px;
  143. background:{color:image border 1};
  144. border-radius:{text:sidebar border radius};
  145. -webkit-transition: all 0.5s ease-in-out;
  146. -moz-transition: all 0.5s ease-in-out;
  147. -o-transition: all 0.5s ease-in-out;
  148. }
  149.  
  150. #sidebar img:hover{
  151. border:5px solid white;
  152. border-top-right-radius:0%;
  153. background:{color:image hover border 1};
  154. border-bottom-left-radius:0%;
  155. -webkit-transition: all 0.5s ease-in-out;
  156. -moz-transition: all 0.5s ease-in-out;
  157. -o-transition: all 0.5s ease-in-out;
  158. }
  159.  
  160. #center {
  161. margin-top:120px;
  162. text-align:center;
  163. }
  164. #title {
  165. font-family:arial;
  166. text-transform:lowercase;
  167. font-size:25px;
  168. line-height:80%;
  169. margin-top:10px;
  170. letter-spacing:-2px;
  171. color:{color:title};
  172. text-align:center;
  173. }
  174.  
  175. #secondtitle{
  176. color:{color:title};
  177. font-size:13px;
  178. font-family:'helvetica';
  179. font-style:italic;
  180. }
  181.  
  182. blockquote {
  183. border-left:2px solid {color:text};
  184. padding-left:10px;
  185. margin-left:5px;
  186. }
  187.  
  188. blockquote blockquote{
  189. margin-left:10px;
  190. }
  191.  
  192. #description {
  193. margin-top:0px;
  194. font-size:10px;
  195. padding:10px;
  196. text-align:center;
  197. color:{color:description text};
  198. font-family:'Lato' sans-serif;
  199. opacity:1;
  200. -webkit-transition: all 0.5s ease-in-out;
  201. -moz-transition: all 0.5s ease-in-out;
  202. -o-transition: all 0.5s ease-in-out;
  203. }
  204.  
  205. #description a{
  206. color:{color:description links};
  207. }
  208.  
  209. #bigsb:hover #description{
  210. opacity:1;
  211. -webkit-transition: all 0.5s ease-in-out;
  212. -moz-transition: all 0.5s ease-in-out;
  213. -o-transition: all 0.5s ease-in-out;
  214. }
  215.  
  216. #thingy{
  217. width:24px;
  218. height:120%;
  219. position:absolute;
  220. background:{color:centerbar};
  221. margin-top:-300px;
  222. z-index:-99;
  223. }
  224.  
  225.  
  226. #links {
  227. z-index:-100000;
  228. position:fixed;
  229. left:190px;
  230. height:100%;
  231. background:{color:centerbar};
  232. font-size:15px;
  233. line-height:8px;
  234. padding-top:200px;
  235. margin-top:-50px;
  236. text-align:right;
  237. width:130px;
  238. text-indent:5px;
  239. overflow:hidden;
  240. border-right:10px solid {color:centerbar};
  241. }
  242.  
  243. #linkss {
  244. position:fixed;
  245. width:180px;
  246. margin-top:-40px;
  247. text-align:center;
  248. }
  249. #linkss a{
  250. display:inline-block;
  251. z-index:100000;
  252. width:20px;
  253. text-transform:uppercase;
  254. font-family:calibri;
  255. padding:7px 10px 7px 0px;
  256. margin-top:1px;
  257. margin-left:-8px;
  258. height:10px;
  259. border-top:none;
  260. border-right:none;
  261. font-size:11px;
  262. text-align:left;
  263. box-shadow:inset 0px 0px black;
  264. }
  265.  
  266. #linkss a span {
  267. text-align:center;
  268. float:left;
  269. opacity:0;
  270. padding:5px;
  271. margin-top:-10px;
  272. color:{color:sidebar background};
  273. width:50px;
  274. margin-left:-100%;
  275. letter-spacing:1px;
  276. -webkit-transition: all 0.5s ease-in-out;
  277. -moz-transition: all 0.5s ease-in-out;
  278. -o-transition: all 0.5s ease-in-out;
  279. }
  280.  
  281. #linkss a img{
  282. width:14px;
  283. margin-top:2px;
  284. margin-right:4px;
  285. float:left;
  286. background:{color:sidebar background};
  287. padding:5px;
  288. opacity:1;
  289. text-indent:0px;
  290. -webkit-transition: all 0.5s ease-in-out;
  291. -moz-transition: all 0.5s ease-in-out;
  292. -o-transition: all 0.5s ease-in-out;
  293.  
  294. }
  295. #linkss a:hover {
  296. color:white;
  297. }
  298.  
  299. #linkss a:hover span{
  300. padding:5px;
  301. margin-top:-5px;
  302. opacity:1;
  303. color:white;
  304. -webkit-transition: all 0.5s ease-in-out;
  305. -moz-transition: all 0.5s ease-in-out;
  306. -o-transition: all 0.5s ease-in-out;
  307. }
  308.  
  309. #linkss a:hover img{
  310. background:{color:navigation hover};
  311. -webkit-transition: all 0.5s ease-in-out;
  312. -moz-transition: all 0.5s ease-in-out;
  313. -o-transition: all 0.5s ease-in-out;
  314. }
  315.  
  316.  
  317. /*-------- end sidebar -------*/
  318.  
  319.  
  320.  
  321. #entry {
  322. font-size:10px;
  323. margin-top:40px;
  324. float: left;
  325. margin-left:370px;
  326. text-align: justify;
  327. }
  328.  
  329. #post {
  330. font-size:10px;
  331. margin-bottom:50px;
  332. padding: 10px;
  333. padding-bottom:5px;
  334. width:500px;
  335. {block:if400pxPosts}
  336. width:400px;
  337. {/block:if400pxPosts}
  338. border
  339. color:{color:text};
  340. text-align: justify;
  341. z-index:100000;
  342. }
  343.  
  344. #post:hover #info{
  345. opacity:1;
  346. -webkit-transition: all 0.5s ease-in-out;
  347. -moz-transition: all 0.5s ease-in-out;
  348. -o-transition: all 0.5s ease-in-out;
  349. }
  350.  
  351. #info{
  352. color:{color:info text};
  353. }
  354.  
  355. #info a{
  356. color:{color:info text};
  357. }
  358.  
  359. #info a:hover{
  360. color:{color:link hover color};
  361. }
  362.  
  363. #tags {
  364. width:500px;
  365. {block:if400pxPosts}
  366. width:400px;
  367. {/block:if400pxPosts}
  368. margin-top:-9px;
  369. text-align:center;
  370. line-height:170%;
  371. }
  372.  
  373. #date a{
  374. background:white;
  375. padding:3px;
  376. padding-left:5px;
  377. padding-right:5px;
  378. border:1px solid #eee;
  379. }
  380.  
  381. #date a:hover{
  382. background:#eee;
  383. border:1px solid #eee;
  384. color:black;
  385. }
  386.  
  387.  
  388. #pagination {
  389. margin-left:0px;
  390. bottom:40px;
  391. position:fixed;
  392. margin-bottom:20px;
  393. background:black;
  394. text-align:center;
  395. }
  396.  
  397. #info {
  398. margin-left:-166px;
  399. border-top:{color:info text} 1px solid;
  400. width:96px;
  401. opacity:1;
  402. text-align:right;
  403. z-index:1000000;
  404. height:45px;
  405. margin-bottom:-55px;
  406. padding:5px;
  407. -webkit-transition: all 0.5s ease-in-out;
  408. -moz-transition: all 0.5s ease-in-out;
  409. -o-transition: all 0.5s ease-in-out;
  410. }
  411.  
  412.  
  413. .jump_page {
  414. padding: 4px 2px;
  415. color:{color:link};
  416. font-family:'Didot';
  417. font-size:11px;
  418. text-decoration:none;
  419. }
  420.  
  421. .current_page, .jump_page:hover {
  422. padding: 4px 2px;
  423. color: {color:text};
  424. font-family:'Didot';
  425. font-size:11px;
  426. text-decoration:none;
  427. }
  428.  
  429. /* -------- music player -----*/
  430. .mus {height: 70px; padding: 20px; background-color: #f1f1; display: table; position: relative;
  431. width: 460px;}
  432.  
  433.  
  434. .mus img {height: 50px; position: absolute; border: 10px solid {color:border};}
  435.  
  436. .musiclabel {
  437. padding-left: 80px;
  438. text-align: left;
  439. display: table-cell;
  440. vertical-align: middle;
  441. font-family: calibri}
  442.  
  443. .mlabel {
  444. color: {color:text};
  445. font-style:italic;
  446. font-size:12px;}
  447.  
  448. .newplayerbutton {
  449. position: relative;
  450. width: 28px;
  451. height: 27px;
  452. overflow: hidden;}
  453.  
  454. .playerbuttonhug {
  455. position: absolute;
  456. top: -8px;
  457. left: -12px;}
  458.  
  459.  
  460. .tumblr_audio_player {
  461. border: none;
  462. padding: 0px;
  463. margin: 0px;
  464. margin-left:15px;
  465. height: 43px;
  466. width: 300px;}
  467.  
  468. .playerbuttonbg {
  469. position: absolute;
  470. left: 30px;
  471. top: 30px;
  472. width: 30px;
  473. height: 30px;
  474. background:white;
  475. padding: 10px;
  476. opacity: 0.3;
  477. transition-duration: 0.6s;
  478. -moz-transition-duration: 0.6s;
  479. -webkit-transition-duration: 0.6s;
  480. -o-transition-duration: 0.6s;
  481. z-index: 1000;}
  482.  
  483. .playerbuttonbg:hover {
  484. opacity: 0.8;
  485. transition-duration: 0.6s;
  486. -moz-transition-duration: 0.6s;
  487. -webkit-transition-duration: 0.6s;
  488. -o-transition-duration: 0.6s;}
  489.  
  490.  
  491.  
  492. ol.notes {
  493. padding: 0px;
  494. margin: 10px 10px;
  495. list-style-type:upper-roman;
  496. text-align:left;
  497. position: relative;
  498. z-index: 2;
  499. text-transform: uppercase;
  500. font-size: 9px;
  501. letter-spacing:1px;
  502. clear:both;}
  503.  
  504. ol.notes a {color: {color:Accent};}
  505.  
  506. ol.notes li.note {padding: 10px;}
  507.  
  508. ol.notes li.note img.avatar {
  509. vertical-align: -4px;
  510. margin-right: 10px;
  511. width: 16px;
  512. height: 16px;}
  513.  
  514. ol.notes li.note span.action {font-weight: normal;}
  515.  
  516. ol.notes li.note .answer_content {font-weight: normal;}
  517.  
  518. ol.notes li.note blockquote {
  519. border-color: #eee;
  520. padding: 4px 10px;
  521. margin: 10px 0px 0px 25px;}
  522.  
  523. ol.notes li.note blockquote a {text-decoration: none;}
  524.  
  525.  
  526. /* ----- PLEASE DON'T TOUCH THIS!!! ------*/
  527.  
  528. #credit a{
  529. position:fixed;
  530. right:-90px;
  531. bottom:0px;
  532. height:15px;
  533. padding:4px;
  534. text-transform:none;
  535. font-family: 'Lato' sans-serif;
  536. font-weight:500;
  537. letter-spacing:1px;
  538. margin-bottom:3px;
  539. font-size:12px;
  540. margin-right:3px;
  541. opacity:1;
  542. overflow:hidden;
  543. background: #fff;
  544. -moz-transition-duration:1s;
  545. -webkit-transition-duration:1s;
  546. -o-transition-duration:1s;
  547. }
  548.  
  549. #credit a span{
  550. opacity:1;
  551. padding-left:10px;
  552. padding-right:10px;
  553. color:white;
  554. font-size:11px;
  555. font-style:italic;
  556. font-family: times, cursive;
  557. }
  558.  
  559. #credit a:hover {
  560. opacity:1;
  561. border-radius:0;
  562. right:0px;
  563. color:white;
  564. background:black;
  565. -moz-transition-duration:0.5s;
  566. -webkit-transition-duration:0.5s;
  567. -o-transition-duration:0.5s;
  568. }
  569.  
  570.  
  571. {CustomCSS}
  572. </style>
  573.  
  574. </head>
  575.  
  576. <body>
  577.  
  578.  
  579. <div id="links">
  580. <div id="thingy"></div>
  581. </div>
  582. <div id="bigsb"><br>
  583. <div id="sidebar"></div>
  584. <div id="center">
  585.  
  586. <div id="linkss">
  587. <a href="{text:Link1}"><span>{text:Link1 Title}</span><img src="http://static.tumblr.com/ssqfxic/NZln29ys3/home.png"></a>
  588. <a href="{text:Link2}"><span>{text:Link2 Title}</span><img src="http://static.tumblr.com/ssqfxic/FwSn29z30/message.png"></a>
  589. <a href="{text:Link3}"><span>{text:Link3 Title}</span><img src="http://static.tumblr.com/ssqfxic/u3cn29z80/nav.png"></a>
  590. <a href="{text:Link4}"><span>{text:Link4 Title}</span><img src="http://static.tumblr.com/ssqfxic/LvIn29z5v/pages.png"></a>
  591. <a href="{text:Link5}"><span>{text:Link5 Title}</span><img src="http://static.tumblr.com/ssqfxic/3Njn29z56/about.png"></a>
  592. </div>
  593.  
  594. <div id="sidebar">
  595. <a href="/"><img src="{image:sidebar}"/></a></div>
  596. <div id="title">{text:firsttitle}</div>
  597. <div id="secondtitle">{text:secondtitle}</div>
  598. <div id="description">{block:Description}{Description}{/block:Description}<p>
  599.  
  600. {block:Pagination}
  601. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  602. {block:JumpPagination length="5"}
  603. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  604. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  605. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  606. {/block:Pagination}
  607. </p></div>
  608.  
  609.  
  610. </div>
  611. </div>
  612.  
  613.  
  614.  
  615.  
  616. </div>
  617.  
  618.  
  619. <div id="entry">
  620. {block:Posts}
  621. <div id="post">
  622.  
  623. <div id="info">
  624. <a href="{Permalink}"><font style="font-size:17px; font-family:'Didot';">{NoteCount}N<br></a></font>
  625.  
  626. <small>
  627. <font style="text-transform:uppercase; letter-spacing:1px">{TimeAgo}<br></font>
  628.  
  629. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{block:ContentSource} & <a href="{SourceURL}">SOURCE</a>{block:ContentSource}<br>{/block:RebloggedFrom}
  630. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  631.  
  632. </small>
  633.  
  634. </div>
  635.  
  636.  
  637.  
  638. {block:Text}{block:Title}<h1>{title}</h1>{/block:Title}{Body}{/block:Text}
  639.  
  640. {block:Quote}<h2>“{Quote}”</h2>
  641. <div style="text-align:right; padding-bottom:5px">- {Source}</div>{/block:Quote}
  642.  
  643. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  644. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  645.  
  646. {block:Photo}<center>{LinkOpenTag}
  647. {block:ifnot400pxPosts}
  648. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  649. {/block:ifnot400pxPosts}
  650. {block:if400pxPosts}
  651. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  652. {/block:if400pxPosts}
  653. {LinkCloseTag}</center>
  654. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  655.  
  656.  
  657. {block:Photoset}<center>
  658. {block:ifnot400pxPosts}{Photoset-500}{/block:ifnot400pxPosts}
  659. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  660. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  661.  
  662. {block:Chat}{block:PostTitle}<h1>{Title}</h1><br>{/block:PostTitle}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  663. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  664.  
  665. {block:Answer}
  666. <div style="padding:10px; border-bottom:1px solid #eee; font-size:11px; font-family:'helvetica';">
  667. <img src="{AskerPortraitURL-30}"width="30" style="float:left; border-radius:50%; padding-right:15px;" height="30"> {Question}
  668. <div style="padding-left:40px; font-family:calibri; text-transform:uppercase; letter-spacing:1px; font-style:normal; padding-top:6px; font-size:10px">- {Asker}</div>
  669. </div>
  670.  
  671. {Answer}
  672. {/block:Answer}
  673.  
  674.  
  675. {block:Audio}
  676. {block:AudioPlayer}
  677.  
  678. <div class="mus">
  679. <div class="playerbuttonbg">
  680. <div class="newplayerbutton">
  681. <div class="playerbuttonhug">
  682.  
  683. {AudioPlayerWhite}
  684.  
  685. </div>
  686. </div>
  687. </div>
  688. {/block:AudioPlayer}
  689. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
  690. {block:AlbumArt}
  691. <img class="cover" src="{AlbumArtURL}" />
  692. {/block:AlbumArt}
  693. <div class="musiclabel">
  694. {block:TrackName}<span class="mlabel">{TrackName}</span>{/block:TrackName}<br>
  695. {block:Artist}{Artist}{/block:Artist} {block:Album}· {Album}{/block:Album}<br>
  696. {block:Playcount}{Playcount} Plays{/block:Playcount}
  697. </div></div>
  698.  
  699. {block:Caption}{Caption}{/block:Caption}
  700. {/block:Audio}
  701. <div style="width:100%; border-top:1px solid #eee; margin-top:20px"></div>
  702. <div id="tags"> {block:Date}<span id="date"><a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</a>
  703. </span>{/block:Date}<br>
  704. {block:HasTags}tagged: {block:Tags}<a href="{TagURL}">{Tag}, </a> {/block:Tags}{/block:HasTags}</div>
  705. </div>
  706. {/block:Posts}
  707.  
  708. {block:PostNotes}{PostNotes}{/block:PostNotes}
  709.  
  710. </div>
  711.  
  712. <div id="credit">
  713. <a href="http://hardziam.tumblr.com">HZ <span>theme credit</span></a></div>
  714.  
  715. </body>
  716. </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!