API tools faq
paste
ILikeMochiCx

Existential - Theme #23

ILikeMochiCx
Jun 7th, 2015
2,045
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.26 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.  
  6. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  9.  
  10. <title>{Title}</title>
  11.  
  12. <!--
  13. ___________________________________________________________________________
  14.  
  15.  
  16. you may customize this theme as much as you want,
  17. just don't remove any credit or steal my theme, ok?
  18. i'll hunt you down if you do. =u=
  19.  
  20. Theme #22 - Existential
  21. shoseii.tumblr.com
  22.  
  23. ___________________________________________________________________________
  24.  
  25. -->
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. {block:Description}<meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32.  
  33. <meta name="image:Background" content=""/>
  34.  
  35. <meta name="color:Background" content="#fafafb"/>
  36. <meta name="color:Posts Background" content="#ffffff"/>
  37. <meta name="color:Posts Border" content="#eeeeee"/>
  38. <meta name="color:Text" content="##898989"/>
  39. <meta name="color:Bold" content="#ED6B73"/>
  40. <meta name="color:Title" content="#000000"/>
  41. <meta name="color:Title Hover" content="#eeeeee"/>
  42. <meta name="color: Nav Links" content="#000000"/>
  43. <meta name="color:Link" content="#797979"/>
  44. <meta name="color:Header" content="#ffffff"/>
  45. <meta name="color:Nav Links" content="#000000"/>
  46. <meta name="color:Title Background" content="#000000"/>
  47. <meta name="color:Link Hover" content="#f59797"/>
  48. <meta name="color:Selection" content="#a5d7f0"/>
  49. <meta name="color:Scrollbar" content="#cccccc"/>
  50.  
  51. <meta name="text:Link 1" content=""/>
  52. <meta name="text:Link 1 URL" content=""/>
  53. <meta name="text:Link 2" content=""/>
  54. <meta name="text:Link 2 URL" content=""/>
  55. <meta name="text:Link 3" content=""/>
  56. <meta name="text:Link 3 URL" content=""/>
  57. <meta name="text:Link 4" content=""/>
  58. <meta name="text:Link 4 URL" content=""/>
  59.  
  60. <meta name="if:Infinite Scroll" content="1"/>
  61. <meta name="if:250px Posts" content="1"/>
  62. <meta name="if:400px Posts" content=""/>
  63. <meta name="if:Two Column" content="1"/>
  64. <meta name="if:Grayscale Effect" content=""/>
  65. <meta name="if:Post Fade" content="1"/>
  66. <meta name="if:Show Caption" content=""/>
  67. <meta name="if:Mini Cursor" content="1"/>
  68.  
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74. @font-face{
  75. font-family:"Market Deco";
  76. src:url("Market_Deco.eot?") format("eot"),url("Market_Deco.woff") format("woff"),url("Market_Deco.ttf") format("truetype"),url("Market_Deco.svg#MarketDeco") format("svg");
  77. font-weight:normal;
  78. font-style:normal;
  79. }
  80.  
  81. {block:ifMiniCursor}
  82. *, body, a {cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;}
  83.  
  84. a:hover {cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;}
  85. {/block:ifMiniCursor}
  86.  
  87. ::-webkit-scrollbar-thumb{
  88. background-color:{color:Scrollbar};
  89. border:3px solid {color:Background};
  90. height:auto;
  91. }
  92.  
  93. ::-webkit-scrollbar {
  94. background:{color:Background};
  95. height:9px;
  96. width:7px;
  97. }
  98.  
  99. ::-webkit-scrollbar:horizontal{
  100. display:none;
  101. }
  102.  
  103. ::-moz-selection {
  104. background:{color:Selection};
  105. color:#fff;
  106. }
  107.  
  108. ::selection {
  109. background:{color:Selection};
  110. color:#fff;
  111. }
  112.  
  113. body {
  114. font-family:'Open Sans', sans-serif;
  115. font-size:9px;
  116. color:{color:Text};
  117. text-align:left;
  118. background:{color:Background} url('{image:Background}') fixed repeat center;
  119. }
  120.  
  121. a {
  122. text-decoration:none;
  123. outline:none;
  124. -moz-outline-style:none;
  125. color:{color:Link};
  126. cursor:help;
  127. -webkit-transition: all 0.3s ease-in-out;
  128. -moz-transition: all 0.3s ease-in-out;
  129. -o-transition: all 0.3s ease-in-out;
  130. -ms-transition: all 0.3s ease-in-out
  131. transition: all 0.3s ease-in-out;
  132. }
  133.  
  134. a:visited{
  135. color:{color:Link};
  136. }
  137.  
  138. a:hover{
  139. color:{color:Link Hover};
  140. }
  141.  
  142. b,strong{
  143. font-weight:heavy;
  144. color:{color:Bold};
  145. }
  146.  
  147. blockquote{
  148. padding-left:5px;
  149. border-left:1px solid #ccc;
  150. }
  151.  
  152. /*--Sidebar--*/
  153.  
  154. #header{
  155. position:fixed;
  156. top:0px;
  157. left:0px;
  158. box-shadow:3px 0px 20px #eee;
  159. background:{color:Header};
  160. width:100vw;
  161. height:50px;
  162. z-index:9999999999999999;
  163. }
  164.  
  165. #sidebar{
  166. background:{color:Background};
  167. position:fixed;
  168. width:100vw;
  169. top:40px;
  170. left:0px;
  171. height:160px;
  172. z-index:99999999;
  173. }
  174.  
  175. #icon img{
  176. position:fixed;
  177. width:200px;
  178. max-height:250px;
  179. margin-top:10px;
  180. margin-left:20px;
  181. padding:2px;
  182. border:1px solid {color:Posts Border};
  183. -webkit-transition: all 0.5s ease-in-out;
  184. -moz-transition: all 0.5s ease-in-out;
  185. -o-transition: all 0.5s ease-in-out;
  186. -ms-transition: all 0.5s ease-in-out
  187. transition: all 0.5s ease-in-out;
  188. }
  189.  
  190. #title{
  191. background:{color:Header};
  192. position:fixed;
  193. margin-top:-135px;
  194. margin-left:52px;
  195. width:250px;
  196. overflow:hidden;
  197. padding:10px;
  198. font:bold 25px 'Montserrat', sans-serif;
  199. text-align:center;
  200. text-transform:uppercase;
  201. border:5px solid #000;
  202. z-index:99999999999999999;
  203. -webkit-transition: all 0.3s ease-in-out;
  204. -moz-transition: all 0.3s ease-in-out;
  205. -o-transition: all 0.3s ease-in-out;
  206. -ms-transition: all 0.3s ease-in-out;
  207. transition: all 0.3s ease-in-out;
  208. }
  209.  
  210. #title a{
  211. color:{color:Title};
  212. }
  213.  
  214. #title a:hover{
  215. color:{color:Title Hover};
  216. }
  217.  
  218. #desc{
  219. position:fixed;
  220. color:{color:Title};
  221. z-index:99999999999999999;
  222. max-height:50px;
  223. overflow:scroll;
  224. text-align:center;
  225. width:250px;
  226. margin-left:65px;
  227. margin-top:-68px;
  228. }
  229.  
  230. #links{
  231. position:fixed;
  232. width:300px;
  233. z-index:99999999999999;
  234. text-align:right;
  235. top:15px;
  236. right:10px;
  237. text-transform:uppercase;
  238. -webkit-transition: all 0.5s ease-in-out;
  239. -moz-transition: all 0.5s ease-in-out;
  240. -o-transition: all 0.5s ease-in-out;
  241. -ms-transition: all 0.5s ease-in-out;
  242. transition: all 0.5s ease-in-out;
  243. }
  244.  
  245. #links a{
  246. color:{color:Nav Links};
  247. text-decoration:underline;
  248. display:inline-block;
  249. padding:2px;
  250. margin:2px 2px 2px 0px;
  251. overflow:hidden;
  252. }
  253.  
  254. #links a:hover{
  255. color:{color:Link Hover};
  256. }
  257.  
  258. /*--Posts--*/
  259.  
  260. #center{
  261. width:395px;
  262. {block:ifTwoColumn}
  263. width:365px;
  264. {/block:ifTwoColumn}
  265. margin-left:auto;
  266. margin-right:auto;
  267. margin-top:200px;
  268. margin-bottom:0px;
  269. padding-left:20px;
  270. padding-right:20px;
  271. border:0;
  272. }
  273.  
  274. #content{
  275. background:{color:Background};
  276. z-index:99999;
  277. width:335px;
  278. {block:if400pxPosts}
  279. margin-left:-73px;
  280. {/block:if400pxPosts}
  281. {block:ifTwoColumn}
  282. width:800px;
  283. margin-left:-175px;
  284. {/block:ifTwoColumn}
  285. {block:PermalinkPage}
  286. margin-top:10px;
  287. width:585px;
  288. margin-left:-120px;
  289. {/block:PermalinkPage}
  290. }
  291.  
  292. .entry{
  293. margin:5px 4px 70px 35px;
  294. padding:30px;
  295. float:left;
  296. border:1px solid {color:Posts Border};
  297. background:{color:Posts Background};
  298. {block:indexpage}
  299. {block:if250pxPosts}
  300. width:250px;
  301. {/block:if250pxPosts}
  302. {block:if400pxPosts}
  303. width:400px;
  304. {/block:if400pxPosts}
  305. {/block:indexpage}
  306. {block:permalinkpage}
  307. width:500px;
  308. {/block:permalinkpage}
  309. }
  310.  
  311. .entry img{
  312. {block:indexpage}
  313. width:250px
  314. {block:if400pxPosts}
  315. width:400px;
  316. {/block:if400pxPosts}
  317. margin-bottom:-2px;
  318. {/block:indexpage}
  319. {block:permalinkpage}
  320. max-width:500px;
  321. {/block:permalinkpage}
  322. }
  323.  
  324. ol.notes{
  325. padding:0px;
  326. height:218px;
  327. overflow:auto;
  328. margin:5px 0px;
  329. list-style-type:none;
  330. border-bottom:solid 1px {color:Posts Border};
  331. }
  332.  
  333. ol.notes li.note{
  334. border-top:solid 1px {color:Posts Border};
  335. padding:10px;
  336. }
  337.  
  338. ol.notes li.note img.avatar{
  339. vertical-align:-4px;
  340. margin-right:10px;
  341. width:16px;
  342. height:16px;
  343. }
  344.  
  345. ol.notes li.note blockquote{
  346. border-color:{color:Posts Border};
  347. padding:4px 10px;
  348. margin:10px 0px 0px 25px;
  349. }
  350.  
  351. ol.notes li.note blockquote a{
  352. text-decoration:none;
  353. }
  354.  
  355. /*--Grayscale Effect--*/
  356.  
  357. #img{
  358. {block:indexpage}
  359. {block:ifPostFade}
  360. opacity:0.6;
  361. {/block:ifPostFade}
  362. {block:ifGrayscaleEffect}
  363. filter: url(filters.svg#grayscale);
  364. filter: gray;
  365. -webkit-filter: grayscale(1);
  366. {/block:ifGrayscaleEffect}
  367. -webkit-transition:all 0.3s ease-in-out;
  368. -moz-transition:all 0.3s ease-in-out;
  369. -o-transition:all 0.3s ease-in-out;
  370. transition:all 0.3s ease-in-out;
  371. {/block:indexpage}
  372. }
  373.  
  374. #img:hover{
  375. {block:indexpage}
  376. opacity:1;
  377. {block:ifGrayscaleEffect}
  378. filter: url(filters.svg#grayscale);
  379. filter: gray;
  380. -webkit-filter: grayscale(0);
  381. {/block:ifGrayscaleEffect}
  382. {/block:indexpage}
  383. }
  384.  
  385. /*--Permalinks--*/
  386.  
  387. #permalink{
  388. position:absolute;
  389. color:#444;
  390. width:312px;
  391. {block:if400pxPosts}
  392. width:460px;
  393. {/block:if400pxPosts}
  394. margin-left:-15px;
  395. margin-top:35px;
  396. {block:ifTwoColumn}
  397. bottom:-15px;
  398. {/block:ifTwoColumn}
  399. text-align:left;
  400. font:10px pt sans, calibri;
  401. z-index:999999;
  402. -webkit-transition:all 0.5s ease-in-out;
  403. -moz-transition:all 0.5s ease-in-out;
  404. -o-transition:all 0.5s ease-in-out;
  405. transition:all 0.5s ease-in-out;
  406. }
  407.  
  408. #date{
  409. color:#444;
  410. display:inline-block;
  411. text-align:center;
  412. margin-left:-15px;
  413. z-index:999999;
  414. }
  415.  
  416. #reblog{
  417. position:absolute;
  418. display:inline-block;
  419. right:20px;
  420. }
  421.  
  422.  
  423. /*--Miscellaneous--*/
  424.  
  425. .permapage {
  426. padding:0px 10px 0px 10px;
  427. }
  428.  
  429. .tmblr-iframe{
  430. position:fixed;
  431. margin-top:55px;
  432. -webkit-filter:invert(100%);
  433. opacity:0.8;
  434. z-index:999999999!important;
  435. }
  436.  
  437. .pagination {
  438. display:none;
  439. }
  440.  
  441. #pagination{
  442. {block:ifnotTwoColumn}
  443. {block:if250pxPosts}
  444. width:350px;
  445. {/block:if250pxPosts}
  446. {block:if400pxPosts}
  447. width:500px;
  448. {/block:if400pxPosts}
  449. {/block:ifnotTwoColumn}
  450. {block:ifTwoColumn}
  451. position:absolute;
  452. width:750px;
  453. bottom:0px;
  454. {/block:ifTwoColumn}
  455. text-align:center;
  456. }
  457.  
  458. #pagination a{
  459. border-bottom:1px dotted {color:Selection};
  460. }
  461.  
  462. .back{
  463. margin-top:0px;
  464. }
  465.  
  466. .next{
  467. margin-top:0px;
  468. }
  469.  
  470. #text img{
  471. {block:IndexPage}
  472. {block:if250pxPosts}
  473. max-width:250px;
  474. {/block:if250pxPosts}
  475. {block:if400pxPosts}
  476. max-width:400px;
  477. {/block:if400pxPosts}
  478. {/block:IndexPage}
  479. {block:PermalinkPage}
  480. max-width:500px;
  481. {/block:PermalinkPage}
  482. width:auto;
  483. height:auto;
  484. }
  485.  
  486. #text{
  487. padding-bottom:5px;
  488. overflow:hidden;
  489. }
  490.  
  491. #audio{
  492. margin-top:-40px;
  493. margin-left:50px;
  494. min-height:5px;
  495. font-size:8px;
  496. letter-spacing:1px;
  497. text-align:left;
  498. padding-bottom:10px;
  499. }
  500.  
  501. .audtext{
  502. width:auto;
  503. border-radius:2px;
  504. border:1px solid #ddd;
  505. }
  506.  
  507. .playbutton{
  508. position:absolute;
  509. top:-38px;
  510. left:-10px;
  511. }
  512.  
  513. .tumblr_audio_player{
  514. border:none;
  515. padding:0px;
  516. margin:0px;
  517. height:100px;
  518. width:500px;
  519. }
  520.  
  521. .playbox{
  522. position:relative;
  523. margin-top:10px;
  524. width:28px;
  525. height:27px;
  526. overflow:hidden;
  527. }
  528.  
  529. #s-m-t-tooltip{
  530. background:#fff;
  531. color:#888;
  532. font-size:8px;
  533. font-style:italic;
  534. letter-spacing:2px;
  535. text-transform:lowercase;
  536. max-width:300px;
  537. padding:4px;
  538. z-index:9999999999;
  539. margin:20px 10px 10px 10px;
  540. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  541. }
  542.  
  543. #musicplayer{
  544. position:fixed;
  545. margin-left:90px;
  546. margin-top:-1px;
  547. z-index:9999999;
  548. }
  549.  
  550. #desu{
  551. z-index:999;
  552. opacity:0.4;
  553. width:20px;
  554. height:15px;
  555. position:fixed;
  556. overflow:hidden;
  557. top:5px;
  558. left:5px;
  559. padding:3px 3px 3px 0px;
  560. z-index:9999999999999;
  561. -webkit-transition: opacity 0.8s linear;
  562. -webkit-transition: all 0.8s ease-in-out;
  563. -moz-transition: all 0.8s ease-in-out;
  564. -o-transition: all 0.8s ease-in-out;
  565. }
  566.  
  567. #desu:hover{
  568. width:30px;
  569. }
  570.  
  571. #ask{
  572. color:{color:Text};
  573. width:auto;
  574. padding:10px;
  575. text-align:center;
  576. border-bottom:1px solid #eee;
  577. text-transform:uppercase;
  578. }
  579.  
  580. #answer{
  581. margin-left:10px;
  582. margin-top:0px;
  583. }
  584.  
  585. #caption{
  586. background:#f9f9f9;
  587. border:1px solid {color:Posts Border};
  588. border-radius:5px;
  589. margin-top:10px;
  590. padding:5px;
  591. overflow:scroll;
  592. }
  593.  
  594. .back-to-top{
  595. position: fixed;
  596. bottom:-75px;
  597. left:10px;
  598. background: url('http://static.tumblr.com/2e9nahe/xvCoaucis/arrow-up.svg') no-repeat;
  599. background-size:15px;
  600. width:100px;
  601. height:100px;
  602. z-index:9999999;
  603. }
  604.  
  605. .back-to-top a{
  606. text-indent: -9999px;
  607. display: block;
  608. }
  609.  
  610. #infscr-loading{
  611. display:none!important;
  612. }
  613.  
  614. .like_button{
  615. display:inline-block;
  616. position:relative;
  617. width:1.5em;
  618. height:1.0em;
  619. }
  620.  
  621. .like_button:before{
  622. content:"\f08a";
  623. position:absolute;
  624. color:{color:Link};
  625. top:-1px;
  626. left:1.5px;
  627. font-size:12px;
  628. font-family:'FontAwesome';
  629. text-align:center;
  630. -webkit-transition:all 0.5s ease-in-out;
  631. -moz-transition:all 0.5s ease-in-out;
  632. -o-transition:all 0.5s ease-in-out;
  633. transition:all 0.5s ease-in-out;
  634. }
  635.  
  636. .like_button iframe{
  637. position:absolute;
  638. top:0px;
  639. left:0px;
  640. opacity:0;
  641. z-index:99;
  642. }
  643.  
  644. .like_button.liked:before, .like_button:hover:before{
  645. color:{color:Link Hover};
  646. }
  647.  
  648. </style>
  649.  
  650. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  651. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  652. <script>
  653. (function($){
  654. $(document).ready(function(){
  655. $("[title]").style_my_tooltips({
  656. tip_follows_cursor:true,
  657. tip_delay_time:20,
  658. tip_fade_speed:400,
  659. attribute:"title"
  660. });
  661. });
  662. })(jQuery);
  663. </script>
  664.  
  665. {block:ifnotTwoColumn}
  666. {block:IndexPage}
  667. {block:ifInfiniteScroll}
  668. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  669. <script>
  670. $(document).ready(function(){
  671. var $container = $('#content');
  672. $container.infinitescroll({
  673. itemSelector: '.entry',
  674. navSelector: '.pagination',
  675. nextSelector: '.pagination a',
  676. bufferPx: 800
  677. },
  678. function(newElements){
  679. var $newElems = $(newElements);
  680. var $newElemsIDs = $newElems.map(function(){
  681. return this.id;
  682. }).get();
  683. console.log($newElems, $newElemsIDs);
  684. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  685. });
  686.  
  687. });
  688. </script>
  689. {/block:ifInfiniteScroll}
  690. {/block:IndexPage}
  691. {/block:ifnotTwoColumn}
  692.  
  693.  
  694. {block:ifTwoColumn}
  695. {block:IndexPage}
  696. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  697. {block:IfInfiniteScroll}
  698. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  699. {/block:IfInfiniteScroll}
  700. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  701.  
  702. <script>
  703. $(function(){
  704. var $container = $('#content');
  705. $container.imagesLoaded(function(){
  706. $container.masonry({
  707. itemSelector: '.entry',
  708. });
  709. });
  710. $container.infinitescroll({
  711. itemSelector : ".entry",
  712. navSelector : "div.pagination",
  713. nextSelector : ".pagination a#next",
  714. loadingImg : "",
  715. loadingText : "<em></em>",
  716. bufferPx: 800,
  717. },
  718. // trigger Masonry as a callback
  719. function( newElements ) {
  720. var $newElems = $( newElements ).css({ opacity: 0 });
  721. // ensure that images load before adding to masonry layout
  722. var $newElemsIDs = $newElems.map(function(){
  723. return this.id;
  724. }).get();
  725. console.log($newElems, $newElemsIDs);
  726. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  727. $newElems.imagesLoaded(function(){
  728. $newElems.animate({ opacity: 1 });
  729. $container.masonry( 'appended', $newElems, true );
  730. });
  731. }
  732. );
  733. });
  734. </script>
  735. {/block:IndexPage}
  736. {/block:ifTwoColumn}
  737.  
  738.  
  739. <!--Scroll back to top-->
  740.  
  741. <div class="back-to-top" id="back-top">
  742. <a href="javascript:void(0)" class="back-to-top">Top</a>
  743. </div>
  744.  
  745.  
  746. <script type="text/javascript">
  747. $(function () {
  748. $("#back-top").hide();
  749. $(window).scroll(function () {
  750. if ($(this).scrollTop() > 150) {
  751. $('#back-top').fadeIn();
  752. } else {
  753. $('#back-top').fadeOut();
  754. }
  755. });
  756. });
  757. jQuery('.back-to-top').click(function () {
  758. jQuery('html, body').animate({
  759. scrollTop: 0
  760. }, 'slow');
  761. });
  762. </script>
  763.  
  764.  
  765. <!--end of Scroll back to top-->
  766.  
  767.  
  768. </head>
  769.  
  770. <body>
  771.  
  772. <div id="header"></div>
  773.  
  774. <div style="position:fixed;top:33px;left:20px;z-index:999999999999;">
  775. <form action="/search" method="get">
  776. <input type="text" name="q" value="" style="position:fixed;margin-top:-15px;margin-left:0px;background:#fff; border:1px solid {color:Posts Border}; font:8px helvetica; letter-spacing:1px; line-height:12px; color:{color:Text};">
  777. <input type="image" src="http://static.tumblr.com/7qjmkr5/uxRmhf6ak/search.png" value="Search" style="background:#f0f0f0;position:fixed;margin-top:-15px;margin-left:85px;">
  778. </form>
  779. </div>
  780.  
  781. <div id="links">
  782. <a href="/">refresh</a>
  783. <a href="/ask" target="_blank">message</a>
  784. <a href="/archive" target="_blank">past</a>
  785. {block:ifLink1}<a href="{text:Link 1 URL}" target="_blank">{text:Link 1}</a>{/block:ifLink1}
  786. {block:ifLink2}<a href="{text:Link 2 URL}" target="_blank">{text:Link 2}</a>{block:ifLink2}
  787. {block:ifLink3}<a href="{text:Link 3 URL}" target="_blank">{text:Link 3}</a>{block:ifLink3}
  788. {block:ifLink4}<a href="{text:Link 4 URL}" target="_blank">{text:Link 4}</a>{block:ifLink4}
  789. </div>
  790.  
  791. {block:ifInfiniteScroll}
  792. <div class="pagination">
  793. {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}
  794. </div>
  795. {/block:ifInfiniteScroll}
  796.  
  797. <div id="center">
  798. <div id="sidebar"></div>
  799. <div id="title"><a href="/">{Title}</a></div>
  800. <div id="desc">{Description}</div>
  801. <div id="content">
  802.  
  803. <div class = "autopagerize_page_element" >
  804. {block:Posts}
  805.  
  806.  
  807. <div class="entry" id="{PostID}">
  808.  
  809. {block:ifTwoColumn}
  810. {block:IndexPage}
  811. <div id="permalink">
  812. <div id="date">
  813. <a href="{Permalink}" style="border-bottom:1px dotted {color:Selection}" target="_blank">{Month} {DayofMonth}{DayofMonthSuffix}, {Year}</a> with {NoteCountWithLabel}
  814. </div>
  815. <div id="reblog">
  816. <div style="position:absolute;margin-left:-20px;margin-top:3px;">{LikeButton}</div><a href="{ReblogURL}" target="_blank" title="Reblog?"><img src="http://static.tumblr.com/2e9nahe/OStn8m1nu/arrow-repeat.png" style="width:15px;opacity:0.7"/></a>
  817. </div>
  818.  
  819. </div>
  820. {/block:IndexPage}
  821. {/block:IfTwoColumn}
  822.  
  823. {block:Text}
  824. <div id="text">{block:IndexPage}{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
  825. {Body}
  826. </div>
  827. {/block:Text}
  828.  
  829. {block:Photo}
  830. <div id="img">
  831. {block:IndexPage}<img src="{PhotoURL-500}" width="{block:if250pxPosts}250{/block:if250pxPosts}{block:if400pxPosts}400{/block:if400pxPosts}{block:if500pxPosts}500{/block:if500pxPosts}"/></div>
  832.  
  833. {block:ifShowCaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  834.  
  835. {/block:IndexPage}
  836. {block:PermalinkPage}<img src="{PhotoURL-500}" width="500"/>{block:Caption}{Caption}{/block:Caption}
  837. {/block:PermalinkPage}
  838. {/block:Photo}
  839.  
  840. {block:Photoset}
  841. <div id="img">
  842. {block:IndexPage}{block:if250pxPosts}{Photoset-250}{/block:if250pxPosts}{block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}</div>
  843.  
  844.  
  845. {block:ifShowCaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  846.  
  847. {/block:IndexPage}
  848. {block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  849. {/block:Photoset}
  850.  
  851.  
  852. {block:Quote}
  853. <div style="position:absolute;margin-top:-5px;margin-left:-5px;font:30px times new roman;opacity:0.5;">“</div>
  854. <div style="font:14px courier new;margin-left:10px;text-align:left;">{Quote}</div>
  855. {block:Source}<p><div style="font:italic 12px courier new;">—&nbsp;{Source}</div></p>{/block:Source}
  856. {/block:Quote}
  857.  
  858. {block:Link}
  859. <div id="text">
  860. <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}</div>
  861. {/block:Link}
  862.  
  863. {block:Chat}
  864. <div id="text">
  865. {block:Title}<h3>{Title}</h3>{/block:Title}
  866. {block:Lines}<p>
  867. {block:Label}<b>{Label}</b>{/block:Label}
  868. {Line}</p>
  869. {/block:Lines}
  870. </div>
  871. {/block:Chat}
  872.  
  873. {block:Audio}
  874. {block:IndexPage}
  875. <table style="width:250px;{block:PermalinkPage}width:500px;{/block:PermalinkPage}">
  876. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  877.  
  878. <tr>
  879. <td style="vertical-align:top;">
  880. <div id="audio">{block:Artist}<b><em>Artist</em>:</b> {Artist}{/block:Artist}
  881. {block:TrackName}<br><b><em>Song</em>:</b> {TrackName}{/block:TrackName}
  882. {block:Album}<br><b><em>Album</em>:</b> {Album}{/block:Album}
  883. {block:PlayCount}<br><b><em>Plays</em>:</b>{PlayCount}{/block:PlayCount}
  884. </div></td></tr></table>
  885.  
  886. {block:ifShowCaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  887. {/block:IndexPage}
  888. {block:PermalinkPage}{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  889. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  890. {/block:Audio}
  891.  
  892. {block:Answer}
  893. <div id="ask">
  894. <em><strong><u>{Asker} whispered:</u></em></strong> {Question}
  895. </div>
  896. <div id="answer">
  897. {Answer}
  898. </div>
  899. {/block:Answer}
  900.  
  901. {block:Video}
  902. <div id="img">
  903. {block:IndexPage}
  904. {block:if250pxPosts}{Video-250}{/block:if250pxPosts}{block:if400pxPosts}{Video-400}{/block:if400pxPosts}</div>
  905.  
  906. {block:ifShowCaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  907. {/block:IndexPage}
  908.  
  909. {block:PermalinkPage}{Video-500}
  910. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  911. {/block:Video}
  912.  
  913.  
  914.  
  915. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  916.  
  917. {block:ifnotTwoColumn}
  918. {block:IndexPage}
  919. <div id="permalink">
  920. <div id="date">
  921. <a href="{Permalink}" style="border-bottom:1px dotted {color:Selection}">{Month} {DayofMonth}{DayofMonthSuffix}, {Year}</a> with {NoteCountWithLabel}
  922. </div>
  923. <div id="reblog">
  924. <div style="position:absolute;margin-left:-20px;">{LikeButton size="13"}</div><a href="{ReblogURL}" target="_blank" title="Reblog?"><img src="http://static.tumblr.com/2e9nahe/OStn8m1nu/arrow-repeat.png" style="width:15px;opacity:0.7"/></a>
  925. </div>
  926.  
  927. </div>
  928. {/block:IndexPage}
  929. {/block:ifnotTwoColumn}
  930.  
  931.  
  932. {block:PermalinkPage}
  933. {block:Date}
  934. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  935. <div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  936. <div class="permapage">
  937. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  938. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  939. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  940. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}</div>
  941. {/block:Date}
  942. {/block:PermalinkPage}
  943.  
  944. {block:PostNotes}{PostNotes}{/block:PostNotes}
  945.  
  946.  
  947. </div>
  948. {/block:Posts}
  949.  
  950. {block:ifnotinfinitescroll}
  951. {block:Pagination}
  952. <div id="pagination">
  953. {block:PreviousPage}<a class="back" href="{PreviousPage}">previous</a>{/block:PreviousPage}&nbsp;&nbsp;[ page {CurrentPage} of {TotalPages} ]&nbsp;&nbsp;{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}
  954.  
  955. </div>
  956. {/block:Pagination}
  957. {/block:ifnotinfinitescroll}
  958.  
  959. </div>
  960. </div>
  961.  
  962.  
  963. <a href="http://shoseii.tumblr.com" style="position:fixed;bottom:5px;right:3px;">THEME</a>
  964.  
  965.  
  966.  
  967. </div>
  968.  
  969.  
  970.  
  971. </body>
  972. </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!