API tools faq
paste
Advertisement
ILikeMochiCx

Ethereal - theme #19

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