API tools faq
paste
Advertisement
Tokyo-themes

wings

Tokyo-themes
Feb 10th, 2017
1,655
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.96 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. THEME: WINGS
  4. © tokyo-themes
  5.  
  6. © shythemes // video resizing
  7. © roxiestheme // audio player
  8. © linearicons // icons
  9.  
  10. --->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15.  
  16. <head>
  17.  
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{FavIcon}" />
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  22. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  23. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  24. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  25. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  26. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  27. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  28.  
  29. <meta name="image:Background" content=""/>
  30. <meta name="image:Header" content="http://static.tumblr.com/t2vfgl4/Fuhol5abe/ynwa_jungkook.jpg"/>
  31.  
  32. <meta name="color:Background" content="#ffffff" />
  33. <meta name="color:Accent" content="#76b3ce"/>
  34. <meta name="color:Body Text" content="#888888"/>
  35. <meta name="color:Links" content="#222222"/>
  36. <meta name="color:Links Hover" content="#777777"/>
  37. <meta name="color:Bold" content="#222222" />
  38. <meta name="color:Italics" content="#aaaaaa" />
  39. <meta name="color:Strikethrough" content="#47738a"/>
  40. <meta name="color:Underline" content="#e99578"/>
  41. <meta name="color:Title" content="#4a4242"/>
  42. <meta name="color:Description" content="#626262"/>
  43. <meta name="color:Border" content="#dddddd"/>
  44. <meta name="color:Posts" content="#f0f0f0"/>
  45.  
  46. <meta name="select:Post size" content="700px" title="700" />
  47. <meta name="select:Post size" content="540px" title="540" />
  48. <meta name="select:Post size" content="500px" title="500"/>
  49. <meta name="select:Post size" content="400px" title="400" />
  50. <meta name="if:Light controls" content="1" />
  51.  
  52. <meta name="text:Header position" content="center center"/>
  53. <meta name="text:Description opacity" content="0.9"/>
  54. <meta name="text:Link1 title" content="link one"/>
  55. <meta name="text:Link1 url" content="http://"/>
  56. <meta name="text:Link2 title" content="link two"/>
  57. <meta name="text:Link2 url" content="http://"/>
  58. <meta name="text:Link3 title" content="link three"/>
  59. <meta name="text:Link3 url" content="http://"/>
  60.  
  61. <style type="text/css">
  62.  
  63. #tumblr_controls,
  64. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  65. top: 5%!important;
  66. right: 10px!important;
  67. overflow: hidden!important;
  68. position: fixed!important;
  69. {block:iflightcontrols}
  70. -webkit-filter: invert(100%);
  71. opacity: 0.5!important;
  72. {/block:iflightcontrols}
  73. {block:ifnotlightcontrols}
  74. -webkit-filter: invert(100%);
  75. opacity: 0.8!important;
  76. {/block:ifnotlightcontrols}
  77. z-index: 999999!important;
  78. }
  79.  
  80.  
  81.  
  82.  
  83. /* Scrollbar & Selected text */
  84.  
  85. ::-webkit-scrollbar {
  86. height: 5px;
  87. width: 5px;
  88. background: {color:background};
  89. }
  90. ::-webkit-scrollbar-thumb {
  91. border-radius: 100px;
  92. border: 2px solid {color:background};
  93. background: {color:accent};
  94. }
  95.  
  96. ::selection {
  97. color: {color:accent};
  98. background: {color:background};
  99. }
  100. ::-moz-selection {
  101. color: {color:accent};
  102. background: {color:background};
  103. }
  104. ::-webkit-selection {
  105. color: {color:accent};
  106. background: {color:background};
  107. }
  108.  
  109. /* End of Scrollbar & Selected text */
  110.  
  111.  
  112.  
  113.  
  114. body, html {
  115. height: 100%;
  116. min-height: 100%;
  117. color: {color:body text};
  118. line-height: 16px;
  119. font-size: 10px;
  120. font-family: Arial;
  121. background: {color:background} url('{image:background}') center repeat fixed;
  122. }
  123.  
  124. a{cursor:help; color: {color:links}; text-decoration: none;}
  125. a:hover{color: {color:links hover};}
  126. b {color: {color:bold}; font-weight: bold;}
  127. i {color: {color:italics}; font-style: italic;}
  128. s {color: {color:strikethrough}; text-decoration: line-through;}
  129. u {color: {color:underline}; text-decoration: underline;}
  130.  
  131. #s-m-t-tooltip {
  132. margin-top: -20px;
  133. margin-left: 20px;
  134. max-width: 300px;
  135. padding: 3px 8px;
  136. color: {color:bold};
  137. background: {color:posts};
  138. z-index: 10000000;
  139. }
  140.  
  141.  
  142.  
  143.  
  144. /* Navigation */
  145.  
  146. .kookie {
  147. top: 0px;
  148. left: 0px;
  149. height: 100%;
  150. width: 30%;
  151. border-right: 1px solid {color:border};
  152. position: fixed;
  153. z-index: 100;
  154. }
  155.  
  156. .navigation {
  157. top: calc(520px - 20%);
  158. left: 30%;
  159. margin-left: -270px;
  160. height: auto;
  161. width: 520px;
  162. position: fixed;
  163. -webkit-transform: rotate(270deg);
  164. -moz-transform: rotate(270deg);
  165. -o-transform: rotate(270deg);
  166. }
  167. .navigation a {
  168. height: 10px;
  169. margin: 0px 8px;
  170. padding: 5px 0px;
  171. color: {color:links};
  172. line-height: 10px;
  173. font-size: 10px;
  174. font-family: 'Raleway', sans-serif;
  175. font-weight: bold;
  176. letter-spacing: 2px;
  177. text-transform: uppercase;
  178. text-align: right;
  179. display: inline;
  180. border-bottom: 1px solid {color:border};
  181. }
  182. .navigation a:hover {
  183. color: {color:links hover};
  184. border-bottom: 1px solid {color:background};
  185. }
  186.  
  187. /* End of Navigation */
  188.  
  189.  
  190.  
  191.  
  192. /* Header */
  193.  
  194. .header {
  195. top: 10%;
  196. right: 0px;
  197. height: 500px;
  198. width: 70%;
  199. background: url('{image:header}') {text:header position} no-repeat;
  200. background-size: 100%;
  201. position: absolute;
  202. }
  203.  
  204. .jhope {
  205. top: 10%;
  206. right: 0px;
  207. height: 500px;
  208. width: 70%;
  209. position: fixed;
  210. }
  211.  
  212. .title {
  213. top: 0;
  214. left: 0px;
  215. height: auto;
  216. width: 80px;
  217. padding: 10px;
  218. color: {color:title};
  219. line-height: 15px;
  220. font-size: 15px;
  221. font-family: 'Raleway', sans-serif;
  222. font-weight: bold;
  223. letter-spacing: 2px;
  224. text-transform: uppercase;
  225. text-align: left;
  226. position: absolute;
  227. } .add{color:{color:description}; background:{color:background};}
  228.  
  229. .descr {
  230. top: 50%;
  231. left: 50%;
  232. transform: translate(-50%, -50%);
  233. height: auto;
  234. width: 300px;
  235. padding: 15px;
  236. color:{color:description};
  237. text-align: left;
  238. {block:iflightcontrols}
  239. background: rgba(255,255,255, {text:description opacity});
  240. {/block:iflightcontrols}
  241. {block:ifnotlightcontrols}
  242. background: rgba(000,000,000, {text:description opacity});
  243. {/block:ifnotlightcontrols}
  244. position: absolute;
  245. }
  246.  
  247. .down {
  248. bottom: 5px;
  249. right: 5px;
  250. height: 15px;
  251. width: 15px;
  252. padding: 10px;
  253. line-height: 15px;
  254. font-size: 15px;
  255. text-align: center;
  256. {block:iflightcontrols}
  257. background: rgba(255,255,255, {text:description opacity});
  258. {/block:iflightcontrols}
  259. {block:ifnotlightcontrols}
  260. background: rgba(000,000,000, {text:description opacity});
  261. {/block:ifnotlightcontrols}
  262. position: absolute;
  263. } .down span{color:{color:description};}
  264.  
  265. /* End of Header */
  266.  
  267.  
  268.  
  269.  
  270. /* Posts */
  271.  
  272. {block:iflightcontrols}
  273. .vignette, #vignette {opacity:0;}
  274. .lightbox-image, #tumblr_lightbox img {
  275. box-shadow:none !important;
  276. border-radius:0 !important;
  277. max-width:none;
  278. -moz-box-sizing:border-box;
  279. box-sizing:border-box;
  280. }
  281. .tmblr-lightbox, #tumblr_lightbox {
  282. background-color:rgba(255,255,255,.9) !important;
  283. }
  284. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  285. {/block:iflightcontrols}
  286.  
  287.  
  288. #entry {
  289. {block:IndexPage}
  290. top: 100%;
  291. {/block:IndexPage}
  292. left: 30%;
  293. height:100%;
  294. width: 70%;
  295. position: relative;
  296. }
  297.  
  298. .posts {
  299. {block:IndexPage}
  300. margin: 200px 0px;
  301. width: {select:post size};
  302. {/block:IndexPage}
  303. {block:PermalinkPage}
  304. margin: 100px 0px;
  305. width: 540px;
  306. {/block:PermalinkPage}
  307. margin-left: auto;
  308. margin-right:auto;
  309. position: relative;
  310. } .posts img{ max-width: 100%;}
  311.  
  312.  
  313. .tbody {
  314. width: calc(100% - 40px);
  315. padding: 20px;
  316. background: {color:posts};
  317. }
  318. .ptitle {
  319. height: 40px;
  320. width: calc(100% - 20px);
  321. margin-bottom: 1px;
  322. padding: 10px;
  323. color: {color:bold};
  324. font-size: 15px;
  325. line-height: 40px;
  326. text-align: left;
  327. font-family: 'Raleway', sans-serif;
  328. font-weight: bold;
  329. letter-spacing: 2px;
  330. text-transform: uppercase;
  331. background: {color:posts};
  332. overflow: hidden;
  333. }
  334.  
  335. .ltitle {
  336. height: 40px;
  337. width: calc(100% - 20px);
  338. margin-bottom: 1px;
  339. padding: 10px;
  340. font-size: 15px;
  341. line-height: 40px;
  342. font-family: 'Raleway', sans-serif;
  343. font-weight: bold;
  344. letter-spacing: 2px;
  345. text-transform: uppercase;
  346. text-align: left;
  347. background: {color:posts};
  348. overflow: hidden;
  349. } .ltitle a{color:{color:bold};}
  350. .line {
  351. top: 60px;
  352. left: 0px;
  353. height: 1px;
  354. width: 0px;
  355. background: {color:accent};
  356. position: absolute;
  357. } .ltitle:hover .line{ height: 1px; width: 100%;}
  358.  
  359. .player{
  360. width:80px;
  361. overflow:hidden;
  362. }
  363. .audio {
  364. top: 0;
  365. right:0px;
  366. width: calc(100% - 121px);
  367. height: calc(85px - 40px);
  368. padding: 20px;
  369. font-size: 11px;
  370. text-align: left;
  371. background: {color:posts};
  372. position: absolute;
  373. }
  374.  
  375. .quotes {
  376. margin-bottom: 1px;
  377. width: calc(100% - 40px);
  378. padding: 20px;
  379. color: {color:bold};
  380. font-size: 15px;
  381. font-weight: bold;
  382. font-style: italic;
  383. text-transform: uppercase;
  384. font-family: 'Raleway', sans-serif;
  385. text-align: center;
  386. background: {color:posts};
  387. }
  388. .quotes i {
  389. margin: 5px;
  390. color: {color:italics};
  391. font-size: 20px;
  392. font-family: arial;
  393. }
  394. .qsources:before {
  395. content: '-';
  396. margin-right: 2px;
  397. color: {color:italics};
  398. font-style: none;
  399. }
  400. .qsources {
  401. height: 20px;
  402. width: calc(100% - 20px);
  403. padding: 10px;
  404. font-size: 11px;
  405. font-style: italic;
  406. text-transform: uppercase;
  407. text-align: right;
  408. background: {color:posts};
  409. }
  410.  
  411. .asker img {
  412. margin-right: 0px;
  413. height: 40px;
  414. width: 40px;
  415. padding: 10px;
  416. background: {color:posts};
  417. float: left;
  418. }
  419. .ask {
  420. width: calc(100% - 40px);
  421. padding: 20px;
  422. font-size: 10px;
  423. text-align: left;
  424. background: {color:posts};
  425. }
  426. .askname {
  427. margin-bottom: 1px;
  428. margin-left: 61px;
  429. height: 40px;
  430. width: calc(100% - 81px);
  431. padding: 10px;
  432. font-size: 15px;
  433. line-height: 40px;
  434. font-family: 'Raleway', sans-serif;
  435. font-weight: bold;
  436. letter-spacing: 2px;
  437. text-transform: uppercase;
  438. text-align: left;
  439. background: {color:posts};
  440. overflow: hidden;
  441. }
  442. .answer {
  443. margin-top: 1px;
  444. width: calc(100% - 40px);
  445. padding: 20px;
  446. font-size: 10px;
  447. text-align: right;
  448. background: {color:posts};
  449. }
  450.  
  451. .odd .chat {
  452. margin-bottom: 1px;
  453. width: calc(100% - 20px);
  454. padding: 10px;
  455. color: {color:italics};
  456. font-size: 10px;
  457. font-style: italic;
  458. background: {color:posts};
  459. }
  460. .even .chat {
  461. margin-bottom: 1px;
  462. width: calc(100% - 20px);
  463. padding: 10px;
  464. color: {color:bold};
  465. font-size: 10px;
  466. font-style: italic;
  467. background: {color:posts};
  468. }
  469.  
  470.  
  471. /* Permalinks */
  472.  
  473. .like-b {
  474. position:relative;
  475. display:inline-block;
  476. height:30px;
  477. line-height:30px;
  478. overflow:hidden;
  479. margin-bottom:-10px;
  480. margin-right:-2px;
  481. }
  482. .like-b .like_button iframe {
  483. position:absolute;
  484. top:0;
  485. left:0;
  486. bottom:0;
  487. right:0;
  488. z-index:2;
  489. opacity:0;
  490. } .like-b .liked + .lnr {color:{color:accent};}
  491.  
  492. .prma_photo {
  493. top: 5px;
  494. left: 5px;
  495. height: 30px;
  496. min-width: 10px;
  497. padding: 0px 10px;
  498. line-height: 30px;
  499. font-size: 12px;
  500. font-weight: bold;
  501. font-family: arial;
  502. text-transform: uppercase;
  503. text-align: center;
  504. display: inline-block;
  505. background: {color:background};
  506. position: absolute;
  507. opacity: 0;
  508. z-index: 9999;
  509. }
  510.  
  511. .perma_photo {
  512. bottom: 10px;
  513. right: 5px;
  514. height: 30px;
  515. width: auto;
  516. position: absolute;
  517. opacity: 0;
  518. z-index: 9999;
  519. }
  520.  
  521. .perma_photo span {
  522. height: 14px;
  523. width: 14px;
  524. padding: 8px;
  525. color: {color:links};
  526. font-size: 12px;
  527. line-height: 14px;
  528. font-weight: bold;
  529. text-transform: uppercase;
  530. text-align: center;
  531. background: {color:background};
  532. display: inline-block;
  533. }
  534.  
  535. .prma{
  536. bottom: -35px;
  537. left: -5px;
  538. height: 30px;
  539. min-width: 10px;
  540. padding: 0px 10px;
  541. line-height: 30px;
  542. font-size: 12px;
  543. font-family: arial;
  544. font-weight: bold;
  545. text-transform: uppercase;
  546. text-align: center;
  547. background: {color:posts};
  548. display: inline-block;
  549. position: absolute;
  550. opacity: 0;
  551. z-index: 9999;
  552. }
  553.  
  554. .perma {
  555. bottom: -35px;
  556. right: -5px;
  557. height: 30px;
  558. width: auto;
  559. position: absolute;
  560. opacity: 0;
  561. z-index: 9999;
  562. }
  563.  
  564. .perma span {
  565. height: 14px;
  566. width: 14px;
  567. padding: 8px;
  568. color: {color:links};
  569. font-size: 12px;
  570. line-height: 14px;
  571. text-align: center;
  572. font-weight: bold;
  573. text-transform: uppercase;
  574. background: {color:posts};
  575. display: inline-block;
  576. }
  577.  
  578. .posts:hover .prma_photo{opacity:1;}
  579. .posts:hover .perma_photo{opacity:1;}
  580. .posts:hover .prma{opacity:1;}
  581. .posts:hover .perma{opacity:1;}
  582.  
  583.  
  584. .captions {
  585. margin-top: 1px;
  586. width: calc(100% - 40px);
  587. padding: 20px;
  588. text-align: left;
  589. background: {color:posts};
  590. }
  591.  
  592. .noting {
  593. margin: 1px 0px;
  594. height: auto;
  595. width: calc(100% - 20px);
  596. padding: 10px;
  597. background: {color:posts};
  598. }
  599.  
  600. ol.notes {
  601. margin: 1px 0px;
  602. padding: 0px;
  603. list-style-type: none;
  604. }
  605.  
  606. ol.notes li.note {
  607. padding: 10px;
  608. background: {color:posts};
  609. margin-bottom: 1px;
  610. } ol.notes li.note img.avatar{display: none;}
  611.  
  612. blockquote {
  613. margin-left: 6px;
  614. padding-left: 10px;
  615. border-left: 1px solid {color:border};
  616. }
  617.  
  618. /* End of Permalinks & Posts */
  619.  
  620.  
  621.  
  622.  
  623. /* Footer */
  624.  
  625. .footer {
  626. margin-left: auto;
  627. margin-right: auto;
  628. height: 40px;
  629. {block:IndexPage}
  630. width: calc({select:post size} - 20px);
  631. {/block:IndexPage}
  632. {block:PermalinkPage}
  633. width: calc(540px - 20px);
  634. {/block:PermalinkPage}
  635. padding: 10px;
  636. background: {color:posts};
  637. position: relative;
  638. display: block;
  639. }
  640.  
  641. .cred a {
  642. top: 10px;
  643. right: 20px;
  644. color: {color:italics};
  645. line-height: 40px;
  646. font-size: 10px;
  647. text-align: right;
  648. position: absolute;
  649. display: inline-block;
  650. }
  651.  
  652. .pagination {
  653. top: 10px;
  654. left: 20px;
  655. width: auto;
  656. color: {color:italics};
  657. line-height: 40px;
  658. font-size: 12px;
  659. font-family: 'Raleway', sans-serif;
  660. font-weight: bold;
  661. letter-spacing: 1px;
  662. text-transform: uppercase;
  663. display: inline-block;
  664. text-align: left;
  665. position: absolute;
  666. }
  667.  
  668. /* End of Footer */
  669.  
  670.  
  671.  
  672.  
  673. /* Transitions */
  674.  
  675. a, .ltitle, .line, .title, .descr, .down, .navigation, .prma_photo, .perma_photo, .perma, .prma {
  676. -webkit-transition: opacity 0.5s linear;
  677. -webkit-transition: all 0.5s ease-in-out;
  678. -moz-transition: all 0.5s ease-in-out;
  679. -o-transition: all 0.5s ease-in-out;
  680. }
  681.  
  682. /* End of Transitions */
  683.  
  684. {CustomCSS}
  685.  
  686.  
  687. </style>
  688. </head>
  689.  
  690.  
  691. <script>
  692. $(document).ready(function(){
  693. $(window).bind('scroll', function(){
  694. if($(window).scrollTop() > 100){
  695. $('.title').addClass('add');
  696. $('.descr, .down').css('opacity', '0');
  697. }
  698. else{
  699. $('.title').removeClass('add');
  700. $('.descr, .down').css('opacity', '1');
  701. }
  702. });
  703. });
  704. </script> <!--- Scroll Transitions --->
  705.  
  706.  
  707. <script>
  708. $(function() {
  709. $('a[href*="#"]:not([href="#"])').click(function() {
  710. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname){
  711. var target = $(this.hash);
  712. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  713. if (target.length) {
  714. $('html, body').animate({
  715. scrollTop: target.offset().top
  716. }, 1000); return false;
  717. }
  718. }
  719. });
  720. });
  721. </script> <!--- Smooth Scrolling --->
  722.  
  723.  
  724. <script>
  725. (function($){
  726. $(document).ready(function(){
  727. $("[title]").style_my_tooltips();});})(jQuery);
  728. </script> <!--- ToolTips --->
  729.  
  730. <script>
  731. $(document).ready(function() {
  732. $('iframe.tumblr_audio_player').load( function() {
  733. $('iframe.tumblr_audio_player').contents().find("head")
  734. .append($("<style type='text/css'> .audio-player{background:{color:accent} !important} </style>"));
  735. });
  736. });
  737. </script> <!--- Audio Player --->
  738.  
  739. <body>
  740.  
  741. <div class="kookie">
  742. <div class="navigation">
  743. {block:Iflink3title}
  744. <a href="{text:link3 url}">{text:link3 title}</a>
  745. {/block:Iflink3title}
  746. {block:Iflink2title}
  747. <a href="{text:link2 url}">{text:link2 title}</a>
  748. {/block:Iflink2title}
  749. {block:Iflink1title}
  750. <a href="{text:link1 url}">{text:link1 title}</a>
  751. {/block:Iflink1title}
  752. <a href="/archive">archive</a>
  753. <a href="/ask">message</a>
  754. <a href="/"><font style="color:{color:accent};">index</font></a>
  755. </div>
  756. </div>
  757.  
  758. {block:IndexPage}
  759. <div class="header"></div>
  760. <div class="jhope">
  761. <div class="title">{title}</div>
  762. {block:ShowDescription}
  763. <div class="descr">
  764. {description}</div>
  765. {/block:ShowDescription}
  766. <div class="down">
  767. <a href="#down"><span class="lnr lnr-chevron-down"></span></a>
  768. </div>
  769. </div>
  770. {/block:IndexPage}
  771.  
  772.  
  773. <div id="entry"> <a name="down"></a>
  774. {block:Posts}
  775. <div class="posts" id="{PostID}">
  776.  
  777.  
  778.  
  779.  
  780. {block:Photo}
  781. {block:IndexPage}
  782. <div class="prma_photo">
  783. <a href="{Permalink}">{NoteCount}</a>
  784. </div>
  785. <div class="perma_photo">
  786. <a class="like-b" href="#">{LikeButton}<span class="lnr lnr-heart"></span></a>
  787. <a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a>
  788. </div>
  789. {/block:IndexPage}
  790. {LinkOpenTag}
  791. <img src="{PhotoURL-HighRes}" width="100%">
  792. {LinkCloseTag}
  793. {block:PermalinkPage}
  794. {block:Caption}
  795. <div class="captions">{Caption}</div>
  796. {/block:Caption}
  797. {/block:PermalinkPage}
  798. {/block:Photo}
  799.  
  800.  
  801.  
  802.  
  803. {block:Photoset}
  804. {block:IndexPage}
  805. <div class="prma_photo">
  806. <a href="{Permalink}">{NoteCount}</a>
  807. </div>
  808. <div class="perma_photo">
  809. <a class="like-b" href="#">{LikeButton}<span class="lnr lnr-heart"></span></a>
  810. <a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a>
  811. </div>
  812. {/block:IndexPage}
  813. {Photoset}
  814. {block:PermalinkPage}
  815. {block:Caption}
  816. <div class="captions">{Caption}</div>
  817. {/block:Caption}
  818. {/block:PermalinkPage}
  819. {/block:Photoset}
  820.  
  821.  
  822.  
  823.  
  824. {block:Text}
  825. {block:IndexPage}
  826. <div class="prma">
  827. <a href="{Permalink}">{NoteCount}</a>
  828. </div>
  829. <div class="perma">
  830. <a class="like-b" href="#">{LikeButton}<span class="lnr lnr-heart"></span></a>
  831. <a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a>
  832. </div>
  833. {/block:IndexPage}
  834. {block:Title}
  835. <div class="ptitle">
  836. {Title}
  837. </div>
  838. {/block:Title}
  839. <div class="tbody">
  840. {Body}
  841. </div>
  842. {/block:Text}
  843.  
  844.  
  845.  
  846.  
  847. {block:Link}
  848. {block:IndexPage}
  849. <div class="prma">
  850. <a href="{Permalink}">{NoteCount}</a>
  851. </div>
  852. <div class="perma">
  853. <a class="like-b" href="#">{LikeButton}<span class="lnr lnr-heart"></span></a>
  854. <a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a>
  855. </div>
  856. {/block:IndexPage}
  857. <div class="ltitle">
  858. <div class="line"></div>
  859. <a href="{URL}">{Name}</a>
  860. </div>
  861. {block:Description}
  862. <div class="tbody">
  863. {Description}
  864. </div>
  865. {/block:Description}
  866. {/block:Link}
  867.  
  868.  
  869.  
  870.  
  871. {block:Quote}
  872. {block:IndexPage}
  873. <div class="prma">
  874. <a href="{Permalink}">{NoteCount}</a>
  875. </div>
  876. <div class="perma">
  877. <a class="like-b" href="#">{LikeButton}<span class="lnr lnr-heart"></span></a>
  878. <a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a>
  879. </div>
  880. {/block:IndexPage}
  881. <div class="quotes"><i>"</i>{Quote}<i>"</i></div>
  882. <div class="qsources">
  883. {block:Source}{Source}{/block:Source}
  884. </div>
  885. {/block:Quote}
  886.  
  887.  
  888.  
  889.  
  890. {block:Chat}
  891. {block:IndexPage}
  892. <div class="prma">
  893. <a href="{Permalink}">{NoteCount}</a>
  894. </div>
  895. <div class="perma">
  896. <a class="like-b" href="#">{LikeButton}<span class="lnr lnr-heart"></span></a>
  897. <a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a>
  898. </div>
  899. {/block:IndexPage}
  900. {block:Title}
  901. <div class="ptitle">
  902. {Title}
  903. </div>
  904. {/block:Title}
  905. {block:Lines}
  906. <div class="{Alt}">
  907. <div class="chat">
  908. {block:Label}
  909. <b>{Label}</b>
  910. {/block:Label}
  911. {Line}<br>
  912. </div></div>
  913. {/block:Lines}
  914. {/block:Chat}
  915.  
  916.  
  917.  
  918.  
  919. {block:Audio}
  920. {block:IndexPage}
  921. <div class="prma">
  922. <a href="{Permalink}">{NoteCount}</a>
  923. </div>
  924. <div class="perma">
  925. <a class="like-b" href="#">{LikeButton}<span class="lnr lnr-heart"></span></a>
  926. <a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a>
  927. </div>
  928. {/block:IndexPage}
  929. <div class="player" style="height: 85px">{AudioEmbed-500}</div>
  930. <div class="audio">
  931. {block:TrackName}
  932. <b>Song:</b> {TrackName}<br>
  933. {/block:TrackName}
  934. {block:Artist}
  935. <b>Artist:</b> {Artist}<br>
  936. {/block:Artist}
  937. {block:Album}
  938. <b>Album:</b> {Album}
  939. {/block:Album}
  940. </div>
  941. {block:PermalinkPage}
  942. {block:Caption}
  943. <div class="captions">{Caption}</div>
  944. {/block:Caption}
  945. {/block:PermalinkPage}
  946. {/block:Audio}
  947.  
  948.  
  949.  
  950.  
  951. {block:Video}
  952. {block:IndexPage}
  953. <div class="prma">
  954. <a href="{Permalink}">{NoteCount}</a>
  955. </div>
  956. <div class="perma">
  957. <a class="like-b" href="#">{LikeButton}<span class="lnr lnr-heart"></span></a>
  958. <a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a>
  959. </div>
  960. {/block:IndexPage}
  961. <div class="video">{Video-500}</div>
  962. {block:PermalinkPage}
  963. {block:Caption}
  964. <div class="captions">{Caption}</div>
  965. {/block:Caption}
  966. {/block:PermalinkPage}
  967. {block:Video}
  968.  
  969.  
  970.  
  971.  
  972. {block:Answer}
  973. {block:IndexPage}
  974. <div class="prma">
  975. <a href="{Permalink}">{NoteCount}</a>
  976. </div>
  977. <div class="perma">
  978. <a class="like-b" href="#">{LikeButton}<span class="lnr lnr-heart"></span></a>
  979. <a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a>
  980. </div>
  981. {/block:IndexPage}
  982. <div class="asker">
  983. <img src="{AskerPortraitURL-96}">
  984. </div>
  985. <div class="askname">
  986. <i><b>{Asker}</i> asked</b>
  987. </div>
  988. <div class="ask">
  989. {Question}
  990. </div>
  991. <div class="answer">
  992. {Answer}
  993. </div>
  994. {/block:Answer}
  995.  
  996.  
  997.  
  998.  
  999. <!--- Permalink Notes --->
  1000.  
  1001. {block:PermalinkPage}
  1002. <div class="noting">
  1003. {block:NoteCount}
  1004. <b>Notes:</b>
  1005. {NoteCount}
  1006. {/block:NoteCount}
  1007. {block:Date}
  1008. <br><b>Posted:</b>
  1009. {timeago}
  1010. {/block:Date}
  1011. {block:RebloggedFrom}
  1012. <br><b>Via:</b>
  1013. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1014. // <b>Orig:</b>
  1015. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1016. {/block:RebloggedFrom}
  1017. {block:HasTags}
  1018. <br><b>Tagged:</b>
  1019. {block:Tags}
  1020. <a href="{TagURL}">#{Tag}</a>
  1021. {/block:Tags}
  1022. {/block:HasTags}
  1023. </div>
  1024. {block:PostNotes}
  1025. {PostNotes}
  1026. {/block:PostNotes}
  1027. {/block:PermalinkPage}
  1028.  
  1029. <!--- End of Permalink Notes --->
  1030.  
  1031.  
  1032. </div>
  1033. {/block:Posts}
  1034.  
  1035.  
  1036.  
  1037.  
  1038. <div class="footer">
  1039. {block:Pagination}
  1040. <div class="pagination">
  1041. {block:PreviousPage}
  1042. <a href="{PreviousPage}">prev</a> /
  1043. {/block:PreviousPage}
  1044. {block:NextPage}
  1045. <a href="{NextPage}">next</a>
  1046. {/block:NextPage}
  1047. </div>
  1048. {/block:Pagination}
  1049. <div class="cred">
  1050. <a href="http://tokyo-themes.tumblr.com/">© tokyo-themes</a>
  1051. </div>
  1052. </div>
  1053.  
  1054.  
  1055. </div>
  1056.  
  1057.  
  1058. </body>
  1059. </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!