API tools faq
paste
Advertisement
themesbychloe

35

themesbychloe
Jun 20th, 2013
1,513
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.85 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme made by parised, don't remove the credit
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10.  
  11.  
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15.  
  16. <!--DEFAULT VARIABLES-->
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  18. <meta name="color:background" content="#fff"/>
  19. <meta name="color:link1" content="#FC3C5C"/>
  20. <meta name="color:link2" content="#C27682"/>
  21. <meta name="color:link3" content="#FF7293"/>
  22. <meta name="color:link4" content="#eee"/>
  23. <meta name="color:link5" content="#ddd"/>
  24. <meta name="color:link" content="#777"/>
  25. <meta name="color:text" content="#777"/>
  26. <meta name="color:title" content="#333"/>
  27. <meta name="color:hover" content="#fff"/>
  28. <meta name="color:scrollbar" content="#ddd"/>
  29. <meta name="color:blockquote" content="#7c5c6f"/>
  30. <meta name="image:sidebar" content="1"/>
  31. <meta name="image:background" content="1"/>
  32. <meta name="text:link one" content="" />
  33. <meta name="text:link one title" content="" />
  34. <meta name="text:link two" content="" />
  35. <meta name="text:link two title" content="" />
  36. <meta name="text:link three" content="" />
  37. <meta name="text:link three title" content="" />
  38. <meta name="text:link four" content="" />
  39. <meta name="text:link four title" content="" />
  40. <meta name="text:link five" content="" />
  41. <meta name="text:link five title" content="" />
  42.  
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48.  
  49. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  50. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-left: 1px solid
  51. #eee; border-right: 1px solid #eee; }
  52.  
  53.  
  54. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  55.  
  56. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  57.  
  58. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  59.  
  60. p {
  61. margin:0px;
  62. margin-top:0px;
  63. }
  64.  
  65.  
  66. body {
  67. padding: 0px;
  68. margin: 0px;
  69. color:{color:text};
  70. font-family: calibri;
  71. line-height:10px;
  72. font-size:8px;
  73. text-transform:uppercase;
  74. letter-spacing:1px;
  75. background-color: {color:Background};
  76. background-image:url({image:Background});
  77. background-attachment: fixed;
  78. background-repeat: repeat;
  79. }
  80.  
  81.  
  82. a:link, a:active, a:visited{
  83. text-decoration: none;
  84. -webkit-transition: color 0.3s ease-out;
  85. -moz-transition: color 0.3s ease-out;
  86. transition: color 0.3s ease-out;
  87. color:{color:link};
  88. }
  89.  
  90. a:hover {
  91. text-decoration: none;
  92. font-style:;
  93. color: {color:Hover};
  94. }
  95.  
  96. div#center{
  97. margin:auto;
  98. position:relative;
  99. width:1200px;
  100. background-color:;
  101. overflow:auto;
  102. overflow-y:hidden;
  103. }
  104.  
  105.  
  106. .entry {
  107. opacity:0.7;
  108. float:left;
  109. display: block;
  110. margin:10px;
  111. overflow:hidden;
  112. width:220px;
  113. padding:10px;
  114. border:1px solid #f5f5f5;
  115. {block:PermalinkPage}
  116. width:450px;
  117. text-align:left;
  118. line-height:10px;
  119. {/block:PermalinkPage}
  120. background:white;
  121. background-image:URL();
  122. -webkit-transition: all .7s ease;
  123. -moz-transition: all .7s ease;
  124. -o-transition: all .7s ease;
  125. transition: all .7s ease;
  126. }
  127.  
  128. .entry:hover{
  129. opacity:1;
  130. -webkit-transition: all .7s ease;
  131. -moz-transition: all .7s ease;
  132. -o-transition: all .7s ease;
  133. transition: all .7s ease;
  134. }
  135.  
  136.  
  137.  
  138. img {
  139. display:block;
  140. }
  141.  
  142.  
  143.  
  144. .entry .perma{
  145. width:220px;
  146. height:20px;
  147. margin-left:0px;
  148. margin-top:0px;
  149. border-bottom:3px solid #efefef;
  150. position: absolute;
  151. font-family:calibri;
  152. font-size:8px;
  153. text-transform:uppercase;
  154. line-height: 12px;
  155. overflow:hidden;
  156. text-align:right;
  157. background:white;
  158. word-spacing:2px;
  159. letter-spacing:1px;
  160. opacity: 0.0;
  161. -webkit-transition: all .7s ease;
  162. -moz-transition: all .7s ease;
  163. -o-transition: all .7s ease;
  164. transition: all .7s ease;
  165.  
  166. }
  167.  
  168. .entry:hover .perma{
  169. width:220px;
  170. height:30px;
  171. margin-left:0px;
  172. overflow:visible;
  173. opacity:1;
  174. }
  175.  
  176.  
  177.  
  178. #posts {
  179. width:800px;
  180. margin-top:20px;
  181. z-index:99;
  182. margin-left:315px;
  183. right:auto;
  184. background:transparent;
  185. margin-right:auto;
  186. position:relative;
  187. overflow-y: hidden;
  188. }
  189.  
  190.  
  191. #sidebar{
  192. opacity:0.7;
  193. position:fixed !important;
  194. width:170px;
  195. background:white;
  196. height:auto;
  197. margin-top:150px;
  198. margin-left:55px;
  199. padding:10px;
  200. text-align:center;
  201. -webkit-transition: all .7s ease;
  202. -moz-transition: all .7s ease;
  203. -o-transition: all .7s ease;
  204. transition: all .7s ease;
  205. }
  206.  
  207. #sidebar:hover{
  208. opacity:1;
  209. -webkit-transition: all .7s ease;
  210. -moz-transition: all .7s ease;
  211. -o-transition: all .7s ease;
  212. transition: all .7s ease;
  213. }
  214.  
  215. #desc {
  216. position:absolute;
  217. opacity:0;
  218. height:auto;
  219. width:160px;
  220. padding:5px;
  221. margin-left:0px;
  222. bottom:10px;
  223. font-family:consolas;
  224. font-size:8px;
  225. text-align:center;
  226. text-transform:uppercase;
  227. letter-spacing:1px;
  228. line-height:170%;
  229. background:white;
  230. color:#000;
  231. z-index:9;
  232. -webkit-transition: opacity 0.5s linear;
  233. -webkit-transition: all 0.5s linear;
  234. -moz-transition: all 0.5s linear;
  235. }
  236.  
  237.  
  238.  
  239.  
  240. #sidebar:hover #desc {
  241. opacity:0.9;
  242. -webkit-transition: opacity 0.5s linear;
  243. -webkit-transition: all 0.5s linear;
  244. -moz-transition: all 0.5s linear;
  245. }
  246.  
  247.  
  248. #link1 a{
  249. opacity: 0.6;
  250. color: black;
  251. position: fixed;
  252. background-color: {color:link1};
  253. display: block;
  254. font-family:consolas;
  255. font-size: 8px;
  256. text-transform: uppercase;
  257. text-align: left;
  258. letter-spacing:1px;
  259. line-height: 6px;
  260. height: 5px;
  261. width: 35px;
  262. padding: 8px;
  263. transition: all 0.5s ease-out;
  264. -o-transition-transition: all 0.5s ease-out;
  265. -webkit-transition: all 0.5s ease-out;
  266. -moz-transition: all 0.5s ease-out;
  267. margin-top:-180px;
  268. margin-left:180px;
  269. }
  270.  
  271.  
  272.  
  273.  
  274. #link1 a:hover {
  275. padding-right: 30px;
  276. opacity: 0.9;
  277. transition: all 0.5s ease-out;
  278. -o-transition-transition: all 0.5s ease-out;
  279. -webkit-transition: all 0.5s ease-out;
  280. -moz-transition: all 0.5s ease-out;
  281. }
  282.  
  283.  
  284.  
  285.  
  286. #link2 a{
  287. opacity: 0.6;
  288. color: black;
  289. position: fixed;
  290. background-color: {color:link2};
  291. display: block;
  292. font-family:consolas;
  293. font-size: 8px;
  294. text-transform: uppercase;
  295. text-align: left;
  296. letter-spacing:1px;
  297. line-height: 6px;
  298. height: 5px;
  299. width: 35px;
  300. padding: 8px;
  301. transition: all 0.5s ease-out;
  302. -o-transition-transition: all 0.5s ease-out;
  303. -webkit-transition: all 0.5s ease-out;
  304. -moz-transition: all 0.5s ease-out;
  305. margin-top:-159px;
  306. margin-left:180px;
  307. }
  308.  
  309.  
  310.  
  311.  
  312. #link2 a:hover {
  313. padding-right: 30px;
  314. opacity: 0.9;
  315. transition: all 0.5s ease-out;
  316. -o-transition-transition: all 0.5s ease-out;
  317. -webkit-transition: all 0.5s ease-out;
  318. -moz-transition: all 0.5s ease-out;
  319. }
  320.  
  321.  
  322.  
  323.  
  324. #link3 a{
  325. opacity: 0.6;
  326. color: black;
  327. position: fixed;
  328. background-color: {color:link3};
  329. display: block;
  330. font-family:consolas;
  331. font-size: 8px;
  332. text-transform: uppercase;
  333. text-align: left;
  334. letter-spacing:1px;
  335. line-height: 6px;
  336. height: 5px;
  337. width: 35px;
  338. padding: 8px;
  339. transition: all 0.5s ease-out;
  340. -o-transition-transition: all 0.5s ease-out;
  341. -webkit-transition: all 0.5s ease-out;
  342. -moz-transition: all 0.5s ease-out;
  343. margin-top:-138px;
  344. margin-left:180px;
  345. }
  346.  
  347.  
  348.  
  349.  
  350. #link3 a:hover {
  351. padding-right: 30px;
  352. opacity: 0.9;
  353. transition: all 0.5s ease-out;
  354. -o-transition-transition: all 0.5s ease-out;
  355. -webkit-transition: all 0.5s ease-out;
  356. -moz-transition: all 0.5s ease-out;
  357. }
  358.  
  359.  
  360.  
  361. #link4 a{
  362. opacity: 0.6;
  363. color: black;
  364. position: fixed;
  365. background-color: {color:link4};
  366. display: block;
  367. font-family:consolas;
  368. font-size: 8px;
  369. text-transform: uppercase;
  370. text-align: left;
  371. letter-spacing:1px;
  372. line-height: 6px;
  373. height: 5px;
  374. width: 35px;
  375. padding: 8px;
  376. transition: all 0.5s ease-out;
  377. -o-transition-transition: all 0.5s ease-out;
  378. -webkit-transition: all 0.5s ease-out;
  379. -moz-transition: all 0.5s ease-out;
  380. margin-top:-117px;
  381. margin-left:180px;
  382. }
  383.  
  384.  
  385.  
  386.  
  387. #link4 a:hover {
  388. padding-right: 30px;
  389. opacity: 0.9;
  390. transition: all 0.5s ease-out;
  391. -o-transition-transition: all 0.5s ease-out;
  392. -webkit-transition: all 0.5s ease-out;
  393. -moz-transition: all 0.5s ease-out;
  394. }
  395.  
  396.  
  397. #link5 a{
  398. opacity: 0.6;
  399. color: black;
  400. position: fixed;
  401. background-color: {color:link5};
  402. display: block;
  403. font-family:consolas;
  404. font-size: 8px;
  405. text-transform: uppercase;
  406. text-align: left;
  407. letter-spacing:1px;
  408. line-height: 6px;
  409. height: 5px;
  410. width: 35px;
  411. padding: 8px;
  412. transition: all 0.5s ease-out;
  413. -o-transition-transition: all 0.5s ease-out;
  414. -webkit-transition: all 0.5s ease-out;
  415. -moz-transition: all 0.5s ease-out;
  416. margin-top:-96px;
  417. margin-left:180px;
  418. }
  419.  
  420.  
  421.  
  422.  
  423. #link5 a:hover {
  424. padding-right: 30px;
  425. opacity: 0.9;
  426. transition: all 0.5s ease-out;
  427. -o-transition-transition: all 0.5s ease-out;
  428. -webkit-transition: all 0.5s ease-out;
  429. -moz-transition: all 0.5s ease-out;
  430. }
  431.  
  432.  
  433.  
  434.  
  435.  
  436. #credit a{
  437. opacity: 0.6;
  438. color: black;
  439. position: fixed;
  440. background-color:#aaa;
  441. display: block;
  442. font-family:consolas;
  443. font-size: 8px;
  444. text-transform: uppercase;
  445. text-align: left;
  446. letter-spacing:1px;
  447. line-height: 6px;
  448. height: 5px;
  449. width: 35px;
  450. padding: 8px;
  451. transition: all 0.5s ease-out;
  452. -o-transition-transition: all 0.5s ease-out;
  453. -webkit-transition: all 0.5s ease-out;
  454. -moz-transition: all 0.5s ease-out;
  455. margin-top:-75px;
  456. margin-left:180px;
  457. }
  458.  
  459.  
  460.  
  461.  
  462. #credit a:hover {
  463. padding-right: 30px;
  464. opacity: 0.9;
  465. transition: all 0.5s ease-out;
  466. -o-transition-transition: all 0.5s ease-out;
  467. -webkit-transition: all 0.5s ease-out;
  468. -moz-transition: all 0.5s ease-out;
  469. }
  470.  
  471.  
  472.  
  473.  
  474.  
  475. .title{
  476. line-height: 12px;
  477. color:{color:Title};
  478. font-weight: normal;
  479. }
  480.  
  481.  
  482. .permalink{
  483. display: block;
  484. font-family:calibri;
  485. font-size:8px;
  486. line-height:10px;
  487. letter-spacing:1px;
  488. opacity: 1;
  489. text-transform:uppercase;
  490. text-align: right;
  491. font-style:normal;
  492. background-color:transparent;
  493. padding: 0px;
  494. margin: 2px;
  495. margin-top:5px;
  496. padding-top:3px;
  497. border-top:1px solid #eee;
  498. -webkit-transition: all .7s ease;
  499. -moz-transition: all .7s ease;
  500. transition: all .7s ease;
  501. -o-transition: all .7s ease;
  502. }
  503.  
  504. #infscr-loading{
  505. bottom: -70px;
  506. position: absolute;
  507. left: 50%;
  508. margin-left:-8px;
  509. width:16px;
  510. height:11px;
  511. overflow:hidden;
  512. margin-bottom: 50px;
  513. }
  514.  
  515. #postnotes{
  516. text-align: justify;}
  517.  
  518. #postnotes blockquote{
  519. border: 0px;}
  520.  
  521. blockquote {
  522. margin: 10px 5px 10px 5px;
  523. color: #000000;
  524. background-color: white;
  525. padding: 10px;
  526. padding-left: 15px;
  527. border-width:0px 0px 0px 3px;
  528. border-style:solid;
  529. border-color:{color:blockquote};
  530. }
  531.  
  532.  
  533. a img{border: 0px;}
  534.  
  535. .artcover {position:absolute;}
  536. .artcover img {width:42px;height:42px;float:left;border:5px solid #EEE;}
  537. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  538. .audioinfo {margin-left:55px;padding:3px 0px;}
  539. .i{display:block;padding:2px;}
  540. .i b, strong{font-family:Consolas;}
  541. .player {
  542. position:absolute;
  543. background:#FFF;
  544. width:30px;
  545. height:30px;
  546. opacity:0.75;
  547. padding:4px;
  548. margin:7px;
  549. overflow:hidden;}
  550.  
  551.  
  552. #info {
  553. color:{color:text};
  554. width:490px;
  555. font-family:calibri;
  556. text-transform:uppercase;
  557. letter-spacing:0px;
  558. font-size: 8px;
  559. line-height:120%;
  560. text-align:center;
  561. margin-top:2px;
  562. letter-spacing:1px;
  563. padding:5px;
  564. padding-bottom:5px;
  565. -webkit-transition-duration:0.5s;
  566. }
  567.  
  568. #info a{
  569. color:{color:info};
  570. border:0px;
  571. width:490px;
  572. font-family:calibri;
  573. text-transform:uppercase;
  574. font-style:normal;
  575. letter-spacing:0px;
  576. font-size: 8px;
  577. line-height:120%;
  578. text-align:center;
  579. letter-spacing:1px;
  580. -moz-transition-duration:0.5s;
  581. -webkit-transition-duration:0.5s;
  582. -o-transition-duration:0.5s;
  583. }
  584.  
  585. #info a:hover{
  586. color:{color:infohover};
  587. border-bottom:0px solid #fff;
  588. width:490px;
  589. letter-spacing:0px;
  590. font-size: 8px;
  591. line-height:120%;
  592. text-align:center;
  593. margin-top:2px;
  594. letter-spacing:1px;
  595. -moz-transition-duration:0.5s;
  596. -webkit-transition-duration:0.5s;
  597. -o-transition-duration:0.5s;
  598.  
  599. }
  600.  
  601.  
  602.  
  603. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  604.  
  605. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  606. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  607.  
  608. .notes img{width:10px; position:relative; top:3px;}
  609. <--ses-->
  610. small{font-size: 90%;}
  611.  
  612. {CustomCSS}
  613.  
  614. </style>
  615.  
  616. {block:IndexPage}
  617. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  618. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  619.  
  620. <script type="text/javascript">
  621. $(window).load(function(){
  622. var $wall = $('#posts');
  623. $wall.imagesLoaded(function(){
  624. $wall.masonry({
  625. itemSelector: '.entry, .entry_photo',
  626. isAnimated : false
  627. });
  628. });
  629.  
  630. $wall.infinitescroll({
  631. navSelector : '#pagination',
  632. nextSelector : '#pagination a',
  633. itemSelector : '.entry, .entry_photo',
  634. bufferPx : 2000,
  635. debug : false,
  636. errorCallback: function() {
  637. $('#infscr-loading').fadeOut('normal');
  638. }},
  639. function( newElements ) {
  640. var $newElems = $( newElements );
  641. $newElems.hide();
  642. $newElems.imagesLoaded(function(){
  643. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  644. });
  645. }); $('#posts').show(500);
  646. });
  647. </script>
  648.  
  649.  
  650.  
  651.  
  652. {/block:IndexPage}
  653.  
  654.  
  655. <title>{title}</title>
  656.  
  657. <link rel="shortcut icon" href="{Favicon}" />
  658. <meta name="viewport" content="width=820" />
  659. </head>
  660.  
  661. <body>
  662. <BODY onselectstart="return false;" ondragstart="return false;">
  663. <div class="wrapper">
  664. <div class="header">
  665. </div>
  666.  
  667. <div id="cage">
  668. <div id="center">
  669.  
  670. <div id="sidebar">
  671. <center>
  672. <a href="/"><img src="{image:sidebar}" width=100%></a>
  673. <div id="desc">{description}</div>
  674. <div id="link1">
  675. <a href="{text:Link One}"> {text:Link One Title}</a></div>
  676. <div id="link2">
  677. <a href="{text:Link Two}">{text:Link Two Title}</a></div>
  678. <div id="link3">
  679. <a href="{text:Link Three}">{text:Link Three Title}</a></div>
  680. <div id="link4">
  681. <a href="{text:Link Four}">{text:Link Four Title}</a></div>
  682. <div id="link5">
  683. <a href="{text:Link Five}">{text:Link Five Title}</a></div>
  684. <div id="credit">
  685. <a href="http://parised.tumblr.com/">credit</a></div>
  686. </div></center>
  687.  
  688. <!------------------------------------->
  689.  
  690.  
  691. <div class="left">
  692. <div id="posts">
  693. {block:Posts}
  694. <div class="entry">
  695.  
  696. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>{block:indexpage}<p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> + <a href="{Permalink}">{Timeago}</a> + <a href="{ReblogURL}">Reblog</a><br>{/block:HasTags}</span></align>{/block:indexpage}
  697. {/block:Text}
  698.  
  699. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  700.  
  701. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> + <a href="{Permalink}">{Timeago}</a> + <a href="{ReblogURL}">Reblog</a><br></span></align>{block:Link}
  702.  
  703. {block:Photo}{block:IndexPage}
  704. <div class="perma">
  705. <center>
  706. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br></a> with<a title="this has {notecountwithlabel}"href="{permalink}"> {NoteCountWithLabel}</a> | <a title="share it"href="{ReblogURL}" target="_blank"> reblog </a> this picture </span> </div></center>
  707. {/block:IndexPage}
  708. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=220px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}{/block:PermalinkPage}
  709. {/block:Photo}
  710.  
  711. {block:Photoset}
  712. {block:IndexPage}
  713. <center>
  714.  
  715. <div class="perma">
  716. <a href="{ReblogURL}" target="_blank"> share it </a> with <a href="{Permalink}">{notecountwithlabel}</a></div>
  717.  
  718. {Photoset-250}</center>
  719. {/block:IndexPage}
  720. {block:PermalinkPage}
  721. <center>
  722. {Photoset-500}</center>
  723. {/block:PermalinkPage}
  724. {/block:Photoset}
  725.  
  726. {block:Quote}
  727. <div class="quote">❝{quote}</div>
  728. {block:IndexPage}
  729. <div class="permalink">
  730. {Month} {DayOfMonth} with <a title="this posts has {notecount} notes"href="{permalink}">{notecountwithlabel}</a>
  731. </div>{/block:IndexPage}
  732. {/block:IndexPage}
  733. {/block:Quote}
  734.  
  735. {block:Chat}
  736. {block:Title}<span class="title">{Title}</span>{/block:Title}
  737. <ul class="chat">
  738. {block:Lines}
  739. <li class="user_{UserNumber}">
  740. {block:Label}
  741. <span class="label">{Label}</span>
  742. {/block:Label}
  743.  
  744. {Line}<br>
  745. {/block:Lines}
  746. {block:IndexPage}
  747. <div class="permalink">
  748. {Month} {DayOfMonth} with <a title="this posts has {notecount} notes"href="{permalink}">{notecountwithlabel}</a>
  749. </div>{/block:IndexPage}
  750. {/block:Chat}
  751.  
  752.  
  753. {block:Audio}
  754. {block:AlbumArt}<div class="artcover">
  755. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  756. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  757. <div class="audioinfo"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  758. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  759. {block:IndexPage}
  760. <br>
  761. <div class="permalink">
  762. <a href="{Permalink}">{NoteCountWithLabel}</a> +
  763. <a href="{ReblogURL}">reblog</a> {block:RebloggedFrom} +
  764. <a href="{ReblogParentURL}">via</a>{block:ContentSource} +
  765. <a href="{ReblogRootURL}">source</a>{/block:ContentSource}
  766. {/block:RebloggedFrom}</div>{/block:IndexPage}
  767. {/block:Audio}
  768.  
  769. {block:Video}
  770. {block:IndexPage}
  771. <center>
  772. <div class="perma">
  773. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  774. {Video-250}</center>
  775. {/block:IndexPage}
  776. {block:PermalinkPage}
  777. <center>
  778. {Video-400}</center>
  779. {/block:PermalinkPage}
  780. {block:Video}
  781.  
  782.  
  783. {block:PostNotes}<div align="middle">{caption}</div>
  784. <center>
  785.  
  786. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  787.  
  788. {block:HasTags}
  789. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  790. {block:RebloggedFrom}
  791. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  792. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  793.  
  794. {/block:RebloggedFrom}
  795. </center></span>
  796. <br>
  797. <div id="postnotes">{PostNotes}</div><br>
  798.  
  799. <center>{block:ContentSource}
  800. <br><a href="{SourceURL}">
  801. {lang:Source}:
  802. {block:SourceLogo}
  803. <img src="{BlackLogoURL}" width="{LogoWidth}"
  804. height="{LogoHeight}" alt="{SourceTitle}" />
  805. {/block:SourceLogo}
  806. {block:NoSourceLogo}
  807. {SourceLink}
  808. {/block:NoSourceLogo}
  809. </a>
  810. {/block:ContentSource}</center>
  811.  
  812. {/block:PostNotes}
  813. </div>
  814. {/block:Posts}
  815. </div></div>
  816.  
  817. {block:IndexPage}
  818. {block:Pagination}
  819. <div id="pagination">
  820. {block:NextPage}
  821. <a id="nextPage" href="{NextPage}"></a>
  822. {/block:NextPage}
  823. {block:PreviousPage}
  824. <a href="{PreviousPage}"></a>
  825. {/block:PreviousPage}
  826. </div>
  827. {/block:Pagination}
  828. {/block:IndexPage}
  829. </body>
  830. </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!