API tools faq
paste
Advertisement
juliechan

Peppermint Theme

juliechan
Jun 22nd, 2013
1,848
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.87 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Peppermint theme by utekii.tumblr.com // hoshikusu.tumblr.com--
  3. ------------------------------RULES-----------------------------
  4.  
  5. * Please do not remove the credits.
  6. * No third-hand redistribution
  7. * Do not claim as yours
  8. * Don't break the rules or you WILL be reported w/o hesitation
  9. * You can edit this but leave the credits in tact
  10. * Do not use this code as a base code
  11.  
  12. -------------------------------FAQ------------------------------
  13.  
  14. 1. I do not help with customization of themes
  15. 2. Check ALL appearance options before asking a question
  16. 3. I don't give codes to anyone unless on special occasion
  17. 4. I will NEVER take theme requests
  18. 5. Pagination is available once you UNCHECK infinite scrolling
  19. 6. I don't help with adding extra links
  20. 7. Infinite scrolling works fine whether you have scm or not
  21. 8. For the codes, go to the first post of the live preview
  22.  
  23. ◆◇For any other questions message me on my THEME blog◆◇
  24.  
  25. -->
  26.  
  27. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  28. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  29.  
  30. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  31.  
  32. <head>
  33. <title>{title}</title>
  34. <link rel="shortcut icon" href="{favicon}">
  35. <link rel="alternate" type="application/rss+xml" xml:lang="en" lang="en">
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}"/>
  38. {/block:Description}
  39.  
  40. <!--stuff-->
  41. <meta name="if:infinite scrolling" content="1"/>
  42.  
  43. <meta name="text:link 1 url" content=""/>
  44. <meta name="text:link 1" content="l i n k"/>
  45. <meta name="text:link 2 url" content=""/>
  46. <meta name="text:link 2" content="l i n k"/>
  47. <meta name="text:link 3 url" content=""/>
  48. <meta name="text:link 3" content="l i n k"/>
  49. <meta name="text:link 4 url" content=""/>
  50. <meta name="text:link 4" content="l i n k"/>
  51. <meta name="text:link 5 url" content=""/>
  52. <meta name="text:link 5" content="l i n k"/>
  53. <meta name="text:home icon" content="http://static.tumblr.com/14xu0fs/bZZmcz6wt/tumblr_m7ei8elnlv1qdlkyg.gif"/ >
  54. <meta name="text:message icon" content="http://static.tumblr.com/14xu0fs/ViOmcz7mg/tumblr_m89tkid6ek1qdlkyg.gif"/>
  55. <meta name="text:archive icon" content="http://static.tumblr.com/14xu0fs/0Skmcz7ud/tumblr_m7efdb7iib1qdlkyg.gif"/>
  56. <meta name="text:link 1 icon" content="http://static.tumblr.com/14xu0fs/XBqmcz8p9/tumblr_m7efdjo44l1qdlkyg.gif"/>
  57. <meta name="text:link 2 icon" content="http://static.tumblr.com/14xu0fs/uofmczgn1/tumblr_m9sqohkvck1qdlkyg.gif"/>
  58. <meta name="text:link 3 icon" content="http://static.tumblr.com/14xu0fs/MdVmczgrt/tumblr_m7ei4qzydi1qdlkyg.gif"/>
  59. <meta name="text:link 4 icon" content="http://static.tumblr.com/14xu0fs/nLTmczh0h/tumblr_m89lqvyjml1qdlkyg.gif"/>
  60. <meta name="text:link 5 icon" content="http://static.tumblr.com/14xu0fs/QIvmczh56/tumblr_m7efdxz6dr1qdlkyg.gif"/>
  61.  
  62. <meta name="color:background" content="#fff"/>
  63. <meta name="color:title" content="#A4BCC2"/>
  64. <meta name="color:text" content="#000"/>
  65. <meta name="color:links" content="#B8DDD6"/>
  66. <meta name="color:links hover" content="#000"/>
  67. <meta name="color:post titles" content="#aaa"/>
  68. <meta name="color:post bg" content="#fff"/>
  69. <meta name="color:title2" content="#000"/>
  70. <meta name="color:permalink bg" content="#fff"/>
  71. <meta name="color:permalink text" content="#888"/>
  72. <meta name="color:overhead border" content="#CFE8E2"/>
  73. <meta name="color:description" content="#000"/>
  74.  
  75. <meta name="image:background" content=""/>
  76. <meta name="image:title2" content="http://static.tumblr.com/iuw14ew/ftombvpv1/tumblr_lws4pjqqja1qi201y.png"/>
  77. <meta name="image:corner image" content="http://static.tumblr.com/14xu0fs/COwmcy5eq/29364408_m.png"/>
  78. <meta name="image:sidebar pic" content="http://static.tumblr.com/14xu0fs/FJ6mcy5ii/tumblr_m92f6gbely1qdskieo1_500.jpg"/>
  79. <!--stuff-->
  80.  
  81. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  82.  
  83. <script src="http://static.tumblr.com/iuggpng/8iplzlvdu/smoothscroll.js" type="text/javascript"></script>
  84.  
  85. <script type="text/javascript">$(document).ready(function(){$( '.content' ).fadeIn("slow");});</script>
  86.  
  87. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  88.  
  89. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  90.  
  91. <script type="text/javascript" charset="utf-8">
  92. var $j = jQuery.noConflict();
  93. $j(function() {
  94. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  95. $j("img").lazyload({
  96. placeholder : "",
  97. effect: "fadeIn",
  98. });
  99. });
  100. </script>
  101.  
  102. <style type="text/css">
  103. {CustomCSS}
  104. ::selection{color:#eee;}
  105. ::moz-selection{color:#eee;}
  106.  
  107. ::-webkit-scrollbar-thumb:vertical {background-color:#C8E3C5; height:75px;}
  108. ::-webkit-scrollbar {height:0px;width:5px;background-color:#fff;}
  109.  
  110. iframe#tumblr_controls {
  111. right:5px !important;
  112. top:35px !important;
  113. position: fixed !important;
  114. -webkit-transition: opacity 0.7s linear;
  115. opacity: 0.8;
  116. -webkit-transition: all 0.8s ease-out;
  117. -moz-transition: all 0.8s ease-out;
  118. transition: all 0.8s ease-out;
  119. }
  120.  
  121. iframe#tumblr_controls:hover {
  122. -webkit-transition: opacity 0.7s linear;
  123. opacity: 1;
  124. -webkit-transition: all 0.4s ease-out;
  125. -moz-transition: all 0.4s ease-out;
  126. transition: all 0.4s ease-out;
  127. }
  128.  
  129. body{
  130. background-color:{color:background};
  131. background-image:url('{image:background}');
  132. background-attachment:fixed;
  133. font-family:calibri;
  134. font-size:10px;
  135. color:{color:text};
  136. cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;
  137. }
  138.  
  139. a, a:link, a:visited, a:active{
  140. color:{color:links};
  141. text-decoration:none;
  142. -webkit-transition:all 0.5s ease-out;
  143. -moz-transition:all 0.5s ease-out;
  144. transition:all 0.5s ease-out;
  145. }
  146.  
  147. a:hover{
  148. color:{color:links hover};
  149. text-decoration:none;
  150. cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;
  151. -webkit-transition:all 0.5s ease-out;
  152. -moz-transition:all 0.5s ease-out;
  153. transition:all 0.5s ease-out;
  154. }
  155.  
  156. #box img, a img{
  157. {block:IndexPage}
  158. opacity:.7;
  159. {/block:IndexPage}
  160. -webkit-transition:all 0.8s ease-out;
  161. -moz-transition:all 0.8s ease-out;
  162. transition:all 0.8s ease-out;
  163. }
  164.  
  165. #box img:hover{
  166. opacity:1;
  167. -webkit-transition:all 0.8s ease-out;
  168. -moz-transition:all 0.8s ease-out;
  169. transition:all 0.8s ease-out;
  170. }
  171.  
  172. #posts{
  173. margin-top:50px;
  174. margin-left:400px;
  175. overflow:hidden;
  176. width:600px;
  177. }
  178.  
  179. #box{
  180. position:relative;
  181. float:left;
  182. margin-left:5px;
  183. overflow:hidden;
  184. padding:10px;
  185. opacity:1;
  186. {block:IndexPage}
  187. width:250px;
  188. {/block:IndexPage}
  189. {block:PermalinkPage}
  190. width:500px;
  191. {/block:PermalinkPage}
  192. }
  193.  
  194. #perma{
  195. position:absolute;
  196. width:230px;
  197. height:9px;
  198. padding:5px;
  199. text-align:center;
  200. opacity:0;
  201. font-family:consolas;
  202. font-size:8px;
  203. text-transform:uppercase;
  204. letter-spacing:2px;
  205. background-color:{color:permalink bg};
  206. bottom:17px;
  207. left:15px;
  208. color:#888;
  209. -webkit-transition:all 0.7s ease-out;
  210. -moz-transition:all 0.7s ease-out;
  211. transition:all 0.7s ease-out;
  212. }
  213.  
  214. #perma a{
  215. color:{color:permalink text};
  216. }
  217.  
  218. #box:hover #perma{
  219. opacity:.9;
  220. -webkit-transition:all 0.7s ease-out;
  221. -moz-transition:all 0.7s ease-out;
  222. transition:all 0.7s ease-out;
  223. }
  224.  
  225. #permalink{
  226. display:block;
  227. width:500px;
  228. padding:5px;
  229. height:auto;
  230. font-family:consolas;
  231. font-size:8px;
  232. letter-spacing:1px;
  233. text-transform:uppercase;
  234. background-color:transparent;
  235. color:{color:text};
  236. }
  237.  
  238. .titles{
  239. font-family:print;
  240. font-size:20px;
  241. text-align:center;
  242. text-transform:uppercase;
  243. }
  244.  
  245. .titles a{
  246. color:{color:post titles};
  247. }
  248.  
  249. .texts,{
  250. line-height:13px;
  251. margin:5px;
  252. padding:5px;
  253.  
  254. }
  255.  
  256. .links{
  257. font-family:print;
  258. font-size:20px;
  259. text-align:center;
  260. text-transform:uppercase;
  261. }
  262.  
  263. .links a{
  264. color:{color:post titles};
  265. }
  266.  
  267. .play {
  268. padding:7px;
  269. border: 1px solid #fff;
  270. font-family:helvetica new;
  271. font-size:9px;
  272. height:auto;
  273. overflow:hidden;
  274. color:{color:Text};
  275. background-color:{color:post background};
  276. }
  277.  
  278. #tritritri {
  279. width: 0;
  280. height: 0;
  281. border-left: 35px solid transparent;
  282. border-right: 15px solid #E8FBED;
  283. border-bottom: 15px solid transparent;
  284. }
  285.  
  286. .question{
  287. text-transform:uppercase;
  288. font-size:8px;
  289. letter-spacing:1px;
  290. }
  291.  
  292. .ask{
  293. float:left;
  294. text-transform:uppercase;
  295. font-size:8px;
  296. letter-spacing:1px;
  297. }
  298.  
  299. #askpic {
  300. margin-right:15px;
  301. margin-bottom:15px;
  302. float:left;
  303. padding:5px;
  304. border:1px solid #eee;
  305. }
  306.  
  307.  
  308. #overhead{
  309. width:100%;
  310. height:20px;
  311. text-align:center;
  312. font-size:14px;
  313. padding:5px;
  314. border-bottom:3px solid {color:overhead border};
  315. top:0px;
  316. left:0;
  317. position:fixed;
  318. z-index:998;
  319. color:{color:title2};
  320. background-image:url('{image:title2}');
  321. background-color:{color:overhead title};
  322. }
  323.  
  324. #container{
  325. position:fixed;
  326. width:200px;
  327. height:auto;
  328. margin-top:150px;
  329. margin-left:130px;
  330. }
  331.  
  332. #picu{
  333. -webkit-border-bottom-left-radius:80px;
  334. -webkit-border-top-right-radius:80px;
  335. -webkit-border-bottom-right-radius:80px;
  336. -webkit-border-top-left-radius:80px;
  337. -moz-border-bottom-left-radius:80px;
  338. -moz-border-top-right-radius:80px;
  339. -moz-border-bottom-right-radius:80px;
  340. -moz-border-top-left-radius:80px;
  341. -webkit-transition:all 0.6s ease-out;
  342. -moz-transition:all 0.6s ease-out;
  343. transition:all 0.6s ease-out;
  344. }
  345.  
  346. #holder{
  347. width:180px;
  348. margin-left:-5px;
  349. height:auto;
  350. margin-top:20px;
  351. padding:3px;
  352. text-align:center;
  353. border-top:2px dashed #C4DBB4;
  354. border-bottom:2px dashed #C4DBB4;
  355. }
  356.  
  357. .buttons{
  358. margin-top:5px;
  359. opacity:1;
  360. left:0px;
  361. }
  362.  
  363. #home{
  364. }
  365.  
  366. #message{
  367. margin-left:0px;
  368. }
  369.  
  370. #archive{
  371. margin-left:0px;
  372. }
  373.  
  374. #link1{
  375. margin-left:0px;
  376. }
  377.  
  378. #link2{
  379. margin-left:0px;
  380. }
  381.  
  382. #link3{
  383. margin-left:0px;
  384. }
  385.  
  386. #link4{
  387. margin-left:0px;
  388. }
  389.  
  390. #link5{
  391. margin-left:0px;
  392. }
  393.  
  394. #title{
  395. font-family:georgia;
  396. font-size:16px;
  397. text-transform:lowercase;
  398. text-align:right;
  399. margin-top:10px;
  400. letter-spacing:5px;
  401. margin-right:16px;
  402. color:{color:title};
  403. }
  404.  
  405. #trans, .trans{
  406. -webkit-transition:all 0.5s ease-out;
  407. -moz-transition:all 0.5s ease-out;
  408. transition:all 0.5s ease-out;
  409. }
  410.  
  411. #ex{
  412. font-size:15px;
  413. font-style:bold;
  414. color:{color:title};
  415. margin-top:-17px;
  416. }
  417.  
  418. .desc{
  419. font-family:consolas;
  420. font-size:10px;
  421. color:{color:description};
  422. margin-top:10px;
  423. height:0px;
  424. overflow:hidden;
  425. }
  426.  
  427. #ex:hover .desc{
  428. opacity:1;
  429. height:100px;
  430. -webkit-transition:all 0.7s ease-out;
  431. -moz-transition:all 0.7s ease-out;
  432. transition:all 0.7s ease-out;
  433. }
  434.  
  435. #juliechan{
  436. position:fixed;
  437. font-size:8px;
  438. font-family:pf mill;
  439. bottom:10px;
  440. color:#555;
  441. right:10px;
  442. -webkit-transition:all 0.4s ease-out;
  443. -moz-transition:all 0.4s ease-out;
  444. transition:all 0.4s ease-out;
  445. }
  446.  
  447. #juliechan a{
  448. color:#555;
  449. padding-bottom:20px;
  450. border-bottom:0px dashed #aaa;
  451. -webkit-transition:all 0.4s ease-out;
  452. -moz-transition:all 0.4s ease-out;
  453. transition:all 0.4s ease-out;
  454. }
  455.  
  456. #juliechan a:hover{
  457. padding-bottom:2px;
  458. border-bottom:1px dashed #aaa;
  459. -webkit-transition:all 0.4s ease-out;
  460. -moz-transition:all 0.4s ease-out;
  461. transition:all 0.4s ease-out;
  462. }
  463.  
  464. .pagination {
  465. display: none;
  466. }
  467.  
  468. @font-face {font-family: "pf mill";src: url('http://static.tumblr.com/iuggpng/QOrm0dm4v/pfmil__.ttf');}
  469.  
  470. @font-face {font-family: "open sans";src: url('http://static.tumblr.com/iuggpng/jrXm0dlyf/opensans-condlight.ttf');}
  471.  
  472. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  473.  
  474. </style>
  475.  
  476. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  477.  
  478. {block:ifinfinitescrolling}
  479. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:ifinfinitescrolling}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  480.  
  481. <script>
  482. $(function(){
  483. var $container = $('#posts');
  484. $container.imagesLoaded(function(){
  485. $container.masonry({
  486. itemSelector: '#box',
  487. });
  488. });
  489. $container.infinitescroll({
  490. itemSelector : "#box",
  491. navSelector : "div.pagination",
  492. nextSelector : ".pagination a#next",
  493. loadingImg : "",
  494. loadingText : "<em></em>",
  495. bufferPx : 500,
  496. extraScrollPx: 500,
  497. },
  498. function( newElements ) {
  499. var $newElems = $( newElements ).css({ opacity: 0 });
  500. $newElems.imagesLoaded(function(){
  501. $newElems.animate({ opacity: 1 });
  502. $container.masonry( 'appended', $newElems, true );
  503. });
  504. }
  505. );
  506. });
  507. </script>
  508.  
  509.  
  510. </head>
  511. <body>
  512. {block:ifinfinitescrolling}
  513. <div class="pagination">
  514. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  515. </div>
  516. {/block:ifinfinitescrolling}
  517.  
  518. <div id="overhead">いつか、きっと．．．</div>
  519.  
  520. <img style="position:fixed; bottom:15px; right:5px; width:350px;" src="{image:corner image}"/>
  521.  
  522. <div id="container">
  523. <img src="{image:sidebar pic}" id="picu" width="170px">
  524.  
  525. {block:ifnotinfinitescrolling}
  526. {block:Pagination}
  527. <div style="margin-top:5px; text-align:right; position:fixed;">
  528. {block:PreviousPage}
  529. <a href="{PreviousPage}">back</a> &nbsp{/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> &nbsp{/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> &nbsp{/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}">next</a> {/block:NextPage}</div>{/block:Pagination}
  530. {/block:ifnotinfinitescrolling}
  531.  
  532. <div id="holder">
  533. <a title="h o m e" href="/" id="home" class="buttons">
  534. <img src="{text:home icon}"/></a>
  535.  
  536. <a title="m e s s a g e" href="/ask" id="message" class="buttons">
  537. <img src="{text:message icon}"/></a>
  538.  
  539. <a title="p a s t" href="/archive" id="archive" class="buttons">
  540. <img src="{text:archive icon}"/></a>
  541.  
  542. {block:iflink1}<a title="{text:link 1}" href="{text:link 1 url}" id="link1" class="buttons"><img src="{text:link 1 icon}"></a>{/block:iflink1}
  543.  
  544. {block:iflink2}<a title="{text:link 2}" href="{text:link 2 url}" id="link2" class="buttons"><img src="{text:link 2 icon}"/></a>{/block:iflink2}
  545.  
  546. {block:iflink3}<a title="{text:link 3}" href="{text:link 3 url}" id="link3" class="buttons"><img src="{text:link 3 icon}"/></a>{/block:iflink3}
  547.  
  548. {block:iflink4}<a title="{text:link 4}" href="{text:link 4 url}" id="link4" class="buttons"><img src="{text:link 4 icon}"/></a>{/block:iflink4}
  549.  
  550. {block:iflink5}<a title="{text:link 5}" href="{text:link 5 url}" id="link5" class="buttons"><img src="{text:link 5 icon}"/></a>{/block:iflink5}
  551. </div>
  552.  
  553. <div id="title"><i>{title}</i></div>
  554.  
  555. <div id="ex">▼
  556. <div class="desc" id="trans">{description}</div>
  557. </div>
  558. </div>
  559.  
  560. <div id="juliechan">
  561. <a href="http://utekii.tumblr.com" target="new">✿ theme</a>
  562. </div>
  563.  
  564. <div id="posts">
  565. {block:Posts}
  566. <div id="box">
  567.  
  568. {block:Text}
  569. <div class="texts">
  570. {block:Title}
  571. <div class="titles">
  572. <a href="{Permalink}">{Title}</a>
  573. </div>
  574. {/block:Title}
  575.  
  576. {Body}
  577. </div>
  578. {/block:Text}
  579.  
  580. {block:Photo}
  581. <a href="{Permalink}">
  582.  
  583. {block:IndexPage}
  584. <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  585.  
  586. {/block:IndexPage}
  587.  
  588. {block:PermalinkPage}
  589. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  590. {/block:PermalinkPage}
  591. </a>
  592.  
  593. {block:PermalinkPage}
  594. {block:Caption}
  595. <div class="texts">
  596. {Caption}
  597. </div>
  598. {/block:Caption}
  599. {/block:PermalinkPage}
  600. {/block:Photo}
  601.  
  602. {block:Photoset}
  603. {block:IndexPage}
  604.  
  605. <a href="{Permalink}">{Photoset-250}</a>
  606.  
  607. {/block:IndexPage}
  608.  
  609. {block:PermalinkPage}
  610. {Photoset-500}
  611. {/block:PermalinkPage}
  612.  
  613. {block:PermalinkPage}
  614. {block:Caption}
  615. <div class="texts">
  616. {Caption}
  617. </div>
  618. {/block:Caption}
  619. {/block:PermalinkPage}
  620. {/block:Photoset}
  621.  
  622. {block:Quote}
  623. <div class="texts">
  624. <center>
  625. <div style="padding-bottom:5px;">
  626. "{Quote}"
  627. </div>
  628.  
  629. {block:Source}
  630. <div style="text-align:right;border-top:1px solid #ccc; padding-top:5px;">
  631. - {Source}
  632. </div>
  633. {/block:Source}
  634. </center>
  635. </div>
  636. {/block:Quote}
  637.  
  638. {block:Link}
  639. <div class="links">
  640. <a href="{URL}" {Target}>๑ {Name}</a>
  641. </div>
  642.  
  643. {block:Description}
  644. <div class="texts">
  645. {Description}
  646. </div>
  647. {/block:Description}
  648. {/block:Link}
  649.  
  650. {block:Chat}
  651. <div class="post chat">
  652. {block:Title}
  653. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  654. {/block:Title}
  655.  
  656. <div class="texts">
  657. {block:Lines}
  658. <div class="{Alt} user_{UserNumber}">
  659. <div style="border-bottom:1px solid #eee;padding:3px;">
  660. {block:Label}
  661. <span class="label">{Label}</span>
  662. {/block:Label}
  663.  
  664. {Line}</div>
  665. </div>
  666. {/block:Lines}
  667. </div>
  668. </div>
  669.  
  670. {/block:Chat}
  671.  
  672. {block:Video}
  673. {block:IndexPage}
  674. {Video-250}
  675. {/block:IndexPage}
  676.  
  677. {block:PermalinkPage}
  678. {Video-500}
  679. {/block:PermalinkPage}
  680.  
  681. <center>
  682. {PlayCountWithLabel}
  683. {block:Caption}
  684. <div class="texts">
  685. {Caption}
  686. </div>
  687. </center>
  688. {/block:Caption}
  689. {/block:Video}
  690.  
  691. {block:Audio}
  692. <div class="play">
  693. <div class="audio">
  694. <div style="width:100%; background-color:black;">{AudioPlayerBlack}</div>
  695. {block:AlbumArt}
  696. <div style="float:left; margin-top:5px; margin-right:10px;">
  697. <img src="{AlbumArtURL}" width="130" style="align:left;">
  698. </div>
  699.  
  700. {/block:AlbumArt}
  701. {block:Caption}
  702. <div class="caption">
  703.  
  704. {block:Artist}
  705. <p><b>ARTIST</b>: {Artist}
  706. {/block:Artist}
  707.  
  708. {block:Album}
  709. <br><b>ALBUM</b>: {Album}
  710. {/block:Album}
  711.  
  712. {block:TrackName}
  713. <br><b>TRACK</b>: {TrackName}
  714. {/block:TrackName}
  715.  
  716. {block:PlayCount}
  717. <br><b>PLAYS</b>: {FormattedPlayCount}
  718. {/block:PlayCount}
  719. {Caption}</div>
  720. {/block:Caption}
  721. </div></div>
  722. {/block:Audio}
  723.  
  724. {block:Answer}
  725. <div class="texts">
  726. <img src="{AskerPortraitURL-24}" class="ask" id="askpic" align="left" style="margin-right:15px; opacity:1; border:1px solid #eee; padding:5px; background-color:#fff;">
  727. <div class="question">{Asker} whispered : {Question}</div>
  728. <div style="border-top:1px solid #fafafa">
  729. <p>{Answer}</p>
  730. </div>
  731. </div>
  732. {/block:Answer}
  733.  
  734. {block:IndexPage}
  735. <div id="perma">
  736. <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}">Reblog</a>
  737. </div>
  738. {/block:IndexPage}
  739.  
  740. {block:PermalinkPage}
  741. <div id="permalink">
  742. {block:Date}
  743. <div style="padding-bottom:5px; border-bottom:1px dashed #eee; font-family:open sans; text-align:right; font-size:15px; padding:3px; width:auto; text-transform:none; letter-spacing:0px;">
  744. {DayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}
  745. </div>
  746. {/block:Date}
  747.  
  748. <div style="margin-top:5px;">
  749. {block:RebloggedFrom}
  750. Original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  751.  
  752. <br>Via: <a title="{ReblogParentTitle}" href="{ReblogParentURL}" >{ReblogParentName}</a>
  753. {/block:RebloggedFrom}
  754.  
  755. <br>{NoteCountWithLabel}
  756.  
  757. {block:HasTags}<br>tagged:{block:Tags}
  758. ◆◇ <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  759.  
  760. <div style="margin-top:5px; border-bottom:1px solid #f8f8f8; border-top:1px solid #f8f8f8; padding-top:3px; padding-bottom:3px;">navigation: &nbsp;<a href="/">home</a> &nbsp; <a href="/ask">message</a> &nbsp; <a href="/archive">history</a> &nbsp; <a href="/random">random</a></div>
  761. </div>
  762. <div style="margin-top:20px;line-height:17px;">{PostNotes}</div>
  763. </div>
  764. {/block:PermalinkPage}
  765.  
  766. {block:ContentSource}
  767. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  768. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  769. {/block:SourceLogo}
  770. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  771. {/block:ContentSource}
  772.  
  773. </div>
  774. {/block:Posts}
  775. </div>
  776. </body>
  777. </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!