ILikeMochiCx

Tsuujite - Theme #10

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