API tools faq
paste
xmisa0923

heimiko

xmisa0923
Nov 5th, 2013
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---
  5. Theme 36 by Heidi @ladmilk
  6.  
  7. Credit:
  8. Magicline - http://css-tricks.com/jquery-magicline-navigation/
  9.  
  10. Inspiration:
  11. Yeoli - current theme
  12. Ninpen - current theme
  13. Ballerdollar - LTCP theme
  14. IOS7 ‘Music’ design
  15. ---->
  16.  
  17. <head>
  18. <title>{Title}</title>
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22. <link rel="shortcut icon" href="{Favicon}" />
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  24.  
  25. <meta name="color:Background" content="#f8f8f8" />
  26. <meta name="color:Posts" content="#ffffff" />
  27. <meta name="color:Text" content="#666666" />
  28. <meta name="color:Links" content="#222222" />
  29. <meta name="color:Links Hover" content="#ffffff" />
  30. <meta name="color:Scroll" content="#ffffff" />
  31. <meta name="color:Scrollbar" content="#bbbbbb" />
  32. <meta name="color:Bold" content="#000000" />
  33. <meta name="color:Italic" content="#bbbbbb"/>
  34. <meta name="color:Banner Hover" content="#dddddd" />
  35. <meta name="color:Banner" content="#000000" />
  36. <meta name="color:Blockquote" content="#777777" />
  37. <meta name="color:Border" content="#e7e7e7" />
  38. <meta name="color:Title" content="#dddddd" />
  39. <meta name="color:Sidebar Background" content="#000000" />
  40. <meta name="color:Sidebar Text" content="#ffffff" />
  41. <meta name="color:Sidebar Hover" content="#dddddd" />
  42. <meta name="color:Nav" content="#bbbbbb" />
  43. <meta name="color:Nav Hover" content="#000000" />
  44. <meta name="color:Nav Border" content="#e7e7e7" />
  45. <meta name="color:Nav Triangle" content="#dddddd" />
  46. <meta name="color:Tags" content="#dddddd" />
  47. <meta name="color:Perma" content="#bbbbbb" />
  48.  
  49. <meta name="if:ShowCaptions" content="1" />
  50. <meta name="if:ShowTags" content="1" />
  51. <meta name="if:InfiniteScroll" content="0" />
  52. <meta name="if:250px" content="0" />
  53. <meta name="if:400px" content="1" />
  54. <meta name="if:500px" content="0" />
  55. <meta name="text:Link" content=""/>
  56. <meta name="text:Link Title" content="" />
  57.  
  58. <meta name="image:Background" content="" />
  59.  
  60. <style type="text/css">
  61.  
  62. @font-face {font-family: "aliquam";
  63. src: url('https://dl.dropboxusercontent.com/u/86451580/Aliquam.ttf'); format("truetype");}
  64.  
  65.  
  66. iframe#tumblr_controls {
  67. top:0%!important;
  68. right:0%!important;
  69. position:fixed!important;
  70. z-index:999999999!important;
  71. opacity:0.3;
  72. -webkit-filter:invert(100%);
  73. -moz-filter:invert(100%);
  74. -o-filter:invert(100%);
  75. -ms-filter:invert(100%);
  76. filter:invert(100%);
  77. }
  78.  
  79. ::-webkit-scrollbar {
  80. width:7px;
  81. height:7px;
  82. }
  83.  
  84. ::-webkit-scrollbar-track-piece {
  85. background-color:{color:Scroll};
  86. }
  87. ::-webkit-scrollbar-thumb {
  88. background-color:{color:Scrollbar};
  89. border:2px solid {color:Scroll};
  90. }
  91.  
  92. /*Body*/
  93.  
  94. body {
  95. margin:0;
  96. padding:0;
  97. border:0;
  98. background:url('{image:Background}');
  99. background-attachment:fixed;
  100. background-repeat:repeat;
  101. background-color:{color:Background};
  102. color:{color:Text};
  103. font-family:arial;
  104. font-size:10px;
  105. line-height:12px;
  106. word-wrap:break-word;
  107. }
  108.  
  109. a {
  110. color:{color:Links};
  111. text-decoration:none;
  112. transition-duration: 0.6s;
  113. -moz-transition-duration: 0.6s;
  114. -webkit-transition-duration: 0.6s;
  115. -o-transition-duration: 0.6s;
  116. }
  117.  
  118. a:hover{
  119. color:{color:Links Hover};
  120. }
  121.  
  122. pre {
  123. width:95%;
  124. margin-left:auto;
  125. margin-right:auto;
  126. white-space:pre-wrap;
  127. word-wrap:break-word;
  128. background:#f4f4f4;
  129. padding:4px;
  130. }
  131.  
  132. blockquote {
  133. width:90%;
  134. margin-left:auto;
  135. margin-right:auto;
  136. padding-left:10px;
  137. padding-top:2px;
  138. padding-bottom:2px;
  139. border-left:1px solid {color:Blockquote};
  140. }
  141.  
  142. b, strong {
  143. color:{color:Bold};
  144. font-weight:bold;
  145. }
  146.  
  147. i, em {
  148. color:{color:Italic};
  149. font-style:italic;
  150. }
  151.  
  152.  
  153.  
  154. /* Center Wrapper */
  155.  
  156. #wrapper{
  157. {block:if250px}
  158. width:270px;
  159. {/block:if250px}
  160. {block:if400px}
  161. width:420px;
  162. {/block:if400px}
  163. {block:if500px}
  164. width:520px;
  165. {/block:if500px}
  166. height:auto;
  167. margin-left:50px;
  168. margin-right:auto;
  169. margin-top:80px;
  170. margin-bottom:50px;
  171. padding:0;
  172. border:0;
  173. background:transparent;
  174. }
  175.  
  176.  
  177. /* Posts */
  178.  
  179. .posts {
  180. {block:if250px}
  181. width:250px;
  182. {/block:if250px}
  183. {block:if400px}
  184. width:400px;
  185. {/block:if400px}
  186. {block:if500px}
  187. width:500px;
  188. {/block:if500px}
  189. height:auto;
  190. padding:10px;
  191. margin-left:-50px;
  192. margin-top:40px;
  193. margin-bottom:10px;
  194. position:relative;
  195. border-left:50px solid {color:Banner};
  196. background:transparent;
  197. color:{color:Text};
  198. font-family:arial;
  199. font-size:10px;
  200. line-height:12px;
  201. text-align:justify;
  202. word-wrap:break-word;
  203. transition-duration: 0.6s;
  204. -moz-transition-duration: 0.6s;
  205. -webkit-transition-duration: 0.6s;
  206. -o-transition-duration: 0.6s;
  207. }
  208.  
  209. {block:IndexPage}
  210. .posts:hover {
  211. border-left:50px solid {color:Banner Hover};
  212. background:{color:Posts};
  213. }
  214. {/block:IndexPage}
  215.  
  216. .posts_title {
  217. color:{color:Text};
  218. font-family:helvetica;
  219. font-size:18px;
  220. font-weight:bold;
  221. letter-spacing:1px;
  222. line-height:20px;
  223. text-align:center;
  224. }
  225.  
  226. .posts_break {
  227. width:255px;
  228. height:21px;
  229. margin-top:5px;
  230. margin-bottom:5px;
  231. margin-left:auto;
  232. margin-right:auto;
  233. opacity:.06;
  234. }
  235.  
  236. .posts li {
  237. margin-left:-15px;
  238. list-style-image:url('http://static.tumblr.com/3yblkz0/XRFmtqmot/1335651657_arrow3_e.gif');
  239. }
  240.  
  241. .posts img { max-width:100%; }
  242. #photo img { max-width:100%; display:block; }
  243. #pset, #vid { margin-bottom:-3px; }
  244.  
  245. /* Black Border */
  246.  
  247. .border {
  248. width:50px;
  249. height:100%;
  250. left:0px;
  251. top:0px;
  252. position:fixed;
  253. background:{color:Banner};
  254. }
  255.  
  256. /* Title */
  257.  
  258. .title {
  259. width:255px;
  260. padding-bottom:10px;
  261. margin-top:-10px;
  262. margin-bottom:60px;
  263. margin-left:auto;
  264. margin-right:auto;
  265. border-bottom:1px solid {color:Border};
  266. color:{color:Title};
  267. font-family:'aliquam';
  268. font-size:23px;
  269. line-height:20px;
  270. letter-spacing:4px;
  271. text-transform:uppercase;
  272. text-align:center;
  273. }
  274.  
  275. /* Sidebar */
  276.  
  277. .sidebar {
  278. width:120px;
  279. height:auto;
  280. margin-top:50px;
  281. {block:if250px}
  282. margin-left:320px;
  283. {/block:if250px}
  284. {block:if400px}
  285. margin-left:470px;
  286. {/block:if400px}
  287. {block:if500px}
  288. margin-left:570px;
  289. {/block:if500px}
  290. position:fixed;
  291. background:transparent;
  292. }
  293.  
  294. .sidebar_desc {
  295. padding:10px;
  296. background:{color:Sidebar Background};
  297. color:{color:Sidebar Text};
  298. font-family:helvetica;
  299. font-size:9px;
  300. font-style:italic;
  301. letter-spacing:1px;
  302. text-align:center;
  303. transition-duration: 0.6s;
  304. -moz-transition-duration: 0.6s;
  305. -webkit-transition-duration: 0.6s;
  306. -o-transition-duration: 0.6s;
  307. }
  308. .sidebar:hover .sidebar_desc {
  309. background:{color:Sidebar Hover};
  310. }
  311. .sidebar_desc a {
  312. color:{color:Sidebar Text};
  313. }
  314. .sidebar_desc a:hover {
  315. text-decoration:underline;
  316. }
  317. .sidebar_desc:first-letter {
  318. font-family:cambria;
  319. font-size:12px;
  320. font-weight:bold;
  321. }
  322. /* Navigation */
  323.  
  324. .sidebar_nav {
  325. width:120px;
  326. margin-top:10px;
  327. border-top:1px solid {color:Nav Border};
  328. }
  329.  
  330. #nav {
  331. margin:0;
  332. border:0;
  333. padding:0;
  334. list-style:none;
  335. position:relative;
  336. }
  337. #nav li {
  338. display:inline;
  339. }
  340. #nav li a {
  341. width:30px;
  342. padding-top:10px;
  343. padding-left:5px;
  344. padding-right:5px;
  345. display:block;
  346. float:left;
  347. color:{color:Nav};
  348. font-family:calibri;
  349. font-size:8px;
  350. text-align:center;
  351. text-transform:uppercase;
  352. }
  353. #nav li a:hover {
  354. border-bottom:1px solid {color:Sidebar Hover};
  355. color:{color:Nav Hover};
  356. }
  357.  
  358. /* Triangle */
  359.  
  360. .tri{
  361. top:0;
  362. left:0px;
  363. width:40px;
  364. border:0;
  365. padding:0;
  366. margin-top:-1px;
  367. position:absolute;
  368. background:transparent;
  369. }
  370.  
  371. .tri:before, .tri:after {
  372. content:"";
  373. position:absolute;
  374. width:0;
  375. height:0;
  376. border-style:solid;
  377. border-color:transparent;
  378. border-bottom:0;
  379. }
  380. .tri:before {
  381. left:10px;
  382. border-top-color:{color:Nav Triangle};
  383. border-width:10px;
  384. }
  385. .tri:after {
  386. left:11px;
  387. border-top-color:{color:Background};
  388. border-width:9px;
  389. }
  390.  
  391. /* Audio */
  392.  
  393. #audio_art {
  394. width:60px;
  395. height:60px;
  396. background-image:url('http://static.tumblr.com/3yblkz0/qYHmtwc9v/artwork__22.png');
  397. background-position:center;
  398. background-repeat:no-repeat;
  399. background-color:{color:Posts};
  400. }
  401.  
  402. #audio_art img {
  403. width:60px;
  404. height:60px;
  405. display:block;
  406. }
  407.  
  408. #audio_info {
  409. {block:if250px}
  410. width:110px;
  411. {/block:if250px}
  412. {block:if400px}
  413. width:260px;
  414. {/block:if400px}
  415. {block:if500px}
  416. width:360px;
  417. {/block:if500px}
  418. height:45px;
  419. padding-left:10px;
  420. padding-top:10px;
  421. padding-bottom:5px;
  422. padding-right:10px;
  423. background:#ffffff;
  424. }
  425. #info_track {
  426. margin-bottom:5px;
  427. color:#000000;
  428. font-family:helvetica;
  429. font-weight:bold;
  430. letter-spacing:0px;
  431. text-align:left;
  432. {block:ifnot250px}
  433. font-size:14px;
  434. line-height:14px;
  435. {/block:ifnot250px}
  436. {block:if250px}
  437. font-size:11px;
  438. line-height:11px;
  439. {/block:if250px}
  440. }
  441. #info_artist {
  442. color:#555555;
  443. font-family:helvetica;
  444. margin-right:5px;
  445. {block:ifnot250px}
  446. font-size:12px;
  447. line-height:12px;
  448. {/block:ifnot250px}
  449. {block:if250px}
  450. font-size:9px;
  451. line-height:9px;
  452. {/block:if250px}
  453. }
  454. #info_album {
  455. color:#aaaaaa;
  456. font-family:helvetica;
  457. {block:ifnot250px}
  458. font-size:12px;
  459. line-height:12px;
  460. {/block:ifnot250px}
  461. {block:if250px}
  462. font-size:9px;
  463. line-height:9px;
  464. {/block:if250px}
  465. }
  466.  
  467.  
  468. #audio_player {
  469. width:25px;
  470. height:30px;
  471. border-left:17px solid #ffffff;
  472. border-top:15px solid #ffffff;
  473. border-right:18px solid #ffffff;
  474. border-bottom:15px solid #ffffff;
  475. overflow:hidden;
  476. background:#ffffff;
  477. opacity:0;
  478. transition-duration: 0.6s;
  479. -moz-transition-duration: 0.6s;
  480. -webkit-transition-duration: 0.6s;
  481. -o-transition-duration: 0.6s;
  482. }
  483. #audio:hover #audio_player {
  484. opacity:1;
  485. }
  486.  
  487. #audio_icon {
  488. width:14px;
  489. height:11px;
  490. border-left:23px solid #ffffff;
  491. border-top:25px solid #ffffff;
  492. border-right:23px solid #ffffff;
  493. border-bottom:24px solid #ffffff;
  494. position:absolute;
  495. background:#ffffff;
  496. }
  497.  
  498. /* Quote */
  499.  
  500. #quote {
  501. margin-bottom:5px;
  502. padding-left:50px;
  503. padding-right:50px;
  504. padding-top:10px;
  505. color:{color:Text};
  506. font-family:cambria;
  507. font-size:14px;
  508. font-style:italic;
  509. text-align:left;
  510. }
  511.  
  512. #source {
  513. padding-right:25px;
  514. text-align:right;
  515. }
  516.  
  517.  
  518. /* Ask */
  519.  
  520. #asker {
  521. margin-bottom:5px;
  522. color:#000;
  523. margin-left:auto;
  524. margin-right:auto;
  525. font-family:helvetica;
  526. font-size:12px;
  527. font-weight:bold;
  528. font-style:normal;
  529. line-height:12px;
  530. }
  531.  
  532. #asker a {
  533. color:#000;
  534. }
  535.  
  536. #question {
  537. padding-top:5px;
  538. padding-bottom:10px;
  539. padding-right:10px;
  540. padding-left:10px;
  541. font-style:italic;
  542. text-align:center;
  543. border-bottom:1px solid {color:Border};
  544. }
  545.  
  546.  
  547. /* Perma - Index Page */
  548.  
  549. .perma_outside {
  550. width:100%;
  551. height:auto;
  552. margin-left:auto;
  553. margin-right:auto;
  554. margin-bottom:40px;
  555. }
  556.  
  557. .perma_inside {
  558. width:125px;
  559. margin-left:auto;
  560. margin-right:auto;
  561. padding-top:4px;
  562. padding-bottom:4px;
  563. padding-left:5px;
  564. padding-right:5px;
  565. background:rgba(255,255,255,0.7);
  566. color:{color:Perma};
  567. font-family:calibri;
  568. font-size:8px;
  569. letter-spacing:0px;
  570. text-align:center;
  571. text-transform:uppercase;
  572. }
  573.  
  574. .tags {
  575. margin-top:2px;
  576. color:{color:Tags};
  577. font-family:helvetica;
  578. font-family:calibri;
  579. font-size:8px;
  580. letter-spacing:2px;
  581. text-align:center;
  582. text-transform:uppercase;
  583. }
  584. .tags a {
  585. color:{color:Tags};
  586. }
  587. .perma_inside a{
  588. color:{color:Perma};
  589. }
  590.  
  591. /* Perma - Permalink Page */
  592.  
  593. .permapage {
  594. width:255px;
  595. margin-left:auto;
  596. margin-right:auto;
  597. margin-top:10px;
  598. color:#000;
  599. font-size:9px;
  600. line-height:14px;
  601. text-align:left;
  602. }
  603.  
  604. ol.notes {
  605. padding:0px;
  606. margin:10px 0px;
  607. list-style-type: none;
  608. border-bottom:1px solid {color:Border};
  609. color:#aaa;
  610. font-family:calibri;
  611. font-size:8px;
  612. font-style:normal;
  613. letter-spacing:1px;
  614. text-transform:uppercase;
  615. text-align:left;
  616. }
  617.  
  618. ol.notes a {
  619. color:#aaa;
  620. text-decoration:none;
  621. }
  622. ol.notes a:hover {
  623. color:{color:Links Hover};
  624. }
  625.  
  626. li.note {
  627. padding:10px;
  628. border-top:1px solid {color:Border};
  629. }
  630.  
  631. img.avatar {
  632. vertical-align: -4px;
  633. margin-right:10px;
  634. width:14px;
  635. height:14px;
  636. }
  637.  
  638. /* Pagination */
  639.  
  640. .pagi {
  641. width:255px;
  642. margin-left:auto;
  643. margin-right:auto;
  644. margin-top:25px;
  645. font-family:aliquam;
  646. font-size:13px;
  647. text-transform:uppercase;
  648. letter-spacing:2px;
  649. text-align:center;
  650. }
  651.  
  652. .pagi a {
  653. color:#000;
  654. }
  655.  
  656.  
  657. #s-m-t-tooltip{
  658. max-width:300px;
  659. margin-top:25px;
  660. margin-left:15px;
  661. padding-left:5px;
  662. padding-right:5px;
  663. padding-top:1px;
  664. padding-bottom:1px;
  665. z-index:999999;
  666. border:1px solid {color:Border};
  667. background-color:{color:Posts};
  668. color:{color:Text};
  669. font-family:cambria;
  670. font-size:9px;
  671. letter-spacing:1px;
  672. text-transform:lowercase;
  673. line-height:13px;
  674. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  675. -webkit-border-radius: 2px;
  676. -moz-border-radius: 2px;
  677. border-radius: 2px;
  678. }
  679.  
  680.  
  681.  
  682. </style>
  683.  
  684. {block:IndexPage}
  685. {block:ifInfiniteScroll}
  686. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  687. {/block:ifInfiniteScroll}
  688. {/block:IndexPage}
  689.  
  690.  
  691. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  692. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  693. <script>
  694. (function($){
  695. $(document).ready(function(){
  696. $("[title],a[title],img[title]").style_my_tooltips({
  697. tip_follows_cursor:true,
  698. tip_delay_time:100,
  699. tip_fade_speed:250,
  700. attribute:"title"
  701. });
  702. });
  703. })(jQuery);
  704. </script>
  705.  
  706. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
  707. <script>
  708. $(function() {
  709. var $el, leftPos, newWidth,
  710. $mainNav = $("#nav");
  711. $mainNav.append("<li class='tri'></li>");
  712. var $magicLine = $(".tri");
  713. $magicLine
  714. .width($(".current_item").width())
  715. .css("left", $(".current_item a").position().left)
  716. .data("origLeft", $magicLine.position().left);
  717. $("#nav li a").hover(function() {
  718. $el = $(this);
  719. leftPos = $el.position().left;
  720. newWidth = $el.parent().width();
  721. $magicLine.stop().animate({
  722. left: leftPos,
  723. });
  724. }, function() {
  725. $magicLine.stop().animate({
  726. left: $magicLine.data("origLeft"),
  727. });
  728. });
  729. });
  730. </script>
  731.  
  732. </head>
  733. <body>
  734.  
  735. <div class="border"></div>
  736. <div id="wrapper">
  737. <div class="title">{Title}</div>
  738. <div class="sidebar">
  739. <div class="sidebar_desc">{Description}
  740. <br><center>
  741.  
  742.  
  743.  
  744.  
  745. </center></div>
  746. <div class="sidebar_nav">
  747. <ul class="group" id="nav">
  748. <li class="current_item"><a href="/">一</a></li>
  749. <li><a href="/ask">二</a></li>
  750. <li><a href="/archive">三</a></li>
  751. {block:ifLink}<li><a href="{text:Link}">{text:Link title}</a></li>{/block:ifLink}
  752. </ul>
  753. </div>
  754. </div>
  755.  
  756. <div class="autopagerize_page_element" >
  757. {block:Posts}
  758. <div class="posts">
  759.  
  760. {block:ContentSource}
  761. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  762. {/block:SourceLogo}
  763. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  764. {/block:ContentSource}
  765.  
  766.  
  767. {block:Photo}
  768. {block:IndexPage}
  769. <div id="photo">
  770. <center>{LinkOpenTag}
  771. <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
  772. {LinkCloseTag}</center>
  773. </div>
  774. {/block:IndexPage}
  775. {block:PermalinkPage}
  776. <div id="photo">
  777. <center>{LinkOpenTag}
  778. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  779. {LinkCloseTag}</center>
  780. </div>
  781. {/block:PermalinkPage}
  782. {block:ifShowCaptions}
  783. {block:Indexpage}
  784. {block:Caption}{Caption}{/block:Caption}
  785. {/block:Indexpage}
  786. {/block:ifShowCaptions}
  787. {block:PermalinkPage}
  788. {block:Caption}{Caption}{/block:Caption}
  789. {/block:PermalinkPage}
  790. {/block:Photo}
  791.  
  792.  
  793. {block:Photoset}
  794. {block:if250px}
  795. <div id="pset">
  796. {Photoset-250}
  797. </div>
  798. {/block:if250px}
  799. {block:if400px}
  800. <div id="pset">
  801. {Photoset-400}
  802. </div>
  803. {/block:if400px}
  804. {block:if500px}
  805. <div id="pset">
  806. {Photoset-500}
  807. </div>
  808. {/block:if500px}
  809. {block:ifShowCaptions}
  810. {block:Indexpage}
  811. {block:Caption}{Caption}{/block:Caption}
  812. {/block:Indexpage}
  813. {/block:ifShowCaptions}
  814. {block:PermalinkPage}
  815. {block:Caption}{Caption}{/block:Caption}
  816. {/block:PermalinkPage}
  817. {/block:Photoset}
  818.  
  819.  
  820. {block:Video}
  821. {block:if250px}
  822. <div id="vid">
  823. <center>{Video-250}</center>
  824. </div>
  825. {/block:if250px}
  826. {block:if400px}
  827. <div id="vid">
  828. <center>{Video-400}</center>
  829. </div>
  830. {/block:if400px}
  831. {block:if500px}
  832. <div id="vid">
  833. <center>{Video-500}</center>
  834. </div>
  835. {/block:if500px}
  836. {block:ifShowCaptions}
  837. {block:Indexpage}
  838. {block:Caption}{Caption}{/block:Caption}
  839. {/block:Indexpage}
  840. {/block:ifShowCaptions}
  841. {block:PermalinkPage}
  842. {block:Caption}{Caption}{/block:Caption}
  843. {/block:PermalinkPage}
  844. {/block:Video}
  845.  
  846.  
  847.  
  848. {block:Audio}
  849. <table id="audio" border="0" cellpadding="0" cellspacing="0" width="100%" height="60px"><tr>
  850. <td id="audio_art" valign="top">
  851. {block:AlbumArt}
  852. <img width="60px" height="60px" src="{AlbumArtURL}"/>
  853. {/block:AlbumArt}
  854. </td>
  855. <td valign="top" >
  856. <div id="audio_info">
  857. <div id="info_track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  858. <span id="info_artist">{block:Artist}{Artist}{/block:Artist}</span>
  859. <span id="info_album">{block:Album} {Album}{/block:Album}</span>
  860. </div>
  861. </td>
  862. <td valign="top" >
  863. <div id="audio_icon"><img src="http://static.tumblr.com/3yblkz0/FIzmtqmqw/music__6_.gif"></div>
  864. <div id="audio_player">{AudioPlayerWhite}</div>
  865.  
  866. </td>
  867. </tr>
  868. </table>
  869. {block:ifShowCaptions}
  870. {block:Indexpage}
  871. {block:Caption}{Caption}{/block:Caption}
  872. {/block:Indexpage}
  873. {/block:ifShowCaptions}
  874. {block:PermalinkPage}
  875. {block:Caption}{Caption}{/block:Caption}
  876. {/block:PermalinkPage}
  877. {/block:Audio}
  878.  
  879. {block:Text}
  880. {block:Title}<div class="posts_title">{Title}</div>{/block:Title}
  881. {Body}
  882. {/block:Text}
  883.  
  884. {block:Link}
  885. <div class="posts_title"><a href="{URL}" {Target}>{Name}</a></div>
  886. {block:Description}{Description}{/block:Description}
  887. {/block:Link}
  888.  
  889.  
  890. {block:Answer}
  891. <center><img style="padding:10px; background:#f8f8f8; border:1px solid {color:Border};"src="{AskerPortraitURL-30}"></center>
  892. <div id="question"><div id="asker">{Asker} asked</div> {Question}</div>
  893. {Answer}
  894. {/block:Answer}
  895.  
  896.  
  897.  
  898. {block:Quote}
  899. <span style="
  900. margin-left:15px;
  901. margin-top:-5px;
  902. float:left;
  903. color:#ddd;
  904. font:45px times;
  905. font-style:italic;
  906. font-weight:bold;">“</span>
  907. <div id="quote">{Quote}</div>
  908. {block:Source}<div id="source"> — {Source}</div>{/block:Source}
  909. {/block:Quote}
  910.  
  911. {block:Chat}
  912. {block:Title}<div class="posts_title">{Title}</div>{/block:Title}
  913. {block:Lines}<ul>
  914. {block:Label}
  915. <li style="margin-bottom:5px;"><b>{Label}</b></li>
  916. {/block:Label}
  917. {Line}</ul>
  918. {/block:Lines}
  919. {/block:Chat}
  920.  
  921. </div>
  922.  
  923. {block:IndexPage}
  924. <div class="perma_outside">
  925. <div class="tri2"></div>
  926. <div class="perma_inside">
  927. <a href="{Permalink}">{DayOfMonth} {Month}, {Year}</a> {block:NoteCount}• {NoteCountWithLabel}{/block:NoteCount}
  928. </div>
  929. {block:ifShowTags}
  930. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag};</a> {/block:Tags} </div>{/block:HasTags}{/block:ifShowTags}
  931. </div>
  932. {/block:IndexPage}
  933.  
  934. <div class="posts_break"><img src="http://static.tumblr.com/3yblkz0/Wu3mtote2/pngg.png"></div>
  935.  
  936.  
  937. {block:PermalinkPage}
  938. <div class="permapage">
  939. {block:Date}
  940. {block:HighRes}
  941. <strong><a href="{PhotoURL-HighRes}">High-res »</a></strong><br>
  942. {/block:HighRes}
  943. <strong>Posted:</strong> {Month} {DayofMonth}, {Year} ({TimeAgo})
  944. {/block:Date}
  945. {block:RebloggedFrom}
  946. <br><strong>Reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  947. <br><strong>Originally by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a></span>
  948. {/block:RebloggedFrom}
  949. {block:HasTags}
  950. <br><strong>Tagged:</strong> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  951. {/block:HasTags}
  952. {block:NoteCount}
  953. <br><strong>Notes:</strong> {NoteCount}
  954. {/block:NoteCount}
  955. </div>
  956.  
  957. {block:PostNotes}{PostNotes}{/block:PostNotes}
  958. {/block:PermalinkPage}
  959.  
  960. {/block:Posts}
  961. </div>
  962.  
  963.  
  964. {block:ifnotInfiniteScroll}{block:Pagination}
  965. <div class="pagi">
  966. {block:PreviousPage}
  967. <a href="{PreviousPage}">back</a>
  968. {/block:PreviousPage}
  969. {block:JumpPagination length="4"}
  970. {block:CurrentPage}
  971. <span class="current_page">{PageNumber}</span>
  972. {/block:CurrentPage}
  973. {block:JumpPage}
  974. <a class="jump_page" href="{URL}">{PageNumber}</a>
  975. {/block:JumpPage}
  976. {/block:JumpPagination}
  977. {block:NextPage}
  978. <a href="{NextPage}">next</a>
  979. {/block:NextPage}
  980. </div>
  981. {/block:Pagination}{/block:ifnotInfiniteScroll}
  982.  
  983. </div>
  984. </body>
  985. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!