API tools faq
paste
ILikeMochiCx

Mirai - Theme #12

ILikeMochiCx
Oct 5th, 2013
6,424
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.94 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">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7.  
  8. <!--
  9. ___________________________________________________________________________
  10.  
  11.  
  12. you may customize this theme as much as you want,
  13. just don't remove any credit or steal my theme, ok?
  14. i'll hunt you down if you do. =u=
  15.  
  16. Theme #12 - Mirai
  17. By: hajimeii.tumblr.com
  18.  
  19. ___________________________________________________________________________
  20.  
  21. -->
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. {block:Description}<meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28.  
  29. <meta name="image:Background" content=""/>
  30. <meta name="image:Sidebar" content="http://31.media.tumblr.com/a7446c590e87dfa7747b3995f2b322e0/tumblr_mu27mxYsWz1qjv6zxo6_r1_250.gif"/>
  31. <meta name="image:Title Pixel" content="http://media.tumblr.com/tumblr_m1z1k5wE0K1qf290m.gif"/>
  32.  
  33. <meta name="color:Background" content="#ffffff"/>
  34. <meta name="color:Blockquote" content="#c7c7c7"/>
  35. <meta name="color:Selection" content="#a5d7f0"/>
  36. <meta name="color:Posts Background" content="#ffffff"/>
  37. <meta name="color:Post Border" content="#eeeeee"/>
  38. <meta name="color:Text" content="#afaeae"/>
  39. <meta name="color:Link" content="#868585"/>
  40. <meta name="color:Line 1" content="#dddddd"/>
  41. <meta name="color:Line 2" content="#dddddd"/>
  42. <meta name="color:Line 3" content="#dddddd"/>
  43. <meta name="color:Circle Link 1" content="#dddddd"/>
  44. <meta name="color:Circle Link 2" content="#dddddd"/>
  45. <meta name="color:Circle Link 3" content="#dddddd"/>
  46. <meta name="color:Circle Link 4" content="#dddddd"/>
  47. <meta name="color:Circle Link Hover" content="#000000"/>
  48.  
  49. <meta name="text:Link 1 URL" content=""/>
  50. <meta name="text:Link 1" content=""/>
  51. <meta name="text:Link 2 URL" content=""/>
  52. <meta name="text:Link 2" content=""/>
  53.  
  54. <meta name="if:Infinite Scroll" content="1"/>
  55. <meta name="if:Grayscale Effect" content=""/>
  56. <meta name="if:Post Fade" content="1"/>
  57. <meta name="if:250px Posts" content="1"/>
  58. <meta name="if:400px Posts" content=""/>
  59. <meta name="if:500px Posts" content=""/>
  60. <meta name="if:Post Borders" content=""/>
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65. ::-webkit-scrollbar-thumb{
  66. background-color:#ccc;
  67. border:2px solid {color:Background};
  68. height:auto;
  69. }
  70.  
  71. ::-webkit-scrollbar {
  72. height:9px;
  73. width:7px;
  74. border:3px solid {color:Background};
  75. }
  76.  
  77. ::-webkit-scrollbar:horizontal{
  78. display:none;
  79. }
  80.  
  81. ::-moz-selection {
  82. background:#fff;
  83. color:{color:Selection};
  84. }
  85.  
  86. ::selection {
  87. background:#fff;
  88. color:{color:Selection};
  89. }
  90.  
  91. body {
  92. font-family:trebuchet ms;
  93. font-size:9px;
  94. color:{color:Text};
  95. background:{color:Background} url('{image:Background}') fixed repeat center;
  96. }
  97.  
  98. a {
  99. text-decoration:none;
  100. outline:none;
  101. -moz-outline-style:none;
  102. color:{color:Link};
  103. cursor:help;
  104. -webkit-transition: all 0.5s ease-in-out;
  105. -moz-transition: all 0.5s ease-in-out;
  106. -o-transition: all 0.5s ease-in-out;
  107. -ms-transition: all 0.5s ease-in-out;
  108. transition: all 0.5s ease-in-out;
  109. }
  110.  
  111. a:visited{
  112. color:{color:Link};
  113. }
  114.  
  115. a:hover{
  116. color:#fff;
  117. text-shadow:2px 0px #ccc, -2px 0px #ccc;
  118. }
  119.  
  120. b,strong{
  121. font-weight:heavy;
  122. color:{color:Text};
  123. }
  124.  
  125. blockquote{
  126. padding-left:5px;
  127. border-left:3px solid {color:Blockquote};
  128. }
  129.  
  130. h1{
  131. font:bold italic 25px times new roman;
  132. border-bottom:1px dashed #ccc;
  133. text-align:center;
  134. }
  135.  
  136. h2{
  137. font:bold italic 20px times new roman;
  138. border-bottom:1px dashed #ccc;
  139. text-align:center;
  140. }
  141.  
  142. /*--Sidebar--*/
  143.  
  144. #sidebar{
  145. position:fixed;
  146. margin-top:200px;
  147. width:300px;
  148. height:100px;
  149. margin-left:550px;
  150. {block:if400pxPosts}
  151. margin-left:700px;
  152. {/block:if400pxPosts}
  153. {block:if500pxPosts}
  154. margin-left:800px;
  155. {/block:if500pxPosts}
  156. {block:PermalinkPage}
  157. margin-left:800px;
  158. {/block:PermalinkPage}
  159. border-left:1px solid #ddd;
  160. z-index:9999;
  161. }
  162.  
  163. #icon img{
  164. position:fixed;
  165. width:100px;
  166. height:100px;
  167. margin-left:-115px;
  168. border-radius:100px;
  169. }
  170.  
  171. #title{
  172. position:fixed;
  173. letter-spacing:0px;
  174. font:bold italic 25px garamond;
  175. width:160px;
  176. margin-top:0px;
  177. margin-left:0px;
  178. text-align:right;
  179. z-index:999;
  180. }
  181.  
  182. #desc{
  183. position:fixed;
  184. color:{color:Text};
  185. font-size:9px;
  186. text-align:right;
  187. width:160px;
  188. height:64px;
  189. margin-left:0px;
  190. margin-top:35px;
  191. overflow:scroll;
  192. border-top:1px solid #ddd;
  193. padding-top:4px;
  194. }
  195.  
  196. #sideline{
  197. position:fixed;
  198. background:{color:Line 1};
  199. width:1px;
  200. height:50px;
  201. margin-left:190px;
  202. margin-top:-15px;
  203. -webkit-transform:rotate(-45deg);
  204. }
  205.  
  206. #sideline2{
  207. position:fixed;
  208. background:{color:Line 2};
  209. width:1px;
  210. height:50px;
  211. margin-left:190px;
  212. margin-top:20px;
  213. -webkit-transform:rotate(45deg);
  214. }
  215.  
  216. #sideline3{
  217. position:fixed;
  218. background:{color:Line 3};
  219. width:1px;
  220. height:50px;
  221. margin-left:190px;
  222. margin-top:55px;
  223. -webkit-transform:rotate(-45deg);
  224. }
  225.  
  226. #circ{
  227. position:fixed;
  228. width:10px;
  229. height:10px;
  230. background:{color:Background};
  231. margin-left:170px;
  232. margin-top:-10px;
  233. border:1px solid {color:Circle Link 1};
  234. border-radius:100px;
  235. z-index:99999;
  236. -webkit-transition:all 0.3s ease-in-out;
  237. -moz-transition:all 0.3s ease-in-out;
  238. -o-transition:all 0.3s ease-in-out;
  239. transition:all 0.3s ease-in-out;
  240. }
  241.  
  242. #circ:hover{
  243. background:{color:Circle Link Hover};
  244. }
  245.  
  246. #circ2{
  247. position:fixed;
  248. width:10px;
  249. height:10px;
  250. background:{color:Background};
  251. margin-left:198px;
  252. margin-top:22px;
  253. border:1px solid {color:Circle Link 2};
  254. border-radius:100px;
  255. z-index:99999;
  256. -webkit-transition:all 0.3s ease-in-out;
  257. -moz-transition:all 0.3s ease-in-out;
  258. -o-transition:all 0.3s ease-in-out;
  259. transition:all 0.3s ease-in-out;
  260. }
  261.  
  262. #circ2:hover{
  263. background:{color:Circle Link Hover};
  264. }
  265.  
  266. #circ3{
  267. position:fixed;
  268. width:10px;
  269. height:10px;
  270. background:{color:Background};
  271. margin-left:170px;
  272. margin-top:55px;
  273. border:1px solid {color:Circle Link 3};
  274. border-radius:100px;
  275. z-index:99999;
  276. -webkit-transition:all 0.3s ease-in-out;
  277. -moz-transition:all 0.3s ease-in-out;
  278. -o-transition:all 0.3s ease-in-out;
  279. transition:all 0.3s ease-in-out;
  280. }
  281.  
  282. #circ3:hover{
  283. background:{color:Circle Link Hover};
  284. }
  285.  
  286. #circ4{
  287. position:fixed;
  288. width:10px;
  289. height:10px;
  290. background:{color:Background};
  291. margin-left:198px;
  292. margin-top:87px;
  293. border:1px solid {color:Circle Link 4};
  294. border-radius:100px;
  295. z-index:99999;
  296. -webkit-transition:all 0.3s ease-in-out;
  297. -moz-transition:all 0.3s ease-in-out;
  298. -o-transition:all 0.3s ease-in-out;
  299. transition:all 0.3s ease-in-out;
  300. }
  301.  
  302. #circ4:hover{
  303. background:{color:Circle Link Hover};
  304. }
  305.  
  306. /*--Posts--*/
  307.  
  308. #content{
  309. padding-left:10px;
  310. padding-bottom:10px;
  311. padding-top:10px;
  312. {block:if250pxPosts}
  313. width:300px;
  314. {/block:if250pxPosts}
  315. {block:if400pxPosts}
  316. width:450px;
  317. {/block:if400pxPosts}
  318. {block:if500pxPosts}
  319. width:500px;
  320. {/block:if500pxPosts}
  321. margin-left:100px;
  322. {block:permalinkpage}width:530px;{/block:permalinkpage}
  323. }
  324.  
  325. .entry{
  326. margin:4px;
  327. padding:10px;
  328. overflow:hidden;
  329. float:left;
  330. {block:ifPostBorders}
  331. border:1px solid {color:Post Border};
  332. {/block:ifPostBorders}
  333. background:{color:Posts Background} url('{image:Posts Background}') fixed repeat center;
  334. {block:indexpage}
  335. {block:if250pxPosts}
  336. width:250px;
  337. {/block:if250pxPosts}
  338. {block:if400pxPosts}
  339. width:400px;
  340. {/block:if400pxPosts}
  341. {block:if500pxPosts}
  342. width:500px;
  343. {/block:if500pxPosts}
  344. {/block:indexpage}
  345. {block:permalinkpage}
  346. width:500px;
  347. {/block:permalinkpage}
  348. }
  349.  
  350. #img{
  351. {block:indexpage}
  352. padding-bottom:8px;
  353. {block:ifPostFade}
  354. opacity:.8;
  355. {/block:ifPostFade}
  356. -webkit-transition:all 0.3s ease-in-out;
  357. -moz-transition:all 0.3s ease-in-out;
  358. -o-transition:all 0.3s ease-in-out;
  359. transition:all 0.3s ease-in-out;
  360. {block:ifGrayscaleEffect}
  361. filter: url(filters.svg#grayscale);
  362. filter: gray;
  363. -webkit-filter: grayscale(1);
  364. {/block:ifGrayscaleEffect}
  365. {/block:indexpage}
  366. }
  367.  
  368. #img:hover{
  369. {block:ifPostFade}
  370. opacity:1;
  371. {/block:ifPostFade}
  372. {block:ifGrayscaleEffect}
  373. filter: url(filters.svg#grayscale);
  374. filter: gray;
  375. -webkit-filter: grayscale(0);
  376. {/block:ifGrayscaleEffect}
  377. }
  378.  
  379. /*--Infinite Scroll--*/
  380.  
  381. .pagination{
  382. display:none;
  383. }
  384.  
  385. /*--Pagination--*/
  386.  
  387. #pagi{
  388. position:fixed;
  389. margin-top:320px;
  390. {block:if250pxPosts}
  391. margin-left:473px;
  392. {/block:if250pxPosts}
  393. {block:if400pxPosts}
  394. margin-left:623px;
  395. {/block:if400pxPosts}
  396. {block:if500pxPosts}
  397. margin-left:723px;
  398. {/block:if500pxPosts}
  399. z-index:999;
  400. }
  401.  
  402. #pagination a{
  403. background:#000;
  404. color:#ccc;
  405. padding:5px;
  406. font:italic 9px cambria;
  407. -webkit-transition: all 0.5s ease-out;
  408. -moz-transition: all 0.5s ease-out;
  409. -o-transition: all 0.5s ease-out;
  410. }
  411.  
  412. #pagination a:hover{
  413. text-shadow:none;
  414. color:{color:Text};
  415. background:#fff;
  416. padding:10px;
  417. font-size:12px;
  418. }
  419.  
  420. /*--Miscellaneous--*/
  421.  
  422. iframe#tumblr_controls{
  423. position:fixed !important;
  424. -webkit-filter:invert(100%);
  425. opacity:0.3;
  426. }
  427.  
  428. .permapage {
  429. padding:0px 10px 0px 10px;
  430. }
  431.  
  432. #permalink{
  433. border-top:1px solid #eee;
  434. padding:4px 10px 1px 10px;
  435. text-align:center;
  436. text-transform:uppercase;
  437. font-size:7px;
  438. letter-spacing:1px;
  439. opacity:0;
  440. margin-left:-150px;
  441. -webkit-transition: all 0.5s ease-out;
  442. -moz-transition: all 0.5s ease-out;
  443. -o-transition: all 0.5s ease-out;
  444. }
  445.  
  446. .entry:hover #permalink{
  447. opacity:1;
  448. margin-left:0px;
  449. }
  450.  
  451. #permalink img{
  452. width:auto;
  453. }
  454.  
  455. #text img{
  456. {block:if250pxPosts}
  457. max-width:250px;
  458. {/block:if250pxPosts}
  459. {block:if400pxPosts}
  460. max-width:400px;
  461. {/block:if400pxPosts}
  462. {block:if500pxPosts}
  463. max-width:500px;
  464. {/block:if500pxPosts}
  465. {block:PermalinkPage}
  466. max-width:500px;
  467. {/block:PermalinkPage}
  468. width:auto;
  469. height:auto;
  470. }
  471.  
  472. #text{
  473. padding-bottom:5px;
  474. }
  475.  
  476. #portrait img{
  477. margin-right:5px;
  478. float:left;
  479. border:3px double #eee;
  480. padding:4px;
  481. background:{color:Posts Background};
  482. width:auto;
  483. }
  484.  
  485. #audio{
  486. background:{color:Posts Background};
  487. border-top:2px solid {color:Post Border};
  488. border-bottom:2px solid {color:Post Border};
  489. margin-left:120px;
  490. margin-top:-108px;
  491. padding-top:25px;
  492. height:65px;
  493. text-transform:uppercase;
  494. font-size:7px;
  495. letter-spacing:1px;
  496. text-align:center;
  497. }
  498.  
  499. #player{
  500. padding-left:120px;
  501. }
  502.  
  503. #albumart:hover .playbox{
  504. opacity:1;
  505. }
  506.  
  507. .playbox {
  508. background-color:#fff;
  509. opacity:0;
  510. position:absolute;
  511. z-index:1000;
  512. margin-top:40px;
  513. margin-left:35px;
  514. width:40px;
  515. height:39px;
  516. overflow:hidden;
  517. -webkit-transition: all 0.5s ease-in-out;
  518. -moz-transition: all 0.5s ease-in-out;
  519. -o-transition: all 0.5s ease-in-out;
  520. -ms-transition: all 0.5s ease-in-out;
  521. transition: all 0.5s ease-in-out;
  522. }
  523.  
  524. .tumblr_audio_player{
  525. background:transparent;
  526. border:none;
  527. padding:6px 5px 5px 4px;
  528. margin:0px;
  529. height:100px;
  530. {block:IndexPage}
  531. width:32px;
  532. {/block:IndexPage}
  533. }
  534.  
  535. #cap{
  536. position:absolute;
  537. margin-left:120px;
  538. margin-top:-75px;
  539. min-height:90px;
  540. max-width:500px;
  541. overflow:hidden;
  542. }
  543.  
  544. #albumart{
  545. float:left;
  546. }
  547.  
  548. .cover{
  549. padding:5px;
  550. position:relative;
  551. z-index:1;
  552. border:1px solid {color:Post Border};
  553. }
  554.  
  555. #s-m-t-tooltip{
  556. background:#fff;
  557. color:#aaa;
  558. font-size:8px;
  559. font-style:italic;
  560. letter-spacing:2px;
  561. text-transform:lowercase;
  562. max-width:300px;
  563. padding:4px;
  564. z-index: 9999;
  565. margin:20px 10px 10px 10px;
  566. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  567. }
  568.  
  569. #scrlTop{
  570. color:#eee;
  571. }
  572.  
  573. #infscr-loading{
  574. display:none!important;
  575. }
  576.  
  577. </style>
  578.  
  579. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  580. </script>
  581. <script type="text/javascript" language="javascript">
  582. $(function () {
  583. $('#scrlBotm').click(function () {
  584. $('html, body').animate({
  585. scrollTop: $(document).height()
  586. },
  587. 1500);
  588. return false;
  589. });
  590.  
  591. $('#scrlTop').click(function () {
  592. $('html, body').animate({
  593. scrollTop: '0px'
  594. },
  595. 1500);
  596. return false;
  597. });
  598. });
  599. </script>
  600.  
  601. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  602. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  603. <script>
  604. (function($){
  605. $(document).ready(function(){
  606. $("[title]").style_my_tooltips({
  607. tip_follows_cursor:true,
  608. tip_delay_time:20,
  609. tip_fade_speed:400,
  610. attribute:"title"
  611. });
  612. });
  613. })(jQuery);
  614. </script>
  615.  
  616. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  617. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  618.  
  619.  
  620. </head>
  621. <body>
  622.  
  623.  
  624. <div id="sidebar">
  625.  
  626. <a href="/ask" title="whisper"><div id="circ"></div></a>
  627. <a href="/archive" title="memories"><div id="circ2"></div></a>
  628. <a href="{text:Link 1 URL}" title="{text:Link 1}"><div id="circ3"></div></a>
  629. <a href="{text:Link 2 URL}" title="{text:Link 2}"><div id="circ4"></div></a>
  630.  
  631. <div id="sideline"></div>
  632. <div id="sideline2"></div>
  633. <div id="sideline3"></div>
  634.  
  635. <div id="icon"><img src="{image:Sidebar}"/></div>
  636.  
  637. <div id="title"><img src="{image:Title Pixel}"/>&nbsp;<a href="/" title="refresh">{title}</a></div>
  638. <div id="desc">{description}</div>
  639.  
  640.  
  641. </div>
  642.  
  643.  
  644. {block:ifnotinfinitescroll}
  645. {block:Pagination}
  646. <div id="pagi">
  647. <div id="pagination">
  648. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}<br>
  649. <div style="margin-top:-170px;">
  650. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}</div>
  651. </div>
  652. </div>
  653. {/block:Pagination}
  654. {/block:ifnotinfinitescroll}
  655.  
  656. {block:ifInfiniteScroll}
  657. <div class="pagination">
  658. {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}
  659. </div>
  660. {/block:ifInfiniteScroll}
  661.  
  662. <div id="content">
  663. {block:Posts}
  664.  
  665.  
  666. <div class="entry">
  667.  
  668.  
  669. {block:Text}
  670. <div id="text">{block:IndexPage}{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
  671. {Body}{block:PermalinkPage}
  672. {block:Date}<div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  673. <div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>{/block:Date}
  674. <div class="permapage">
  675. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  676. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  677. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  678. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}</div>
  679. {/block:Text}
  680.  
  681. {block:Photo}
  682. <div id="img">
  683. {block:IndexPage}<img src="{PhotoURL-500}" width="{block:if250pxPosts}250{/block:if250pxPosts}{block:if400pxPosts}400{/block:if400pxPosts}{block:if500pxPosts}500{/block:if500pxPosts}"/></div>{/block:IndexPage}
  684.  
  685. {block:PermalinkPage}<img src="{PhotoURL-500}" width="500"/>{block:Caption}{Caption}{/block:Caption}<div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  686. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  687. <div class="permapage">
  688. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  689. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  690. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  691. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  692. {/block:Photo}
  693.  
  694. {block:Photoset}
  695. <div id="img">
  696. {block:IndexPage}{block:if250pxPosts}{Photoset-250}{/block:if250pxPosts}{block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}{block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}{/block:IndexPage}</div>
  697.  
  698. {block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  699. <div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  700. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  701. <div class="permapage">
  702. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  703. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  704. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  705. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  706. {/block:Photoset}
  707.  
  708.  
  709. {block:Quote}
  710. <div style="font:12px times new roman;">
  711. <br><em>❝ {Quote}</em></div>
  712. {block:Source}<p>—<b>{Source}</b></p>{/block:Source}
  713. {block:PermalinkPage}
  714. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  715. <div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  716. <div class="permapage">
  717. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  718. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  719. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  720. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  721. {/block:Quote}
  722.  
  723. {block:Link}
  724. <div id="text">
  725. <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}{block:PermalinkPage}
  726. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  727. <div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  728. <div class="permapage">
  729. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  730. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  731. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  732. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}</div>
  733. {/block:Link}
  734.  
  735. {block:Chat}
  736. <div id="text">
  737. {block:Title}<h3>{Title}</h3>{/block:Title}
  738. {block:Lines}<p>
  739. {block:Label}<b>{Label}</b>{/block:Label}
  740. {Line}</p>
  741. {/block:Lines}
  742. </div>
  743. {block:PermalinkPage}
  744. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  745. <div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  746. <div class="permapage">
  747. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  748. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  749. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  750. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  751. {/block:Chat}
  752.  
  753. {block:Audio}
  754. {block:IndexPage}
  755. <table style="{block:if250pxPosts}width:250px;{/block:if250pxPosts}{block:if400pxPosts}width:400px;{/block:if400pxPosts}{block:if500pxPosts}width:500px;{/block:if500pxPosts}{block:PermalinkPage}width:500px;{/block:PermalinkPage}">
  756. <div id="albumart">
  757. <div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  758. {block:AlbumArt}
  759. <img src="{AlbumArtURL}" class="cover" width="100"></div>
  760. {/block:AlbumArt}
  761.  
  762. <tr>
  763. <td style="vertical-align:top;">
  764. <div id="audio">{block:Artist}<b><em>Artist</em>:</b> {Artist}{/block:Artist}
  765. {block:TrackName}<br><b><em>Song</em>:</b> {TrackName}{/block:TrackName}
  766. {block:Album}<br><b><em>Album</em>:</b> {Album}{/block:Album}
  767. {block:PlayCount}<br><b><em>Plays</em>:</b>{PlayCount}{/block:PlayCount}
  768. </div></td></tr></table>
  769. {/block:IndexPage}
  770.  
  771. {block:PermalinkPage}
  772. {block:AlbumArt}
  773. <div id="albumart"><img src="{AlbumArtURL}" class="cover" width="100"></div>
  774. {/block:AlbumArt}
  775. <div id="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  776.  
  777. <div id="cap">{block:Caption}{Caption}{/block:Caption}
  778. </div>
  779.  
  780. <div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  781. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  782. <div class="permapage">
  783. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  784. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  785. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  786. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  787. {/block:Audio}
  788.  
  789. {block:Answer}
  790. <div id="text">
  791. <div id="portrait"><img src="{AskerPortraitURL-48}"></div>
  792. <div style="border-bottom:1px solid {color:Post Border};padding-bottom:5px;padding-top:2px;align:right;"><em><strong>{Asker} whispered:</em></strong> {Question}</div>
  793. {Answer}
  794. </div>
  795.  
  796. {block:PermalinkPage}
  797. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  798. <div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  799. <div class="permapage">
  800. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  801. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  802. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  803. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  804. {/block:Answer}
  805.  
  806. {block:Video}
  807. <div id="img">
  808. {block:if250pxPosts}{Video-250}{/block:if250pxPosts}{block:if400pxPosts}{Video-400}{/block:if400pxPosts}{block:if500pxPosts}{Video-500}{/block:if500pxPosts}</div>
  809. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  810. {/block:Video}
  811.  
  812.  
  813. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  814.  
  815. {block:IndexPage}
  816. <div id="permalink">
  817. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog?</a>
  818. </div>
  819. {/block:IndexPage}
  820.  
  821. {block:PostNotes}{PostNotes}{/block:PostNotes}
  822.  
  823.  
  824. </div>
  825. {/block:Posts}
  826. </div>
  827.  
  828. <a style="position:fixed;bottom:5px;right:5px;" href="http://shoseii.tumblr.com">THEME</a>
  829.  
  830. {block:IndexPage}
  831. <a id="scrlTop" title="back to top" href="#" style="position: fixed; bottom: 0px; {block:if250pxPosts}left:420px;{block:if250pxPosts}{block:if400pxPosts}left:580px;{block:if400pxPosts}{block:if500pxPosts}left:670px;{block:if500pxPosts}"><font size="6px">▲</font></a>
  832. {/block:IndexPage}
  833.  
  834. {block:IndexPage}
  835. {block:ifInfiniteScroll}
  836. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  837. <script>
  838. $(document).ready(function(){
  839.  
  840. $('iframe.tumblr_audio_player').load( function() {
  841. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:Posts Background} !important} </style>"));
  842. });
  843.  
  844. var $container = $('#content');
  845. $container.infinitescroll({
  846. itemSelector: '.entry',
  847. navSelector: '.pagination',
  848. nextSelector: '.pagination a',
  849. bufferPx: 800
  850. },
  851. function( newElements ) {
  852. var $newElems = $( newElements );
  853. $newElems.find('iframe.tumblr_audio_player').load(function(){
  854. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:Posts Background}}!important} </style>"));
  855. });
  856. });
  857.  
  858. });
  859. </script>
  860. {/block:ifInfiniteScroll}
  861. {/block:IndexPage}
  862.  
  863. </body>
  864. </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!