Advertisement
alithegreat

AGLEERPH | #14 | LOVELESS

May 27th, 2016
397
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.25 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!----
  16.  
  17. agleerph / #14: loveless.
  18.  
  19. --->
  20.  
  21. <meta name="image:Sidebar" content=""/>
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Pattern" content=""/>
  24.  
  25. <meta name="color:Pattern Alt" content=""/>
  26. <meta name="color:Background" content=""/>
  27. <meta name="color:Blockquote" content=""/>
  28. <meta name="color:Border" content=""/>
  29. <meta name="color:Entries" content=""/>
  30. <meta name="color:Link" content=""/>
  31. <meta name="color:Navigation" content=""/>
  32. <meta name="color:Navigation Hover" content=""/>
  33. <meta name="color:Navigation Links" content=""/>
  34. <meta name="color:Pre BG" content=""/>
  35. <meta name="color:Pre Border" content=""/>
  36. <meta name="color:Pre Text" content=""/>
  37. <meta name="color:Question1" content=""/>
  38. <meta name="color:Question2" content=""/>
  39. <meta name="color:Scrollbar1" content=""/>
  40. <meta name="color:Scrollbar2" content=""/>
  41. <meta name="color:Sidebar" content=""/>
  42. <meta name="color:Tab Background" content=""/>
  43. <meta name="color:Tab Text" content=""/>
  44. <meta name="color:Text" content=""/>
  45. <meta name="color:Title" content=""/>
  46.  
  47. <meta name="text:nav tab description" content="/"/>
  48.  
  49. <meta name="text:link one URL" content="/"/>
  50. <meta name="text:link one text" content="link one text"/>
  51. <meta name="text:link two URL" content="/"/>
  52. <meta name="text:link two text" content="link two text"/>
  53. <meta name="text:link three URL" content="/"/>
  54. <meta name="text:link three text" content="link three text"/>
  55. <meta name="text:link four URL" content="/"/>
  56. <meta name="text:link four text" content="link four text"/>
  57. <meta name="text:link five URL" content="/"/>
  58. <meta name="text:link five text" content="link five text"/>
  59.  
  60. <meta name="text:main title" content="this is your main title"/>
  61. <meta name="text:subtitle" content="this is your subtitle"/>
  62.  
  63. <style type="text/css">
  64.  
  65.  
  66. ::-webkit-scrollbar-thumb {
  67. height:auto;
  68. background-color:{color:Scrollbar2};
  69. }
  70.  
  71. ::-webkit-scrollbar {
  72. height:3px;
  73. width:3px;
  74. background-color:{color:Scrollbar1};
  75. }
  76.  
  77.  
  78. body {
  79. background: {color:Background};
  80. font-family: cambria;
  81. font-size: 10px;
  82. line-height:14px;
  83. color: {color:Text};
  84. background-image:url('{image:Background}');
  85. background-attachment:fixed;
  86.  
  87. }
  88.  
  89. blockquote {
  90. border-left:1px solid {color:blockquote};
  91. padding: 2px 10px;
  92. margin: 10px;
  93. }
  94.  
  95.  
  96. li {
  97. padding-left: 1.2em;
  98. list-style: none;
  99. }
  100.  
  101. li:before {
  102. color: {color:title};
  103. content: "\f105";
  104. font-family: FontAwesome;
  105. font-size:10px;
  106. display: inline-block;
  107. margin-left: -1.2em;
  108. width: 1.2em;
  109. }
  110.  
  111.  
  112. a {
  113. text-decoration: none;
  114. color: {color:Link};
  115. }
  116.  
  117. pre {
  118. font-family:cambria;
  119. font-size:9px;
  120. padding:5px;
  121. text-transform:uppercase;
  122. border-bottom:1px solid {color:Pre Border};
  123. text-align:center;
  124. color:{color:Pre Text};
  125. background-color:{color:Pre BG};
  126. word-wrap:break-word;
  127. }
  128.  
  129. pre a {
  130. color:{color:pre text};
  131. }
  132.  
  133. pre b,strong {
  134. color:{color:pre text};
  135. }
  136.  
  137. pre i,em {
  138. color:{color:pre text};
  139. }
  140.  
  141.  
  142. small, sub {
  143. font-size:10px;
  144. }
  145.  
  146. b, strong {
  147. color:{color:Title};
  148. }
  149.  
  150. #topbar {
  151. position:fixed;
  152. margin-left:20px;
  153. margin-top:529px;
  154. border:1px solid {color:border};
  155. background-color:{color:sidebar};
  156. width:380px;
  157. height:29px;
  158. padding:10px;
  159. }
  160.  
  161. #main {
  162. font-size:18px;
  163. font-weight:300px;
  164. text-transform:lowercase;
  165. text-align:right;
  166. color:{color:title};
  167. }
  168.  
  169. #sub {
  170. text-transform:lowercase;
  171. font-size:10px;
  172. text-align:right;
  173. color:{color:text};
  174. }
  175.  
  176. #sidephoto {
  177. position:fixed;
  178. margin-left:24px;
  179. margin-top:24px;
  180. border:1px solid {color:border};
  181. width:180px;
  182. height:500px;
  183. }
  184.  
  185. #backbar {
  186. position:fixed;
  187. margin-left:20px;
  188. margin-top:20px;
  189. width:400px;
  190. height:508px;
  191. border:1px solid {color:border};
  192. background-image:url('{image:Pattern}');
  193. background-color:{color:pattern alt};
  194. background-attachment:fixed;
  195. }
  196.  
  197. #sidebar {
  198. position:fixed;
  199. margin-top:24px;
  200. margin-left:209px;
  201. border:1px solid {color:border};
  202. width:207px;
  203. height:417px;
  204. background-color:{color:Sidebar};
  205. padding:0px;
  206. line-height:12px;
  207. text-align:justify;
  208. }
  209.  
  210. #tabbar {
  211. width:auto;
  212.  
  213. }
  214.  
  215. #pagination {
  216. margin-top:15px;
  217. font-size:14px;
  218. font-family:cambria;
  219. letter-spacing:0px;
  220. line-height:16px;
  221. text-align:center;
  222. text-transform:lowercase;
  223. color:{color:text};
  224. }
  225.  
  226. #pagination a {
  227. color:{color:link};
  228. }
  229.  
  230. #navbar {
  231. margin-left:209px;
  232. margin-top:446px;
  233. width:207px;
  234. background-color:{color:sidebar};
  235. border:1px solid {color:border};
  236. height:78px;
  237. position:fixed;
  238. }
  239.  
  240. #navigation {
  241. margin-top:3px;
  242. text-align:center;
  243. }
  244.  
  245. #navigation a {
  246. display:inline-block;
  247. text-align:center;
  248. width:63.5px;
  249. height:70px;
  250. line-height:71px;
  251. text-transform:lowercase;
  252. font-family:cambria;
  253. font-size:9px;
  254. margin-bottom:3px;
  255. border:1px solid {color:border};
  256. background-color:{color:navigation};
  257. color:{color:navigation links};
  258. -webkit-transition: all 0.5s ease-in-out;
  259. -moz-transition: all 0.5s ease-in-out;
  260. -o-transition: all 0.5s ease-in-out;
  261. }
  262.  
  263. #navigation a:hover {
  264. color:{color:navigation hover};
  265. -webkit-transition: all 0.5s ease-in-out;
  266. -moz-transition: all 0.5s ease-in-out;
  267. -o-transition: all 0.5s ease-in-out;
  268. }
  269.  
  270. #entries {
  271. position:absolute;
  272. width:528px;
  273. margin-left:520px;
  274. padding:0px;
  275. margin-top:30px;
  276. }
  277.  
  278. #entrybg {
  279. padding:3px;
  280. margin-bottom:20px;
  281. background-color:{color:pattern alt};
  282. border:1px solid {color:Border};
  283. background-image:url('{image:Pattern}');
  284. background-attachment:absolute;
  285. }
  286.  
  287. #entry {
  288. background-color:{color:Entries};
  289. margin-bottom:0px;
  290. padding:8px;
  291. border:1px solid {color:Border};
  292. }
  293.  
  294.  
  295. #posttitles {
  296. text-align: center;
  297. font-size: 14px;
  298. line-height:130%;
  299. text-transform:uppercase;
  300. font-family:cambria;
  301. font-weight:300;
  302. padding:0px;
  303. color: {color:title};
  304. }
  305.  
  306.  
  307. #posttitles a {
  308. color:{color:title};
  309. }
  310.  
  311. #ask {
  312. z-index:10;
  313. font-family:cambria;
  314. font-size:16px;
  315. text-align:center;
  316. text-transform:lowercase;
  317. color:{color:question2};
  318. background-color:{color:question1};
  319. margin-right:0px;
  320. padding:10px;
  321. padding-left:10px;
  322. border-bottom:1px solid {color:text};
  323. }
  324.  
  325. #ask a {
  326. color:{color:question2};
  327. }
  328.  
  329.  
  330. #question {
  331. background-color:{color:Question1};
  332. color:{color:Question2};
  333. font-size:10px;
  334. z-index:10;
  335. text-align:center;
  336. padding:10px;
  337. }
  338.  
  339. .playerbuttonbg {
  340. position: absolute;
  341. left: 20px;
  342. top: 20px;
  343. width: 19px;
  344. height: 19px;
  345. background-color: #ffffff;
  346. padding: 10px;
  347. -webkit-border-radius: 40px;
  348. -moz-border-radius: 40px;
  349. border-radius: 40px;
  350. opacity: .4;
  351. filter: alpha(opacity=40);
  352. opacity: 0.4;
  353. -khtml-opacity: 0.4;
  354. transition: opacity .7s ease-in-out;
  355. -moz-transition: opacity .7s ease-in-out;
  356. -webkit-transition: opacity .7s ease-in-out;
  357. }
  358.  
  359. .playerbuttonbg:hover {
  360. opacity: 1;
  361. filter: alpha(opacity=100);
  362. -moz-opacity: 1;
  363. -khtml-opacity: 1;
  364. }
  365.  
  366. .newplayerbutton {
  367. position: relative;
  368. width: 19px;
  369. height: 19px;
  370. overflow: hidden;
  371. }
  372.  
  373. .playerbuttonhug {
  374. position: absolute;
  375. top: -18px;
  376. left: -7px;
  377. }
  378.  
  379. .tumblr_audio_player {
  380. height: 90px;
  381. width: 270px;
  382. -moz-transform: scale(0.60, 0.60);
  383. -webkit-transform: scale(0.60, 0.60);
  384. -o-transform: scale(0.60, 0.60);
  385. -ms-transform: scale(0.60, 0.60);
  386. transform: scale(0.60, 0.60);
  387. -moz-transform-origin: top left;
  388. -webkit-transform-origin: top left;
  389. -o-transform-origin: top left;
  390. -ms-transform-origin: top left;
  391. transform-origin: top left;
  392. }
  393.  
  394. .audioimgwrapper {
  395. position: absolute;
  396. left: 0px;
  397. top: 0px;
  398. -webkit-border-radius: 40px;
  399. -moz-border-radius: 40px;
  400. border-radius: 40px;
  401. overflow: hidden;
  402. width: 79px;
  403. height: 79px;
  404. }
  405.  
  406. .audioimgwrapper img {
  407. width: 100%;
  408. height: auto;
  409. -webkit-border-radius: 40px;
  410. -moz-border-radius: 40px;
  411. border-radius: 40px;
  412. }
  413.  
  414. .trackdetails {
  415. width: auto;
  416. display:inline-block;
  417. margin-left: 90px;
  418. min-height: 85px;
  419. }
  420.  
  421. .audiowrapper {
  422. position: relative;
  423. display:inline-block;
  424. }
  425.  
  426. #permalink {
  427. text-align: right;
  428. border-top: 1px solid {color:Border};
  429. border-bottom:1px solid {color:Border};
  430. background-color:{color:entries};
  431. position: relative;
  432. font-size:9px;
  433. letter-spacing:0px;
  434. text-transform:lowercase;
  435. font-family:cambria;
  436. margin-top: 3px;
  437. margin-left:-3px;
  438. margin-right:-3px;
  439. padding-right:10px;
  440. padding-bottom:5px;
  441. padding-top: 5px;
  442. }
  443.  
  444. /* tabs from http://tympanus.net/ */
  445.  
  446. .tabs {
  447. position: relative;
  448. margin-left:3px;
  449. margin-top:3px;
  450. width:214px;
  451. }
  452.  
  453. .tabs input {
  454. position: absolute;
  455. z-index: 1000;
  456. width: 125px;
  457. height: 10px;
  458. left: 0px;
  459. top: 0px;
  460. opacity: 0;
  461. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  462. filter: alpha(opacity=0);
  463. cursor: pointer;
  464. }
  465. .tabs input#tab-2{
  466. left: 80px;
  467. }
  468. .tabs input#tab-3{
  469. left: 120px;
  470. }
  471. .tabs input#tab-4{
  472. left: 360px;
  473. }
  474.  
  475. .tabs label {
  476. margin-top:0px;
  477. line-height: 25px;
  478. height: 25px;
  479. position: relative;
  480. padding:5px;
  481. float: left;
  482. display: block;
  483. margin-right:3px;
  484. width: 87px;
  485. color: {color:tab text};
  486. font-family:cambria;
  487. text-transform:lowercase;
  488. font-size:9px;
  489. letter-spacing:0px;
  490. top: 0px;
  491. border-top:1px solid {color:border};
  492. border-right:1px solid {color:border};
  493. border-left:1px solid {color:border};
  494. border-bottom:1px solid {color:border};
  495. text-align: center;
  496. background-color:{color:tab background};
  497. }
  498.  
  499. .tabs label:after {
  500. webkit-transition: top linear 0.2s;
  501. -moz-transition: top linear 0.2s;
  502. -o-transition: top linear 0.2s;
  503. -ms-transition: top linear 0.2s;
  504. transition: top linear 0.2s;
  505. }
  506.  
  507. .tabs input:hover + label {
  508. -webkit-transition: top linear 0.2s;
  509. -moz-transition: top linear 0.2s;
  510. -o-transition: top linear 0.2s;
  511. -ms-transition: top linear 0.2s;
  512. transition: top linear 0.2s;
  513. }
  514. .tabs input:hover + label:after{
  515. webkit-transition: top linear 0.2s;
  516. -moz-transition: top linear 0.2s;
  517. -o-transition: top linear 0.2s;
  518. -ms-transition: top linear 0.2s;
  519. transition: top linear 0.2s;
  520. }
  521. .tabs input:hover + label ~ .clear-shadow {
  522. -webkit-transition: top linear 0.2s;
  523. -moz-transition: top linear 0.2s;
  524. -o-transition: top linear 0.2s;
  525. -ms-transition: top linear 0.2s;
  526. transition: top linear 0.2s;
  527. }
  528.  
  529. .tabs input:checked:hover + label {
  530. webkit-transition: top linear 0.2s;
  531. -moz-transition: top linear 0.2s;
  532. -o-transition: top linear 0.2s;
  533. -ms-transition: top linear 0.2s;
  534. transition: top linear 0.2s;
  535. }
  536. .tabs input:checked:hover + label:after{
  537. webkit-transition: top linear 0.2s;
  538. -moz-transition: top linear 0.2s;
  539. -o-transition: top linear 0.2s;
  540. -ms-transition: top linear 0.2s;
  541. transition: top linear 0.2s;
  542. }
  543. .tabs input:checked:hover + label ~ .clear-shadow {
  544. -webkit-transition: none;
  545. -moz-transition: none;
  546. -o-transition: none;
  547. -ms-transition: none;
  548. transition: none;
  549. }
  550.  
  551. .tabs input.tab-selector-1:hover + label.tab-label-1 ~ .clear-shadow{
  552. z-index: 3;
  553. }
  554.  
  555. .tabs input.tab-selector-2:hover + label.tab-label-2 ~ .clear-shadow {
  556. z-index: 2;
  557. }
  558.  
  559. .tabs input.tab-selector-3:hover + label.tab-label-3 ~ .clear-shadow {
  560. z-index: 1;
  561. }
  562.  
  563. .tabs input.tab-selector-4:hover + label.tab-label-4 ~ .clear-shadow {
  564. z-index: 0;
  565. }
  566. .tabs label:first-of-type {
  567. z-index: 4;
  568. }
  569.  
  570. .tab-label-2 {
  571. z-index: 3;
  572. }
  573.  
  574. .tab-label-3 {
  575. z-index: 2;
  576. }
  577.  
  578. .tab-label-4 {
  579. z-index: 1;
  580. }
  581.  
  582. .tabs input:checked + label {
  583. webkit-transition: top linear 0.2s;
  584. -moz-transition: top linear 0.2s;
  585. -o-transition: top linear 0.2s;
  586. -ms-transition: top linear 0.2s;
  587. transition: top linear 0.2s;
  588. }
  589.  
  590. .clear-shadow {
  591. position: relative;
  592. top: 0;
  593. height: 10px;
  594. margin-bottom: -10px;
  595. clear: both;
  596. z-index: -2;
  597. }
  598.  
  599. .content {
  600. background-color: transparent;
  601. position: relative;
  602. height: 330px;
  603. overflow:auto;
  604. width:200px;
  605. margin-top:5px;
  606. z-index: 5;
  607. }
  608.  
  609. .content div {
  610. position: absolute;
  611. top:0;
  612. left:0;
  613. bottom: 100%;
  614. overflow: auto;
  615. padding-left:5px;
  616. padding-top:5px;
  617. padding-bottom:5px;
  618. padding-right:5px;
  619. z-index: 1;
  620. opacity: 0;
  621. -webkit-transition: all linear 0.1s;
  622. -moz-transition: all linear 0.1s;
  623. -o-transition: all linear 0.1s;
  624. -ms-transition: all linear 0.1s;
  625. transition: all linear 0.1s;
  626. }
  627.  
  628. .tabs input.tab-selector-1:checked ~ .content .content-1,
  629. .tabs input.tab-selector-2:checked ~ .content .content-2,
  630. .tabs input.tab-selector-3:checked ~ .content .content-3,
  631. .tabs input.tab-selector-4:checked ~ .content .content-4 {
  632. bottom: 0px;
  633. z-index: 100;
  634. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  635. filter: alpha(opacity=100);
  636. opacity: 1;
  637. -webkit-transition: all ease-out 0.2s 0.2s;
  638. -moz-transition: all ease-out 0.2s 0.2s;
  639. -o-transition: all ease-out 0.2s 0.2s;
  640. -ms-transition: all ease-out 0.2s 0.2s;
  641. transition: all ease-out 0.2s 0.2s;
  642. }
  643.  
  644. .content gencontent {
  645. text-align:justify;
  646. display:block;
  647. padding-left:5px;
  648. padding-right:5px;
  649. line-height:12px;
  650. }
  651.  
  652. .content navinfo {
  653. display:block;
  654. text-align:justify;
  655. padding-left:10px;
  656. padding-right:10px;
  657. margin-bottom:10px;
  658. }
  659.  
  660. .content tabnav {
  661. margin-top:0px;
  662. text-align:center;
  663. }
  664.  
  665. .content tabnav a {
  666. display:inline-block;
  667. text-align:center;
  668. width:188px;
  669. height:30px;
  670. line-height:30px;
  671. text-transform:lowercase;
  672. font-family:cambria;
  673. font-size:9px;
  674. margin-bottom:3px;
  675. border:1px solid {color:border};
  676. background-color:{color:navigation};
  677. color:{color:navigation links};
  678. -webkit-transition: all 0.5s ease-in-out;
  679. -moz-transition: all 0.5s ease-in-out;
  680. -o-transition: all 0.5s ease-in-out;
  681. }
  682.  
  683. .content tabnav a:hover {
  684. color:{color:navigation hover};
  685. -webkit-transition: all 0.5s ease-in-out;
  686. -moz-transition: all 0.5s ease-in-out;
  687. -o-transition: all 0.5s ease-in-out;
  688. }
  689.  
  690. #credit {
  691. font-size:10px;
  692. float:center;
  693. position:fixed;
  694. font-family:cambria;
  695. bottom:15px;
  696. right:15px;
  697. padding:5px;
  698. text-transform:lowercase;
  699. border:1px solid {color:border};
  700. background-color:{color:entries};
  701. color:{color:title};
  702. }
  703.  
  704. #credit a {
  705. color:{color:title};
  706. }
  707.  
  708. cred {
  709. padding-left: 1.2em;
  710. list-style: none;
  711. }
  712.  
  713. cred:before {
  714. color: {color:title};
  715. content: "\f105";
  716. font-family: FontAwesome;
  717. font-size:10px;
  718. display: inline-block;
  719. margin-left: -1.2em;
  720. width: 1.2em;
  721. }
  722.  
  723.  
  724. </style>
  725.  
  726. </head>
  727.  
  728. <body>
  729.  
  730. <div id="backbar"></div>
  731.  
  732. <div id="sidephoto"><img src="{image:Sidebar}"></div>
  733.  
  734. <div id="sidebar">
  735.  
  736. <div id="tabbar">
  737.  
  738. <section class="tabs">
  739. <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
  740. <label for="tab-1" class="tab-label-1">about.</label>
  741.  
  742. <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
  743. <label for="tab-2" class="tab-label-2">navigation.</label>
  744.  
  745. <div class="clear-shadow"></div>
  746.  
  747. <div class="content">
  748.  
  749. <div class="content-1">
  750.  
  751. <gencontent>{description}</gencontent>
  752.  
  753. </div>
  754.  
  755. <div class="content-2">
  756.  
  757. <navinfo>
  758. {text:nav tab description}
  759. </navinfo>
  760.  
  761. <tabnav>
  762. <a href="{text:link one url}">{text:link one text}</a><br>
  763. <a href="{text:link two url}">{text:link two text}</a><br>
  764. <a href="{text:link three url}">{text:link three text}</a><br>
  765. <a href="{text:link four url}">{text:link four text}</a><br>
  766. <a href="{text:link five url}">{text:link five text}</a>
  767. </tabnav>
  768.  
  769. </div>
  770.  
  771. </section>
  772.  
  773. </div>
  774.  
  775. <div id="pagination">
  776. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {CurrentPage} out of {TotalPages} {block:NextPage}&nbsp;<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  777. </div>
  778. </div>
  779.  
  780. <div id="navbar">
  781. <div id="navigation">
  782. <a href="/">home.</a>
  783. <a href="/ask">ask.</a>
  784. <a href="archive">archive.</a>
  785. </div>
  786. </div>
  787.  
  788. <div id="topbar">
  789. <div id="main">{text:main title}</div>
  790. <div id="sub">{text:subtitle}</div>
  791. </div>
  792.  
  793. <div id="entries">
  794. {block:Posts}
  795. <div id="entrybg">
  796. <div id="entry">
  797.  
  798.  
  799. {block:Text}
  800. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  801. {Body}
  802. {/block:Text}
  803.  
  804. {block:Photo}
  805. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  806. {block:Caption}{Caption}{/block:Caption}
  807. {/block:Photo}
  808.  
  809. {block:Photoset}
  810. {Photoset-500}
  811. {block:Caption}{Caption}{/block:Caption}
  812. {/block:Photoset}
  813.  
  814. {block:Quote}
  815. <div id="posttitles">{Quote}</div>
  816. {block:Source}<br>—{Source}{/block:Source}
  817. {/block:Quote}
  818.  
  819. {block:Link}
  820. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  821. {block:Description}{Description}{/block:Description}
  822. {/block:Link}
  823.  
  824. {block:Chat}
  825. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  826. {block:Lines}
  827. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  828. {/block:Lines}
  829. {/block:Chat}
  830.  
  831. {block:Audio}{block:AudioPlayer}
  832. <div class="audiowrapper">
  833. {block:AlbumArt}
  834. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  835. {/block:AlbumArt}
  836.  
  837. <div class="playerbuttonbg">
  838. <div class="newplayerbutton">
  839. <div class="playerbuttonhug">
  840.  
  841. {AudioPlayerWhite}
  842.  
  843. </div>
  844. </div>
  845. </div>
  846.  
  847. <div class="trackdetails">
  848.  
  849. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  850. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  851. {block:Album}Album: {Album}{/block:Album}<br/>
  852. {PlayCountWithLabel}
  853.  
  854. </div>
  855. </div>
  856. {/block:AudioPlayer}
  857.  
  858. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  859.  
  860. {block:Video}
  861. {Video-500}
  862. {block:Caption}{Caption}{/block:Caption}
  863. {/block:Video}
  864.  
  865. {block:Answer}
  866. <div id="ask">{Asker} sent:</div><div id="question">{Question}</div>
  867. <br>{Answer}
  868. {/block:Answer}
  869.  
  870.  
  871.  
  872.  
  873.  
  874.  
  875. </div> <!-- /div entry ---><div id="permalink">
  876. {block:Date}{TimeAgo}{/block:Date} & <a href="{Permalink}">
  877. {NoteCountWithLabel}</a> & <a href="{ReblogURL}" target="_blank">Reblog</a>
  878.  
  879. {block:RebloggedFrom} & <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}
  880.  
  881. <br>{block:HasTags} {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  882. </div> </div>
  883.  
  884. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  885.  
  886. <div id="credit"> <a href="http://agleerph.tumblr.com/" title="theme 14 by agleerph"><cred>agleerph</cred></a></div>
  887.  
  888. </body>
  889.  
  890. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement