API tools faq
paste
ILikeMochiCx

Lunar - Theme #22

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