API tools faq
paste
Advertisement
ILikeMochiCx

Majin - Theme #11

ILikeMochiCx
Aug 15th, 2013
1,348
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.27 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <!--
  9. ___________________________________________________________________________
  10.  
  11. you may customize this theme as much as you want,
  12. just follow the terms of agreement, and don't remove this message, ok?
  13. i'll hunt you down if you do. =u=
  14.  
  15. Theme #11 - Majin
  16. By: hajimeii.tumblr.com
  17.  
  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 Image" content="http://static.tumblr.com/2e9nahe/BKemrl0j3/theme_prev_icon.png"/>
  31. <meta name="image:Line Border" content="http://static.tumblr.com/2e9nahe/5kJmqiwge/border_thing.gif"/>
  32.  
  33. <meta name="color:Background" content="#ffffff"/>
  34. <meta name="color:Posts Background" content="#ffffff"/>
  35. <meta name="color:Posts Border" content="#eeeeee"/>
  36. <meta name="color:Permalink Bar" content="#eeeeee"/>
  37. <meta name="color:Text" content="#999999"/>
  38. <meta name="color:Link" content="#000000"/>
  39. <meta name="color:Link Hover" content="#ffffff"/>
  40. <meta name="color:Blockquote" content="#000000"/>
  41. <meta name="color:Circle Link 1" content="#f7d7e5"/>
  42. <meta name="color:Circle Link 2" content="#ffeac9"/>
  43. <meta name="color:Circle Link 3" content="#cab0ce"/>
  44. <meta name="color:Circle Link 4" content="#eeeeee"/>
  45. <meta name="color:Circle Link 5" content="#c9e8e5"/>
  46. <meta name="color:Circle Link 6" content="#f7d7e5"/>
  47. <meta name="color:Circle Link 7" content="#ffeac9"/>
  48. <meta name="color:Circle Link 8" content="#cab0ce"/>
  49. <meta name="color:Circle Link 9" content="#eeeeee"/>
  50. <meta name="color:Description Quotation Mark" content="#999999"/>
  51. <meta name="color:Scrollbar" content="#000000"/>
  52. <meta name="color:Sidebar Line" content="#000000"/>
  53. <meta name="color:Audio Text" content="#b8d5f5"/>
  54.  
  55. <meta name="text:Music MP3 Link" content=""/>
  56. <meta name="text:Link 1" content=""/>
  57. <meta name="text:Link 1 URL" content=""/>
  58. <meta name="text:Link 2" content=""/>
  59. <meta name="text:Link 2 URL" content=""/>
  60. <meta name="text:Link 3" content=""/>
  61. <meta name="text:Link 3 URL" content=""/>
  62. <meta name="text:Link 4" content=""/>
  63. <meta name="text:Link 4 URL" content=""/>
  64. <meta name="text:Link 5" content=""/>
  65. <meta name="text:Link 5 URL" content=""/>
  66. <meta name="text:Link 6" content=""/>
  67. <meta name="text:Link 6 URL" content=""/>
  68.  
  69. <meta name="if:250px Posts" content=""/>
  70. <meta name="if:400px Posts" content="1"/>
  71. <meta name="if:Infinite Scroll" content="1"/>
  72. <meta name="if:Two Column" content=""/>
  73. <meta name="if:Autoplay" content="1"/>
  74.  
  75. <style type="text/css">
  76.  
  77. ::-webkit-scrollbar {width:5px; height:auto; background:{color:Background};}
  78. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  79.  
  80. body {
  81. font-family:calibri;
  82. font-size:10px;
  83. color:{color:Text};
  84. text-align:justify;
  85. background:{color:Background} url('{image:Background}') fixed repeat center;
  86. }
  87.  
  88. a {
  89. text-decoration:none;
  90. outline:none;
  91. -moz-outline-style:none;
  92. color:{color:Link};
  93. cursor:help;
  94. -webkit-transition: all 0.5s ease-in-out;
  95. -moz-transition: all 0.5s ease-in-out;
  96. -o-transition: all 0.5s ease-in-out;
  97. -ms-transition: all 0.5s ease-in-out;
  98. transition: all 0.5s ease-in-out;
  99. }
  100.  
  101. a:visited{
  102. color:{color:Link};
  103. }
  104.  
  105. a:hover{
  106. color:{color:Link Hover};
  107. text-shadow:2px 0px 0px #ccc, -2px 0px 0px #eee;
  108. }
  109.  
  110. blockquote{
  111. padding-left:5px;
  112. border-left:3px solid {color:Blockquote};
  113. }
  114.  
  115. /*--Follow/Dashboard Buttons--*/
  116.  
  117. iframe#tumblr_controls{
  118. position:fixed !important;
  119. -webkit-filter:invert(100%);
  120. }
  121.  
  122. /*--Sidebar--*/
  123.  
  124. #desc{
  125. color:#999;
  126. width:140px;
  127. margin-left:10px;
  128. font-family:courier new;
  129. font-size:10px;
  130. padding-top:5px;
  131. text-align:center;
  132. }
  133.  
  134. #quotation{
  135. position:fixed;
  136. color:{color:Description Quotation Mark};
  137. width:135px;
  138. text-align:left;
  139. font-size:30px;
  140. opacity:0.3;
  141. margin-top:-15px;
  142. margin-left:-10px;
  143. }
  144.  
  145. #sidebar{
  146. background:#fff;
  147. width:160px;
  148. top:20px;
  149. padding-top:10px;
  150. padding-bottom:10px;
  151. left:0px;
  152. position:fixed;
  153. border-top:1px dotted #000;
  154. border-bottom:1px dotted #000;
  155. border-right:1px dotted #000;
  156. }
  157.  
  158. #icon img{
  159. width:150px;
  160. height:155px;
  161. padding:5px;
  162. margin-top:-5px;
  163. border-radius:100px;
  164. }
  165.  
  166. #title{
  167. position:fixed;
  168. width:150px;
  169. margin-top:-15px;
  170. color:{color:Title};
  171. font:14px meiryo;
  172. text-align:right;
  173. padding-top:8px;
  174. letter-spacing:1px;
  175. text-transform:uppercase;
  176. }
  177.  
  178. #title a{
  179. color:#000;
  180. }
  181.  
  182. #links{
  183. position:fixed;
  184. width:20px;
  185. top:20px;
  186. left:163px;
  187. text-align:center;
  188. }
  189.  
  190. #links a{
  191. margin:2px;
  192. padding-left:2px;
  193. width:20px;
  194. height:20px;
  195. display:inline-block;
  196. line-height:20px;
  197. color:#fff;
  198. font-family:cambria;
  199. font-size:8px;
  200. letter-spacing:1px;
  201. text-align:center;
  202. text-transform:uppercase;
  203. transition-duration: 0.6s;
  204. -moz-transition-duration: 0.6s;
  205. -webkit-transition-duration: 0.6s;
  206. -o-transition-duration: 0.6s;
  207. -webkit-border-radius:100%;
  208. -moz-border-radius:100%;
  209. border-radius:100%;
  210. text-shadow:none;
  211. }
  212.  
  213. #links a:hover{
  214. font-size:10px;
  215. padding:5px;
  216. }
  217.  
  218. #leaves{
  219. position:fixed;
  220. background:url('{image:Line Border}');
  221. left:50px;
  222. top:0px;
  223. height:100%;
  224. width:20px;
  225. }
  226.  
  227. #bg{
  228. position:fixed;
  229. background:{color:Sidebar Line};
  230. top:0px;
  231. left:0px;
  232. width:50px;
  233. height:100%;
  234. }
  235.  
  236. #musicplayer {
  237. background:#fff;
  238. padding-right:10px;
  239. position:fixed;
  240. margin-left:115px;
  241. width:15px;
  242. height:22px;
  243. border:1px dotted #000;
  244. overflow:hidden;
  245. }
  246.  
  247. .player {
  248. position:fixed;
  249. width:18px;
  250. height:15px;
  251. margin-top:1px;
  252. margin-left:-1px;
  253. overflow:hidden;
  254. }
  255.  
  256. /*--Posts--*/
  257.  
  258. #content{
  259. padding-top:12px;
  260. margin-left:300px;
  261. z-index:9999;
  262. {block:if250pxPosts}
  263. {block:ifTwoColumn}
  264. width:600px;
  265. {/block:ifTwoColumn}
  266. {block:ifnotTwoColumn}
  267. width:300px;
  268. {/block:ifnotTwoColumn}
  269. {/block:if250pxPosts}
  270. {block:if400pxPosts}
  271. {block:ifTwoColumn}
  272. width:900px;
  273. {/block:ifTwoColumn}
  274. {block:ifnotTwoColumn}
  275. width:400px;
  276. {/block:ifnotTwoColumn}
  277. {/block:if400pxPosts}
  278. {block:permalinkpage}
  279. width:500px;
  280. {/block:permalinkpage}
  281. }
  282.  
  283. .entry{
  284. margin-bottom:10px;
  285. overflow:hidden;
  286. {block:ifTwoColumn}
  287. margin-bottom:10px;
  288. margin-right:10px;
  289. {/block:ifTwoColumn}
  290. padding:15px;
  291. z-index:9999;
  292. border:1px solid transparent;
  293. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
  294. background:{color:Posts Background};
  295. {block:indexpage}
  296. {block:if250pxPosts}
  297. width:250px;
  298. {/block:if250pxPosts}
  299. {block:if400pxPosts}
  300. width:400px;
  301. {/block:if400pxPosts}
  302. {/block:indexpage}
  303. {block:permalinkpage}
  304. width:500px;
  305. {/block:permalinkpage}
  306. }
  307.  
  308. .entry:hover{
  309. border:1px solid {color:Posts Border};
  310. }
  311.  
  312. #img{
  313. {block:indexpage}
  314. opacity:0.6;
  315. -webkit-transition:all 0.3s ease-in-out;
  316. -moz-transition:all 0.3s ease-in-out;
  317. -o-transition:all 0.3s ease-in-out;
  318. transition:all 0.3s ease-in-out;
  319. {/block:indexpage}
  320. }
  321.  
  322. #img:hover{
  323. {block:indexpage}
  324. opacity:1;
  325. {/block:indexpage}
  326. }
  327.  
  328. #portrait img{
  329. margin-right:5px;
  330. float:left;
  331. -moz-border-radius:100px;
  332. border-radius:100px;
  333. width:auto;
  334. }
  335.  
  336. #text img{
  337. width:auto;
  338. overflow:hidden;
  339. {block:if250pxPosts}
  340. max-width:250px;
  341. {/block:if250pxPosts}
  342. {block:if400pxPosts}
  343. max-width:400px;
  344. {/block:if400pxPosts}
  345. }
  346.  
  347. #quote{
  348. text-align:center;
  349. }
  350.  
  351. #q{
  352. font:italic 12px garamond;
  353. }
  354.  
  355. .permapage {
  356. padding:0px 10px 0px 10px;
  357. }
  358.  
  359. #date{
  360. font:14px Cambria;
  361. margin-top:10px;
  362. border-top:1px solid #ccc;
  363. }
  364.  
  365. /*--Audio Posts--*/
  366.  
  367. #audio{
  368. background:{color:Posts Background};
  369. border-top:3px double #eee;
  370. border-right:3px double #eee;
  371. border-bottom:3px double #eee;
  372. margin-left:100px;
  373. {block:if400pxPosts}
  374. margin-top:-95px;
  375. {/block:if400pxPosts}
  376. {block:if250pxPosts}
  377. margin-top:-100px;
  378. {/block:if250pxPosts}
  379. padding:10px 10px 10px 15px;
  380. text-transform:uppercase;
  381. font-size:8px;
  382. letter-spacing:1px;
  383. text-align:center;
  384. vertical-align:top;
  385. }
  386.  
  387. .ainfo{
  388. color:{color:Audio Text};
  389. }
  390.  
  391. #player{
  392. padding-left:120px;
  393. }
  394.  
  395. .playbutton {
  396. width:20px;
  397. height:30px;
  398. overflow:hidden;
  399. position:relative;
  400. z-index:1000;
  401. margin:15px 24px 13px 16px;
  402. }
  403.  
  404. .playbox {
  405. background-color:#fff;
  406. opacity:0;
  407. position:absolute;
  408. z-index:1000;
  409. margin-top:29px;
  410. margin-left:26px;
  411. border-radius:100px;
  412. -webkit-transition: all 0.5s ease-in-out;
  413. -moz-transition: all 0.5s ease-in-out;
  414. -o-transition: all 0.5s ease-in-out;
  415. -ms-transition: all 0.5s ease-in-out;
  416. transition: all 0.5s ease-in-out;
  417. }
  418.  
  419. .playbox:hover{
  420. opacity:1;
  421. }
  422.  
  423. #cap{
  424. margin-left:120px;
  425. height:auto;
  426. min-height:80px;
  427. }
  428.  
  429. #cap img{
  430. max-width:500px;
  431. }
  432.  
  433. #albumart{
  434. float:left;
  435. }
  436.  
  437. .cover{
  438. background:{color:Posts Background};
  439. padding:5px;
  440. position:relative;
  441. z-index:1;
  442. {block:IndexPage}
  443. border-radius:100px;
  444. {/block:IndexPage}
  445. border:3px double #ddd;
  446. }
  447.  
  448. /*--Infinite Scroll--*/
  449.  
  450. .pagination {
  451. display: none;
  452. }
  453.  
  454. /*--Pagination--*/
  455.  
  456. #pagination{
  457. position:fixed;
  458. background:#000;
  459. padding:5px;
  460. bottom:10px;
  461. margin-left:250px;
  462. z-index:9999999;
  463. -webkit-transition:opacity 0.5s linear;
  464. -webkit-transition:all 0.5s ease-out;
  465. -moz-transition:all 0.5s ease-out;
  466. transition:all 0.5s ease-out;
  467. }
  468.  
  469. #pagination:hover{
  470. background:#fff;
  471. }
  472.  
  473. #pagination:hover a{
  474. color:#000;
  475. }
  476.  
  477. #pagination a{
  478. color:#fff;
  479. text-shadow:none;
  480. }
  481.  
  482. /*--Permalinks--*/
  483.  
  484. .not{
  485. position:absolute;
  486. color:#000;
  487. padding-bottom:2px;
  488. background:{color:Permalink Bar};
  489. margin-left:-50px;
  490. margin-top:15px;
  491. {block:ifTwoColumn}
  492. margin-top:1px;
  493. {/block:ifTwoColumn}
  494. opacity:0;
  495. font:10px consolas;
  496. {block:if250pxPosts}
  497. width:282px;
  498. {/block:if250pxPosts}
  499. {block:if400pxPosts}
  500. width:432px;
  501. {/block:if400pxPosts}
  502. text-align:center;
  503. -webkit-transition:opacity 0.5s linear;
  504. -webkit-transition:all 0.5s ease-out;
  505. -moz-transition:all 0.5s ease-out;
  506. transition:all 0.5s ease-out;
  507. }
  508.  
  509. .entry:hover .not{
  510. opacity:1;
  511. margin-left:-16px;
  512. }
  513.  
  514. /*--Miscellaneous--*/
  515.  
  516. #s-m-t-tooltip{
  517. background:#000;
  518. color:#fff;
  519. font-size:8px;
  520. font-style:italic;
  521. letter-spacing:2px;
  522. text-transform:lowercase;
  523. max-width:300px;
  524. padding:4px;
  525. z-index: 9999;
  526. margin:20px 10px 10px 10px;
  527. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  528. }
  529.  
  530. </style>
  531.  
  532. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  533. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  534. <script>
  535. (function($){
  536. $(document).ready(function(){
  537. $("[title]").style_my_tooltips({
  538. tip_follows_cursor:true,
  539. tip_delay_time:20,
  540. tip_fade_speed:400,
  541. attribute:"title"
  542. });
  543. });
  544. })(jQuery);
  545. </script>
  546.  
  547. {block:ifnotTwoColumn}
  548. {block:ifinfinitescroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  549. {/block:ifnotTwoColumn}
  550.  
  551. {block:ifTwoColumn}
  552. {block:IndexPage}
  553. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  554. {block:IfInfiniteScroll}
  555. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  556. {/block:IfInfiniteScroll}
  557. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  558.  
  559. <script>
  560. $(function(){
  561. var $container = $('#content');
  562. $container.imagesLoaded(function(){
  563. $container.masonry({
  564. itemSelector: '.entry',
  565. });
  566. });
  567. $container.infinitescroll({
  568. itemSelector : ".entry",
  569. navSelector : "div.pagination",
  570. nextSelector : ".pagination a#next",
  571. loadingImg : "",
  572. loadingText : "<em></em>",
  573. bufferPx : 10000,
  574. extraScrollPx: 12000,
  575. },
  576. // trigger Masonry as a callback
  577. function( newElements ) {
  578. var $newElems = $( newElements ).css({ opacity: 0 });
  579. // ensure that images load before adding to masonry layout
  580. $newElems.imagesLoaded(function(){
  581. $newElems.animate({ opacity: 1 });
  582. $container.masonry( 'appended', $newElems, true );
  583. });
  584. }
  585. );
  586. });
  587. </script>
  588. {/block:IndexPage}
  589. {/block:ifTwoColumn}
  590.  
  591. </head>
  592. <body>
  593.  
  594.  
  595. {block:ifnotinfinitescroll}
  596. <div id="pagination">
  597. <center>{block:NextPage}<a href="{NextPage}"><font size="2">next</font></a>{/block:NextPage}
  598. {block:PreviousPage} <a href="{PreviousPage}"><font size="2">prev</font></a>{/block:PreviousPage}<br>
  599. </center>
  600. </div>
  601. {/block:ifnotinfinitescroll}
  602.  
  603. {block:ifInfiniteScroll}
  604. {block:ifTwoColumn}
  605. <div class="pagination">
  606. {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}
  607. </div>
  608. {/block:ifTwoColumn}
  609. {/block:ifInfiniteScroll}
  610.  
  611. <div id="bg"></div>
  612. <div id="leaves"></div>
  613.  
  614. <div id="title"><a href="/">{title}</a></div>
  615.  
  616. <div id="sidebar">
  617.  
  618. <div id="icon"><img src="{image:Sidebar Image}"/></div>
  619.  
  620. <div id="desc"><div id="quotation">❝</div>{description}</div>
  621.  
  622. {block:IndexPage}
  623. <div id="musicplayer">
  624.  
  625. <div class="player"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="205" height="20">
  626. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  627. <param name="bgcolor" value="#ffffff" />
  628. <param name="FlashVars" value="mp3={text:Music MP3 Link}&amp;loop=1&amp;autoplay={block:ifAutoplay}1{/block:ifAutoplay}{block:ifnotAutoplay}0{/block:ifnotAutoplay}&amp;volume=25&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;slidercolor1=ffffff&amp;slidercolor2=ffffff&amp;sliderovercolor=ffffff&amp;buttoncolor=000000&amp;buttonovercolor=cccccc" />
  629. </object></div>
  630.  
  631. </div>
  632. {/block:IndexPage}
  633.  
  634. <div id="links">
  635. <a href="/" title="refresh" style="background:{color:Circle Link 1};">I</a>
  636. <a href="/ask" title="whisper" style="background:{color:Circle Link 2};">II</a>
  637. <a href="/archive" title="memories" style="background:{color:Circle Link 3};">III</a>
  638. {block:ifLink1}
  639. <a href="{text:Link 1 URL}" title="{text:Link 1}" style="background:{color:Circle Link 4};">IV</a>
  640. {/block:ifLink1}
  641. {block:ifLink2}
  642. <a href="{text:Link 2 URL}" title="{text:Link 2}" style="background:{color:Circle Link 5};">V</a>
  643. {/block:ifLink2}
  644. {block:ifLink3}
  645. <a href="{text:Link 3 URL}" title="{text:Link 3}" style="background:{color:Circle Link 6};">VI</a>
  646. {/block:ifLink3}
  647. {block:ifLink4}
  648. <a href="{text:Link 4 URL}" title="{text:Link 4}" style="background:{color:Circle Link 7};">VII</a>
  649. {/block:ifLink4}
  650. {block:ifLink5}
  651. <a href="{text:Link 5 URL}" title="{text:Link 5}" style="background:{color:Circle Link 8};">VIII</a>
  652. {/block:ifLink5}
  653. {block:ifLink6}
  654. <a href="{text:Link 6 URL}" title="{text:Link 6}" style="background:{color:Circle Link 9};">IX</a>
  655. {/block:ifLink6}
  656. </div>
  657.  
  658. </div>
  659.  
  660. <div id="content">
  661. {block:Posts}
  662.  
  663. <div class="entry">
  664.  
  665. {block:Text}
  666. <div id="text">
  667. {block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
  668. {Body}
  669. </div>
  670. {block:IndexPage}
  671. <div class="not"><a href="{Permalink}" target="_blank">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">Reblog?</a></div>{/block:IndexPage}
  672. {/block:Text}
  673.  
  674. {block:Photo}
  675. {block:IndexPage}
  676. <div id="img">
  677. {LinkOpenTag}<a href="{Permalink}" target="_blank">
  678. {block:if250pxPosts}
  679. <img src="{PhotoURL-500}" title="{NoteCountwithLabel}"alt="{PhotoAlt}" width="250"/></a>{/block:if250pxPosts}
  680. {block:if400pxPosts}
  681. <img src="{PhotoURL-500}" title="{NoteCountwithLabel}"alt="{PhotoAlt}" width="400"/></a>{/block:if400pxPosts}
  682. {LinkCloseTag}</div>
  683. <div class="not"><a href="{ReblogURL}" target="_blank">Reblog?</a></div>{/block:IndexPage}
  684. {block:PermalinkPage}
  685. <img src="{PhotoURL-500}" width="500"/>
  686. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  687. {/block:Photo}
  688.  
  689. {block:Photoset}
  690. <div id="img">
  691. {block:IndexPage}{block:if250pxPosts}{Photoset-250}{/block:if250pxPosts}{block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}</div>
  692. <div class="not"><a href="{Permalink}" target="_blank">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">Reblog?</a></div>{/block:IndexPage}
  693. {block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  694. {/block:Photoset}
  695.  
  696. {block:Quote}
  697. <div id="quote"><div id="q">
  698. "{Quote}"</div>
  699. {block:Source}<p>&mdash;<b>{Source}</b></p>{/block:Source}</div>
  700. {block:IndexPage}<div class="not"><a href="{Permalink}" target="_blank">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">Reblog?</a></div>{/block:IndexPage}
  701. {/block:Quote}
  702.  
  703. {block:Link}
  704. <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}
  705. {block:IndexPage}<div class="not"><a href="{Permalink}" target="_blank">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">Reblog?</a></div>{/block:IndexPage}
  706. {/block:Link}
  707.  
  708. {block:Chat}
  709. {block:Title}<h3>{Title}</h3>{/block:Title}
  710. {block:Lines}<p>
  711. {block:Label}<b>{Label}</b>{/block:Label}
  712. {Line}</p>
  713. {/block:Lines}
  714. {block:IndexPage}<div class="not"><a href="{Permalink}" target="_blank">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">Reblog?</a></div>{/block:IndexPage}
  715. {/block:Chat}
  716.  
  717. {block:Audio}
  718. {block:IndexPage}
  719. <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}">
  720. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  721. {block:AlbumArt}
  722. <div id="albumart"><img src="{AlbumArtURL}" class="cover" width="100"></div>
  723. {/block:AlbumArt}
  724.  
  725. <tr>
  726. <td style="vertical-align:top;">
  727. <div id="audio"><span class="ainfo">{block:Artist}<b><em>Artist</em></span>:</b> {Artist}{/block:Artist}
  728. <span class="ainfo">{block:TrackName}<br><b><em>Song</em></span>:</b> {TrackName}{/block:TrackName}
  729. <span class="ainfo">{block:Album}<br><b><em>Album</em></span>:</b> {Album}{/block:Album}
  730. <span class="ainfo">{block:PlayCount}<br><b><em>Plays</em></span>:</b>{PlayCount}{/block:PlayCount}
  731. </div></td></tr></table>
  732. {/block:IndexPage}
  733. {block:IndexPage}<div class="not"><a href="{Permalink}" target="_blank">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">Reblog?</a></div>{/block:IndexPage}
  734.  
  735. {block:PermalinkPage}
  736. {block:AlbumArt}
  737. <div id="albumart"><img src="{AlbumArtURL}" class="cover" width="100"></div>
  738. {/block:AlbumArt}
  739. <div id="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  740. <div id="cap">{block:Caption}{Caption}{/block:Caption}
  741. </div>
  742. {/block:PermalinkPage}
  743. {/block:Audio}
  744.  
  745.  
  746. {block:Answer}
  747. <div id="text">
  748. <div id="portrait"><img src="{AskerPortraitURL-48}"></div>
  749. <div style="border-bottom:1px dotted #ccc;padding-bottom:5px;align:right;"><em><strong>{Asker} whispered:</em></strong> {Question}</div>
  750. {Answer}
  751. {block:IndexPage}<div class="not"><a href="{Permalink}" target="_blank">{NoteCountwithLabel}</a></div>{/block:IndexPage}</div>
  752. {/block:Answer}
  753.  
  754. {block:Video}
  755. {block:if250pxPosts}{Video-250}{/block:if250pxPosts}{block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  756. <div class="not"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  757. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  758. {/block:Video}
  759.  
  760. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  761.  
  762. {block:PermalinkPage}
  763. {block:Date}
  764. <div id="date">
  765. {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>{/block:Date}
  766. <div class="permapage">
  767. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  768. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  769. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  770. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  771.  
  772. {block:PostNotes}{PostNotes}{/block:PostNotes}
  773.  
  774. </div>
  775. {/block:Posts}
  776. </div>
  777.  
  778. <a href="http://shoseii.tumblr.com" style="position:fixed;bottom:5px;right:5px;z-index:999999;">THEME</a>
  779.  
  780.  
  781. </body>
  782. </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!