Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme 19: Obsessions

By: whattheweasley on Jul 28th, 2012  |  syntax: None  |  size: 17.26 KB  |  hits: 2,236  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.                    <!--             DO NOT REMOVE THE FOLLOWING
  6.                         ♡ Theme 19: Obsessions by Rachael: pevensied @ tumblr.com ♡
  7.                       • if you're using my theme, please keep credit in tact.
  8.                       • this theme isn't a base theme, do not redistribute.  
  9.                       • edit to your heart's consent, but this will always be MY theme
  10.                      -->
  11.  
  12. <body>
  13. <head>
  14.  
  15.             <!-- DEFAULT VARIABLES -->
  16.    <meta name="color:background" content="#FFFFFF" />
  17.    <meta name="color:entry" content="#e7e7e7" />
  18.    <meta name="color:question background" content="#D1D1D1" />
  19.  
  20.    <meta name="color:title" content="#777788" />
  21.    <meta name="color:text" content="#91867A" />
  22.    <meta name="color:link" content="#bbbb33" />
  23.    <meta name="color:link hover" content="#aabbbb" />
  24.  
  25.    <meta name="color:nav link" content="#8899aa" />
  26.    <meta name="color:nav link hover" content="#777788" />
  27.    <meta name="color:selection" content="#bbbb33" />
  28.  
  29.    <meta name="font:body" content="helvetica" />
  30.  
  31.    <meta name="image:sidebar" content=""/>
  32.    <meta name="image:background" content="" />
  33.  
  34.    <meta name="if:fading images" content="1" />
  35.    <meta name="if:show info" content="1" />
  36.    <meta name="if:show tags" content="1" />
  37.    <meta name="if:show links" content="0" />
  38.    <meta name="text:title font size" content="19"/>
  39.    <meta name="text:link one" content="/"/>
  40.    <meta name="text:link one name" content="link 1"/>
  41.    <meta name="text:link two" content="/"/>
  42.    <meta name="text:link two name" content="link 2"/>
  43.    <meta name="text:link three" content="/"/>
  44.    <meta name="text:link three name" content="link 3"/>
  45.    <meta name="text:link four" content="/"/>
  46.    <meta name="text:link four name" content="link 4"/>
  47.    <meta name="text:link five" content="/"/>
  48.    <meta name="text:link five name" content="link 5"/>
  49.    <meta name="text:link six" content="/"/>
  50.    <meta name="text:link six name" content="link 6"/>
  51.    <meta name="text:link seven" content="/"/>
  52.    <meta name="text:link seven name" content="link 7"/
  53.  
  54.  
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  56. <title>{Title}</title>
  57.  
  58. {block:Description}
  59. <meta name="description" content="{MetaDescription}" />
  60. {/block:Description}
  61.  
  62. <link rel="shortcut icon" href="{Favicon}" />
  63. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  64. <style type="text/css">
  65.  
  66. /* ---------- scroll bar --------- */
  67. ::-webkit-scrollbar-thumb:vertical {background-color:{color:nav link}; height:30px;}
  68. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:nav link}; height:10px!important;}
  69. ::-webkit-scrollbar {background-color:{color:background}; height:10px; width:5px;}
  70.  
  71. /* ---------- color selection --------- */
  72.  
  73. ::-moz-selection {color:#FFFFFF;background: {color:selection};}
  74.  
  75. ::selection {color: #FFFFFF;background: {color:selection};}
  76.  
  77. /* ---------- follow/dash fade --------- */
  78. iframe#tumblr_controls {
  79.    top:0px !important;
  80.   right:3px !important;
  81.    position: fixed !important;
  82.   -webkit-transition: opacity 0.7s linear;
  83.      opacity: 0.4;
  84. -webkit-transition: all 0.8s ease-out;
  85. -moz-transition: all 0.8s ease-out;
  86. transition: all 0.8s ease-out;}
  87.  
  88. iframe#tumblr_controls:hover{
  89. -webkit-transition: opacity 0.7s linear;
  90. opacity: 1;
  91. -webkit-transition: all 0.4s ease-out;
  92. -moz-transition: all 0.4s ease-out;
  93. transition: all 0.4s ease-out;}
  94.  
  95.  
  96. body {
  97. color:{color:text};
  98. background-color:{color:background};
  99. background-image: url('{image:background}');
  100. background-position: center;
  101. background-attachment:fixed;
  102. background-repeat: repeat;
  103. font-family:{font:body};
  104. font-size:9px;
  105. line-height:110%;
  106. text-align:justify}
  107.  
  108. a:link, a:active, a:visited{
  109. color: {color:link};
  110. text-decoration:none;
  111. -webkit-transition: all 0.7s
  112. ease-out;-moz-transition: all 0.7s ease-out;
  113. transition: all 0.7s ease-out;
  114. }
  115.  
  116. a:hover{
  117. color:{color:link hover};
  118. background-color: transparent;
  119. }
  120.  
  121. #entries{
  122. left:70%;
  123. margin-left:-20px;
  124. margin-top:20px;
  125. width:510px}
  126.  
  127. {block:iffadingimages}
  128. #entries img {
  129. opacity: .8;
  130. -webkit-transition: all 0.5s ease-out;
  131. -moz-transition: all 0.5s ease-out;
  132. transition: all 0.5s ease-out;
  133. }
  134.  
  135. #entries img:hover {
  136. opacity: 1;
  137. }
  138.  
  139. .trans {
  140. opacity: .8;
  141. -webkit-transition: all 0.5s ease-out;
  142. -moz-transition: all 0.5s ease-out;
  143. transition: all 0.5s ease-out;
  144. }
  145.  
  146. .trans:hover {
  147. opacity: 1;
  148. }
  149.  
  150. {/block:iffadingimages}
  151. #posts{
  152. overflow:hidden;
  153. background-color: {color:entry};
  154. padding:5px;
  155. margin-bottom:24px;
  156. -webkit-transition: all 0.7s
  157. ease-out;-moz-transition: all 0.7s ease-out;
  158. transition: all 0.7s ease-out;
  159. }
  160. #posts:hover #info {
  161. opacity:1.0;
  162. margin-left:510px;
  163. margin-top:10px;
  164. }
  165.  
  166. {block:ifnotShowTags}
  167. #posts:hover #tags {
  168. opacity:1;
  169. margin-top:10px;
  170. }
  171. {/block:ifnotShowTags}
  172.  
  173. #container {
  174. width:950px;
  175. float:right;
  176. }
  177. .description {
  178. color:{color:text};
  179. font-family:{font:sidebar};
  180. position:fixed;
  181. right:150px;
  182. margin-top:120px;
  183. width:220px;
  184. font-size:9px;
  185. }
  186.  
  187.  
  188.  
  189.  
  190. #sidebarimg img {
  191. width: 220px;
  192. margin-left:0px;
  193. margin-top:0px;
  194. height: auto;
  195. text-align:center;
  196. z-index:0;
  197. }
  198.  
  199. .description:hover .mockingjay {
  200. margin-top: 20px;
  201. margin-left:0px;
  202. background-color:#eeeeee;
  203. -webkit-transition: all 0.7s ease-out;
  204. -moz-transition: all 0.7s ease-out;
  205. transition: all 0.7s ease-out;
  206. opacity:0.8;
  207. }
  208. .mockingjay {
  209. position: absolute;  
  210. width: 208px;  
  211.  
  212. margin-top:-50px;
  213. padding:6px;
  214. -webkit-transition: all 0.7s ease-out;
  215. -moz-transition: all 0.7s ease-out;
  216. transition: all 0.7s ease-out;
  217. opacity:0;
  218. }  
  219.  
  220. .description:hover .hovert {
  221. opacity:0;
  222. margin-top:-10px;
  223. -webkit-transition: all 0.9s ease-out;
  224. -moz-transition: all 0.9s ease-out;
  225. transition: all 0.9s ease-out;
  226. }
  227. .hovert {
  228. position:absolute;
  229. font-family:calibri;
  230. font-size:10px;
  231. color:{color:background};
  232. opacity:0.5;
  233. margin-top:-0px;
  234. margin-left:190px;
  235. -webkit-transition: all 0.9s ease-out;
  236. -moz-transition: all 0.9s ease-out;
  237. transition: all 0.9s ease-out;
  238. z-index:999;
  239.  
  240. }
  241.  
  242.  
  243. .description:hover #love {
  244. opacity:0;
  245. -webkit-transition: all 0.7s ease-out;
  246. -moz-transition: all 0.7s ease-out;
  247. transition: all 0.7s ease-out;
  248. }
  249.  
  250. #sidebar {
  251. width:250px;
  252. position:fixed;
  253. overflow:hidden;
  254. border-left:0px solid;
  255. border-right:0px solid;
  256. padding:0px;
  257.  
  258. -webkit-transition: all 0.7s ease-out;
  259. -moz-transition: all 0.7s ease-out;
  260. transition: all 0.7s ease-out;
  261. }
  262.  
  263.  
  264.  
  265.  
  266.  
  267. h1{
  268. color:{color:title};
  269. font-family: 'Dawning of a New Day', cursive;
  270. font-size:25px;
  271. line-height:30px;
  272. letter-spacing:1px;
  273. font-weight:normal;
  274. text-transform:case;
  275. margin:0px;
  276. padding:0px;
  277. text-align:center
  278. }
  279.  
  280. h2{
  281. color:{color:title};
  282. font-family:{font:body};
  283. font-size:15px;
  284. line-height:14px;
  285. letter-spacing:-1px;
  286. font-weight:normal;
  287. text-transform:case;
  288. margin:0px;
  289. padding:0px;
  290. margin-bottom:1px;
  291. text-align:center
  292. }
  293.  
  294. h3{
  295. font:normal 11px calibri;
  296. display:inline-block;
  297. padding:2px; color:{color:link hover};
  298. margin:0px; width:35px;
  299. text-transform:uppercase;
  300. }
  301.  
  302. #source {text-align: right}
  303.  
  304.  
  305. #tags {
  306. display:block;
  307. width:500px;
  308. padding-bottom: 2px;
  309. position:absolute;
  310. background-color:transparent;
  311. font-size:10px;
  312. text-transform:lowercase;
  313. text-align:right;
  314. font-style:italic;
  315. font-family:georgia;
  316. {block:ifnotShowTags}
  317. padding-top:3px;
  318. {block:IndexPage}opacity:0;{/block:IndexPage}
  319. {block:PermalinkPage}opacity:1;{/block:PermalinkPage}
  320. {block:IndexPage} margin-top:-20px;{/block:IndexPage}
  321. {block:PermalinkPage}margin-top:10px;{/block:PermalinkPage}
  322. {/block:ifnotShowTags}
  323. {block:ifShowTags}
  324. padding-top:10px;
  325. opacity:1;
  326. margin-top:10;
  327. {/block:ifShowTags}
  328. -webkit-transition: all 0.7s ease-out;
  329. -moz-transition: all 0.7s ease-out;
  330. transition: all 0.7s ease-out;
  331. }
  332.  
  333. #info {
  334. width:70px;
  335. position: absolute;  
  336. margin-top:10px;
  337. font-style:italic;
  338. background-color: transparent;
  339. color:{color:text};
  340. text-align:left;
  341. text-transform: uppercase lowercase;
  342. padding: 3px;  
  343. font-family: georgia;
  344. font-size:10px;
  345. {block:ifnotShowInfo}
  346. {block:IndexPage}margin-left:490px;{/block:IndexPage}
  347. {block:PermalinkPage} margin-left:510px; {/block:PermalinkPage}
  348. {block:IndexPage}opacity:0;{/block:IndexPage}
  349. {block:PermalinkPage} opacity:1; {/block:PermalinkPage}
  350. {/block:ifnotShowInfo}
  351. {block:ifShowInfo}
  352. margin-left:510px;
  353. opacity:1;
  354. {/block:ifShowInfo}
  355. -webkit-transition: all 0.7s ease-out;
  356. -moz-transition: all 0.7s ease-out;
  357. transition: all 0.7s ease-out;
  358. }
  359. #info a:hover  {
  360. color:{color:link hover};
  361. }
  362.  
  363.  
  364.  
  365. @font-face {
  366. font-family: "Dawning of a New Day";
  367. src: url('http://static.tumblr.com/z5o2pr2/656m5ad2r/dawningofanewday.ttf');
  368. }
  369.  
  370. #love {
  371. position:fixed;
  372. width:220px;
  373. height:auto;
  374. overflow:auto;
  375. color:{color:text};
  376. font-family:"Dawning of a New Day";
  377. font-size:{text:title font size}px;
  378. line-height:normal;
  379. letter-spacing:0px;
  380. text-transform:case;
  381. margin-left:0px;
  382. margin-top:17px;
  383. text-align:center;
  384. z-index:0;
  385. -webkit-transition: all 0.7s ease-out;
  386. -moz-transition: all 0.7s ease-out;
  387. transition: all 0.7s ease-out;
  388. text-shadow: 4px 4px 5px #A8A8A8;
  389. filter: dropshadow(color=#A8A8A8, offx=, offy=);
  390. }
  391.  
  392.  
  393. #pagination {
  394. position:fixed;
  395. margin-top:10px;
  396. margin-left:190px;
  397. }
  398. #pagination a {
  399. color: {color:link};
  400. font-family:georgia;
  401. text-align:center;
  402. font-size:45px;
  403. font-weight:lighter;
  404. }
  405.  
  406. #train {
  407. position:fixed;
  408. margin-top:10px;
  409. width: 300px;
  410. {block:ifnotShowLinks}
  411. margin-left: 40px;
  412. opacity:0;
  413. {/block:ifnotShowLinks}
  414. {block:ifShowLinks}
  415. margin-left:-50px;
  416. {/block:ifShowLinks}
  417. -webkit-transition: all .8s ease-in-out;
  418. -moz-transition: all .8s ease-in-out;
  419. -o-transition: all .8s ease-in-out;
  420.  
  421. }
  422. {block:ifnotShowLinks}
  423. .description:hover #train {
  424. margin-left:-50px;
  425. -webkit-transition: all .8s ease-in-out;
  426. -moz-transition: all .8s ease-in-out;
  427. -o-transition: all .8s ease-in-out;
  428. opacity:1;
  429. }
  430. {/block:ifnotShowLinks}
  431. #effie a {
  432. width:20px;
  433. height:10px;
  434.  
  435. color:{color:nav link};
  436. background-color:{color:nav link};
  437. margin-bottom:2px;
  438. margin-left:20px;
  439. font-family:{font:body};
  440. font-size:10px;
  441. line-height:10px;
  442. overflow:hidden;
  443. display: list-item;
  444. text-align:left;
  445. padding:3px;
  446. text-transform:lowercase;
  447. font-style:italic;
  448. -webkit-transition: all 0.7s ease-out;
  449. -moz-transition: all 0.7s ease-out;
  450. transition: all 0.7s ease-out;
  451. }
  452.  
  453.  
  454. #effie a:hover {
  455. font-size:10px;
  456. width:40px;
  457. color:{color:background};
  458. background-color:{color:nav link hover};
  459. padding-left:20px;
  460. padding-right:20px;
  461. font-style:italic;
  462. }
  463.  
  464.  
  465. #leftarrow{position: fixed; top: 45%; left: 20px; width: 30px; font-size: 75px; z-index: 2; line-height: 75px}
  466. #leftarrow a{color:{color:Nav Link 1}; font-size: 75px!important}
  467. #leftarrow a:hover{color:{color:Nav Link 1};}
  468. #rightarrow{position: fixed; top: 45%; right: 30px; width: 30px; font-size: 75 z-index: 2; line-height: 75px}
  469. #rightarrow a{color:{color:Nav Link 2}; font-size: 75px!important}
  470. #rightarrow a:hover{color:{color:Nav Link 1};}
  471.  
  472. #credit {
  473. position:fixed;
  474. width:auto;
  475. right:2px;
  476. bottom:3px;
  477. line-height:5px;
  478. letter-spacing:0px;
  479. font:10px georgia;
  480. color: {color:text};
  481. text-transform:lowercase;
  482. font-style:italic;
  483. }
  484.  
  485. #question {
  486. display: block;
  487. margin-left: 0px;
  488. background-color: {color:question background};
  489. padding: 6px;
  490. overflow: hidden;  
  491. color: {color:text};
  492. }
  493.  
  494. .response {
  495. padding: 3px; display: block;
  496. background-color:{color:entry};
  497. }
  498. .asked {
  499. display: block;
  500. margin-left: 35px;
  501. margin-top : 0px;  
  502. line-height: 5px;
  503. font-style: none;
  504. color: {color:link};
  505. height: 16px;
  506. text-align: left;
  507. text-shadow: 1px 1px 1px # 59493rd;
  508. line-height: 18px ;
  509. text-transform: lowercase;
  510. }
  511. .asked a {
  512. color: {color:link};
  513. }
  514. .arrow {
  515. font-family:arial;
  516. font-size:20px;
  517. position: absolute;  
  518. margin-left: 15px;
  519. margin-top: 0px;
  520. color:{color:question background}
  521. }
  522.  
  523.  
  524.  
  525. blockquote {
  526. border-left:1px {color:text} dotted;
  527. padding-left:5px;
  528. margin:0px 2px 0px 10px
  529. }
  530. blockquote img, blockquote a img { max-width: 490px}
  531.  
  532. b, strong{
  533. color:{color:title}
  534. }
  535. i, em {
  536. color:{color:link hover};
  537. }
  538. p{
  539. margin-top:3px; margin-bottom:3px
  540. }
  541.  
  542. img a{border:none; width:100%}
  543.  
  544.  
  545. .user_1 .label {color:{color:link}; font-weight:bold}
  546. .user_2 .label {color:{color:text}; font-weight:bold}
  547. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  548.  
  549. .notes img{
  550. background-color: #bebebe;
  551. width:10px;
  552. position:relative;
  553. top:1px;
  554. }
  555. ol.notes, .notes li{
  556. list-style:none;
  557. margin:0px;
  558. padding:0px;
  559. }
  560. random text{
  561. background-color:transparent!important;
  562. }
  563.  
  564. .albumart{
  565. width:110px; height:110px;
  566. position:relative;
  567. background-image:url('http://static.tumblr.com/z5o2pr2/f6Bm6eu6g/audio.png');
  568. }
  569. .albumart img{
  570. width:110px;
  571. }
  572. .albumart:hover .audio {
  573. -webkit-transform: rotate(360deg);
  574. }
  575. .audio_back{
  576. background-color:#fff;
  577. width:48px;
  578. height:48px;
  579. position:relative;
  580. margin-top:-38px;
  581. margin-left:30px;
  582. opacity: 1;
  583. -webkit-transition: all 0.7s ease-out;
  584. -moz-transition: all 0.7s ease-out;
  585. transition: all 0.7s ease-out;
  586. }
  587.  
  588. .audio_back:hover {
  589. -webkit-transform: rotate(360deg);
  590. }
  591.  
  592. .audio{
  593. width:28px;
  594. height:28px;
  595. overflow:hidden;
  596. position:relative;
  597. margin-top:-70px;
  598. margin-left:40px;
  599. z-index:3;
  600. }
  601.  
  602. .awrap{
  603. width:110;
  604. height:110;
  605. float:left;
  606. }
  607.  
  608. .ainfo{
  609. float:right;
  610. text-align:left;
  611. width:385px;
  612. }
  613.  
  614.  
  615. </style>
  616. <style type="text/css">{CustomCSS}</style>
  617. </head>
  618.  
  619. <body>
  620.  
  621.  
  622. {block:Pagination}
  623. {block:PreviousPage}<div id="leftarrow"><a href="{PreviousPage}">&laquo;</a></div>{/block:PreviousPage}
  624. {block:NextPage}<div id="rightarrow"><a href="{NextPage}">&raquo;</a></div>{/block:NextPage}
  625. {/block:Pagination}
  626.  
  627. <div class="description">
  628. <div id="sidebar">
  629. <div class="hovert">HOVER</div>
  630. <div class="mockingjay">{description}</div>
  631. <div id="sidebarimg">
  632. <div id="love"><a href="/"><font color="{color:background}">{title}</a></font></div>
  633. <img src="{image:sidebar}"/>
  634.  
  635.  
  636. </div>
  637.  
  638. </div>
  639. <div id="train">
  640. <div id="effie">
  641. <a href="/">home</a>
  642. {block:AskEnabled}<a href="/ask">ask</a>{/block:AskEnabled}
  643. {block:IfLinkOne}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOne}
  644. {block:IfLinkTwo}<a href="{text:link Two}">{text:link two name}</a>{/block:IfLinkTwo}
  645. {block:IfLinkThree}<a href="{text:link three}">{text:link three name}</a>{/block:IfLinkThree}
  646. {block:IfLinkFour}<a href="{text:link four}">{text:link four name}</a>{/block:IfLinkFour}
  647. {block:IfLinkFive}<a href="{text:link five}">{text:link five name}</a>{/block:IfLinkFive}
  648. {block:IfLinkSix}<a href="{text:link six}">{text:link six name}</a>{/block:IfLinkSix}
  649. {block:IfLinkSeven}<a href="{text:link seven}">{text:link Seven name}</a>{/block:IfLinkSeven}
  650. </div>
  651. </div>
  652.  
  653.    
  654. </div>
  655.  
  656. <div id="credit"><a target="blank" href="http://pevensied.tumblr.com/"><font color="{color:text}">theme by pevensied</a></font></div>
  657.  
  658. <div id="container">
  659. <div id="entries">
  660.  
  661. {block:Posts}
  662. <div id="posts">
  663.  
  664. {block:date}
  665. <div id="info">
  666. <div align="center">
  667. <a href="{permalink}">{TimeAgo}</a><br>
  668. {NoteCount} notes <br><br>
  669. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>
  670. {block:ContentSource}<a href="{SourceURL}" title="source {ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>{block:ContentSource}{/block:RebloggedFrom}
  671. {/block:ContentSource}
  672.  
  673. </div>
  674. </div>
  675. {/block:date}
  676.  
  677.  
  678. {block:Title}<h1>{title}&nbsp;</h1>{/block:Title}
  679. {block:Text}{Body}{/block:Text}
  680.  
  681. {block:Quote}<h2>“{quote}”</h2>{/block:Quote}
  682. {block:Source}<center><div class="source">— {Source}</div></center>{/block:Source}
  683.  
  684. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  685. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  686.  
  687. {block:Photo}<div class="trans">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  688. {block:Photoset}<center><div class="trans">{Photoset-500}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  689.  
  690. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  691. {/block:Chat}
  692.  
  693. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  694. {block:Answer}
  695. <div id="question">
  696. <img src="{AskerPortraitURL-30}" width="30px" class="askerimg"> {Asker} asked:
  697. {Question}</div>
  698. <div class="response">{Answer}</div>
  699. {/block:Answer}
  700.  
  701.  
  702.  {block:Audio}
  703. <div style="min-height:110px;">
  704. <div class="awrap">
  705. <div class="albumart">
  706. {block:AlbumArt}
  707. <img src="{AlbumArtURL}">
  708. {/block:AlbumArt}
  709. </div>
  710. <div class="audio">{AudioPlayerWhite}</div>
  711. <div class="audio_back"></div>
  712. </div>
  713. <div class="ainfo">
  714. <h3>Plays:</h3>{FormattedPlayCount}
  715. {block:Artist}
  716. <br><h3>Artist:</h3>{Artist}
  717. {/block:Artist}
  718. {block:Album}<br><h3>Album:</h3>{Album}{/block:Album}<br>
  719. {block:caption}{caption}{/block:caption}
  720. </div>
  721. </div>{/block:Audio}
  722.  
  723. <div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  724.  
  725. <div class="info"></div>
  726. </div>
  727. {/block:Posts}
  728. {block:PostNotes}{PostNotes}{/block:PostNotes}
  729.  
  730. </div>
  731. </div>
  732. </body>
  733. </html>
create a new version of this paste RAW Paste Data