API tools faq
paste
ILikeMochiCx

Natsu - Theme #17

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