API tools faq
paste
Advertisement
ILikeMochiCx

Inhuman

ILikeMochiCx
Nov 20th, 2016
12,382
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
  6. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Work+Sans:500,600" rel="stylesheet">
  8. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  9.  
  10. <title>{Title}</title>
  11.  
  12. <!--
  13. ___________________________________________________________________________
  14.  
  15.  
  16. Inhuman - Theme #9
  17. my usual terms apply; please do not redstribute, copy, or steal in any way
  18.  
  19. shoseii.tumblr.com
  20.  
  21. ___________________________________________________________________________
  22.  
  23. -->
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27.  
  28. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  29.  
  30.  
  31. {block:Description}<meta name="description" content="{MetaDescription}" />
  32. {/block:Description}
  33.  
  34. <meta name="image:Background" content=""/>
  35. <meta name="image:Header" content=""/>
  36.  
  37. <meta name="color:Background" content="#ffffff"/>
  38. <meta name="color:Posts Background" content="#ffffff"/>
  39. <meta name="color:Border Color" content="#eeeeee"/>
  40. <meta name="color:Text" content="#000000"/>
  41. <meta name="color:Bold" content="#ED6B73"/>
  42. <meta name="color:Caption" content="#f9f9f9"/>
  43. <meta name="color:Caption Text" content="#898989"/>
  44. <meta name="color:Title" content="#000000"/>
  45. <meta name="color:Link" content="#797979"/>
  46. <meta name="color:Link Hover" content="#f59797"/>
  47. <meta name="color:Selection" content="#a5d7f0"/>
  48. <meta name="color:Scrollbar" content="#cccccc"/>
  49.  
  50. <meta name="text:Link 1" content=""/>
  51. <meta name="text:Link 1 URL" content=""/>
  52. <meta name="text:Link 2" content=""/>
  53. <meta name="text:Link 2 URL" content=""/>
  54. <meta name="text:Link 3" content=""/>
  55. <meta name="text:Link 3 URL" content=""/>
  56. <meta name="text:Link 4" content=""/>
  57. <meta name="text:Link 4 URL" content=""/>
  58. <meta name="text:Link 5" content=""/>
  59. <meta name="text:Link 5 URL" content=""/>
  60. <meta name="text:Link 6" content=""/>
  61. <meta name="text:Link 6 URL" content=""/>
  62.  
  63. <meta name="select:Post Width" content="250" title="250px"/>
  64. <meta name="select:Post Width" content="300" title="300px"/>
  65. <meta name="select:Post Width" content="350" title="350px"/>
  66. <meta name="select:Post Width" content="400" title="400px"/>
  67.  
  68. <meta name="if:Multi Column" content=""/>
  69. <meta name="if:Infinite Scroll" content="1"/>
  70. <meta name="if:Manual Load" content=""/>
  71. <meta name="if:Popup Header" content="1"/>
  72. <meta name="if:Mini Cursor" content=""/>
  73. <meta name="if:Grayscale Effect" content=""/>
  74.  
  75. <style type="text/css">
  76.  
  77. *, body, a {cursor: url(http://static.tumblr.com/5u6jsx4/zAJo9rtlv/tumblr_inline_n10aai56su1sr8w60_copy.png), auto;}
  78.  
  79. {block:ifMiniCursor}
  80. *, body, a {cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;}
  81.  
  82. a:hover {cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;}
  83. {/block:ifMiniCursor}
  84.  
  85.  
  86.  
  87. ::-webkit-scrollbar{
  88. width:17px;
  89. height:17px;
  90. }
  91.  
  92. ::-webkit-scrollbar{
  93. background-color:{color:Background};
  94. }
  95.  
  96. ::-webkit-scrollbar-track{
  97. border:8px solid {color:Background};
  98. background-color:{color:Border Color};
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb{
  102. border:7px solid {color:Background};
  103. background-color:{color:Scrollbar};
  104. }
  105.  
  106. ::-webkit-scrollbar:horizontal{
  107. display:none;
  108. }
  109.  
  110.  
  111. ::-moz-selection{
  112. background:{color:Selection};
  113. color:#fff;
  114. }
  115.  
  116. ::selection{
  117. background:{color:Selection};
  118. color:#fff;
  119. }
  120.  
  121. body{
  122. font:12px 'Karla', sans-serif;
  123. line-height:18px;
  124. font-weight:400;
  125. color:{color:Text};
  126. text-align:left;
  127. -webkit-font-smoothing: antialiased;
  128. -moz-osx-font-smoothing: grayscale;
  129. background:{color:Background} url('{image:Background}') fixed repeat center;
  130. }
  131.  
  132. a{
  133. text-decoration:none;
  134. outline:none;
  135. -moz-outline-style:none;
  136. color:{color:Link};
  137. cursor:help;
  138. -webkit-transition: all 0.3s ease-in-out;
  139. -moz-transition: all 0.3s ease-in-out;
  140. -o-transition: all 0.3s ease-in-out;
  141. -ms-transition: all 0.3s ease-in-out
  142. transition: all 0.3s ease-in-out;
  143. }
  144.  
  145. a:visited{
  146. color:{color:Link};
  147. }
  148.  
  149. a:hover{
  150. color:{color:Link Hover};
  151. }
  152.  
  153. b,strong{
  154. font-weight:heavy;
  155. color:{color:Bold};
  156. }
  157.  
  158. blockquote{
  159. padding-left:5px;
  160. border-left:1px solid #ccc;
  161. }
  162.  
  163. #color-bar{
  164. position:fixed;
  165. top:0px;
  166. left:0px;
  167. width:100%;
  168. height:10px;
  169. overflow:hidden;
  170. z-index:9999;
  171. }
  172.  
  173. .color-part{
  174. width:25%;
  175. height:100%;
  176. float:left;
  177. }
  178.  
  179. /*--Header--*/
  180.  
  181. header{
  182. width:250px;
  183. height:auto;
  184. margin:100px auto;
  185. text-align:center;
  186. z-index:99999;
  187. {block:ifMultiColumn}
  188. padding-left:30px;
  189. {/block:ifMultiColumn}
  190. }
  191.  
  192. #img{
  193. background:{color:Bold};
  194. width:50px;
  195. height:50px;
  196. margin-left:auto;
  197. margin-right:auto;
  198. margin-bottom:7px;
  199. border-radius:50% 50% 50% 0;
  200. overflow:hidden;
  201. transform:rotate(-45deg);
  202. -webkit-transform:rotate(-45deg);
  203. -moz-transform:rotate(-45deg);
  204. -o-transform:rotate(-45deg);
  205. }
  206.  
  207. #icon img{
  208. padding-top:308px;
  209. margin-left:-10px;
  210. padding-right:750px;
  211. width:60px;
  212. height:60px;
  213. transform:rotate(45deg);
  214. -webkit-transform:rotate(45deg);
  215. -moz-transform:rotate(45deg);
  216. -o-transform:rotate(45deg);
  217. }
  218.  
  219. header h2{
  220. margin-top:110px;
  221. }
  222.  
  223. #title{
  224. font:bold 30px 'Work Sans', sans-serif;
  225. margin-top:10px;
  226. z-index:9999999999;
  227. -webkit-transition: all 0.3s ease-in-out;
  228. -moz-transition: all 0.3s ease-in-out;
  229. -o-transition: all 0.3s ease-in-out;
  230. -ms-transition: all 0.3s ease-in-out;
  231. transition: all 0.3s ease-in-out;
  232. }
  233.  
  234. #title a{
  235. color:{color:Title};
  236. }
  237.  
  238. #title a:hover{
  239. color:{color:Link Hover};
  240. }
  241.  
  242. #desc{
  243. font-size:11px;
  244. margin-top:3px;
  245. line-height:20px;
  246. }
  247.  
  248. .links{
  249. font-size:11px;
  250. margin-top:5px;
  251. }
  252.  
  253. .links a{
  254. display:inline-block;
  255. font-weight:400;
  256. margin-right:10px;
  257. margin-bottom:5px;
  258. }
  259.  
  260. .links a:hover{
  261. color:{color:Link Hover};
  262. }
  263.  
  264. .popup_block{
  265. display:none;
  266. float:left;
  267. position:fixed;
  268. top:50%;
  269. left:54%;
  270. padding:10px 20px 20px 20px;
  271. font-size:10px;
  272. font-weight:300;
  273. text-align:left;
  274. z-index:9999999;
  275. }
  276.  
  277. .popup_block li{
  278. display:inline-block;
  279. width:calc(50% - 25px);
  280. background:#eee;
  281. margin-bottom:2px;
  282. margin-right:2px;
  283. font-size:12px;
  284. padding:5px;
  285. text-transform:uppercase;
  286. counter-increment:list;
  287. -webkit-transition:0.4s all;
  288. -moz-transition:0.4s all;
  289. -o-transition:0.4s all;
  290. transition:0.4s all;
  291. }
  292.  
  293. .popup_block li:last-child:nth-child(odd){
  294. width:92.4%;
  295. }
  296.  
  297. .popup_block li:before{
  298. content:counter(list, decimal-leading-zero) ".";
  299. color:{color:Bold};
  300. padding-right:5px;
  301. }
  302.  
  303. .popup_block li:hover{
  304. background:{color:Background};
  305. }
  306.  
  307. .close{
  308. position:absolute;
  309. top:100%;
  310. font-size:7px;
  311. font-weight:bold;
  312. text-transform:uppercase;
  313. letter-spacing:1px;
  314. border-top:1px solid {color:Border Color};
  315. -webkit-transition:0.4s all;
  316. -moz-transition:0.4s all;
  317. -o-transition:0.4s all;
  318. transition:0.4s all;
  319. }
  320.  
  321. *html #fade {position: absolute;}
  322.  
  323. #fade{
  324. display:none;
  325. position:fixed;
  326. background:{color:Background};
  327. width:100%;
  328. height:100%;
  329. left:0px;
  330. top:0px;
  331. opacity:1;
  332. z-index:999999;
  333. }
  334.  
  335. *html .popup_block {position: absolute;}
  336.  
  337. .header{
  338. background:{color:Background};
  339. display:inline-block;
  340. position:fixed;
  341. width:100vw;
  342. height:50px;
  343. top:0px;
  344. left:0px;
  345. padding:10px 0px 0px 10px;
  346. display:none;
  347. z-index:9999;
  348. }
  349.  
  350. .header #icon{
  351. width:40px;
  352. height:40px;
  353. margin-top:5px;
  354. padding-top:0px;
  355. border-radius:100px;
  356. transform:none;
  357. }
  358.  
  359. .header .links{
  360. position:fixed;
  361. left:65px;
  362. top:32px;
  363. }
  364.  
  365. #title2{
  366. margin-top:-46px;
  367. margin-left:55px;
  368. font:bold 20px 'Work Sans', sans-serif;
  369. z-index:9999999999;
  370. -webkit-transition: all 0.3s ease-in-out;
  371. -moz-transition: all 0.3s ease-in-out;
  372. -o-transition: all 0.3s ease-in-out;
  373. -ms-transition: all 0.3s ease-in-out;
  374. transition: all 0.3s ease-in-out;
  375. }
  376.  
  377. #title2 a{
  378. color:{color:Title};
  379. }
  380.  
  381. #title2 a:hover{
  382. color:{color:Link Hover};
  383. }
  384.  
  385. #line{
  386. position:fixed;
  387. top:18px;
  388. left:57px;
  389. width:1px;
  390. height:35px;
  391. border-left:1px solid #ccc;
  392. }
  393.  
  394. /*--Posts--*/
  395.  
  396. #center{
  397. margin:0 auto;
  398. max-width:1100px;
  399. {block:ifnotMultiColumn}
  400. max-width:{select:Post Width}px;
  401. {/block:ifnotMultiColumn}
  402. {block:PermalinkPage}
  403. width:500px;
  404. {/block:PermalinkPage}
  405. }
  406.  
  407. #content{
  408. position:relative;
  409. margin-bottom:50px;
  410. margin-top:50px;
  411. margin-left:-4%;
  412. text-align:center;
  413. {block:PermalinkPage}
  414. width:500px;
  415. text-align:left;
  416. {/block:PermalinkPage}
  417. }
  418.  
  419. .entry{
  420. {block:indexpage}
  421. display:inline-block;
  422. width:{select:Post Width}px;
  423. border-radius:4px;
  424. vertical-align:middle;
  425. {/block:indexpage}
  426. background:{color:Posts Background};
  427. margin:0px 0px 60px 0px;
  428. {block:ifMultiColumn}
  429. {block:IndexPage}
  430. margin-right:0px;
  431. margin-left:45px;
  432. {/block:IndexPage}
  433. {/block:ifMultiColumn}
  434. {block:permalinkpage}
  435. width:500px;
  436. padding:23px;
  437. {/block:permalinkpage}
  438. }
  439.  
  440. .entry img{
  441. width:{select:Post Width}px;
  442. max-height:calc({select:Post Width}px * 0.75);
  443. height:calc({select:Post Width}px - 100px);
  444. border-radius:4px;
  445. overflow:hidden;
  446. {block:PermalinkPage}
  447. width:500px;
  448. height:auto;
  449. max-height:none;
  450. border-radius:0px;
  451. {/block:PermalinkPage}
  452. }
  453.  
  454. .ph{
  455. max-height:calc({select:Post Width}px * 0.75);
  456. height:calc({select:Post Width}px - 100px);
  457. border-radius:4px;
  458. overflow:hidden;
  459. }
  460.  
  461. .pic{
  462. background:{color:Posts Background} no-repeat center;
  463. background-size:cover;
  464. width:100%;
  465. height:100%;
  466. overflow:hidden;
  467. }
  468.  
  469. .photos img{
  470. display:none;
  471. }
  472.  
  473. .photos img:first-child{
  474. display:block;
  475. width:100%;
  476. }
  477.  
  478. ol.notes{
  479. padding:0px;
  480. width:500px;
  481. height:218px;
  482. overflow:auto;
  483. margin:5px 0px;
  484. list-style-type:none;
  485. border:1px solid{color:Border Color};
  486. }
  487.  
  488. ol.notes li.note{
  489. border-top:solid 1px {color:Border Color};
  490. padding:10px;
  491. }
  492.  
  493. ol.notes li.note:first-child{
  494. border:none;
  495. }
  496.  
  497. ol.notes li.note img.avatar{
  498. vertical-align:-4px;
  499. margin-right:10px;
  500. width:16px;
  501. height:16px;
  502. }
  503.  
  504. ol.notes li.note blockquote{
  505. border-color:{color:Border Color};
  506. padding:4px 10px;
  507. margin:10px 0px 0px 25px;
  508. }
  509.  
  510. ol.notes li.note blockquote a{
  511. text-decoration:none;
  512. }
  513.  
  514. /*--Grayscale Effect--*/
  515.  
  516. .img{
  517. {block:indexpage}
  518. {block:ifGrayscaleEffect}
  519. filter: url(filters.svg#grayscale);
  520. filter: gray;
  521. -webkit-filter: grayscale(1);
  522. {/block:ifGrayscaleEffect}
  523. -webkit-transition:all 0.3s ease-in-out;
  524. -moz-transition:all 0.3s ease-in-out;
  525. -o-transition:all 0.3s ease-in-out;
  526. transition:all 0.3s ease-in-out;
  527. {/block:indexpage}
  528. }
  529.  
  530. .entry:hover .img{
  531. {block:indexpage}
  532. opacity:0.6;
  533. {block:ifGrayscaleEffect}
  534. filter: url(filters.svg#grayscale);
  535. filter: gray;
  536. -webkit-filter: grayscale(0);
  537. {/block:ifGrayscaleEffect}
  538. {/block:indexpage}
  539. }
  540.  
  541. /*--Permalinks--*/
  542.  
  543. .permalink{
  544. position:absolute;
  545. display:block;
  546. font-size:10px;
  547. padding-top:10px;
  548. margin-left:10px;
  549. text-align:left;
  550. opacity:0;
  551. z-index:999;
  552. -webkit-transition:all 0.5s ease-in-out;
  553. -moz-transition:all 0.5s ease-in-out;
  554. -o-transition:all 0.5s ease-in-out;
  555. transition:all 0.5s ease-in-out;
  556. }
  557.  
  558. .permalink a{
  559. color:{color:Link};
  560. }
  561.  
  562. .permalink a:hover{
  563. color:{color:Link Hover};
  564. }
  565.  
  566. .entry:hover .permalink{
  567. opacity:1;
  568. }
  569.  
  570. .date{
  571. background:#fbfbfb;
  572. padding:3px;
  573. margin-right:10px;
  574. text-transform:uppercase;
  575. }
  576.  
  577. .noet{
  578. background:#fbfbfb;
  579. padding:2px 0px 0px 5px;
  580. margin-right:10px;
  581. margin-bottom:5px;
  582. }
  583.  
  584. .like_button{
  585. position:relative;
  586. width:1.5em;
  587. height:1.7em;
  588. }
  589.  
  590. .like_button:before{
  591. content:"\e813";
  592. position:absolute;
  593. color:{color:Link};
  594. top:-3px;
  595. left:0px;
  596. padding-top:2px;
  597. font-size:11px;
  598. font-family:'Linearicons-Free';
  599. text-align:center;
  600. -webkit-transition:all 0.5s ease-in-out;
  601. -moz-transition:all 0.5s ease-in-out;
  602. -o-transition:all 0.5s ease-in-out;
  603. transition:all 0.5s ease-in-out;
  604. }
  605.  
  606. .like_button iframe{
  607. position:absolute;
  608. top:0px;
  609. left:0px;
  610. opacity:0;
  611. z-index:99;
  612. }
  613.  
  614. .like_button.liked:before, .like_button:hover:before{
  615. color:{color:Link Hover};
  616. }
  617.  
  618.  
  619. /*--Miscellaneous--*/
  620.  
  621. iframe.tmblr-iframe{
  622. z-index:99999999999999!important;
  623. top:0!important;
  624. right:0!important;
  625. opacity:0.4;
  626. /* delete from here */
  627. filter:invert(1);
  628. -webkit-filter:invert(1);
  629. -o-filter:invert(1);
  630. -moz-filter:invert(1);
  631. -ms-filter:invert(1);
  632. /* to here if your blog has a dark background */
  633. transform:scale(0.6);
  634. transform-origin:100% 0;
  635. -webkit-transform:scale(0.6);
  636. -webkit-transform-origin:100% 0;
  637. -o-transform:scale(0.6);
  638. -o-transform-origin:100% 0;
  639. -moz-transform:scale(0.6);
  640. -moz-transform-origin:100% 0;
  641. -ms-transform:scale(0.6);
  642. -ms-transform-origin:100% 0;
  643. -webkit-transition:all 0.5s ease-in-out;
  644. -moz-transition:all 0.5s ease-in-out;
  645. -o-transition:all 0.5s ease-in-out;
  646. transition:all 0.5s ease-in-out;
  647. }
  648.  
  649. iframe.tmblr-iframe:hover{
  650. opacity:0.6!important;
  651. }
  652.  
  653. .load-more{
  654. position:relative;
  655. width:100px;
  656. height:100px;
  657. padding:25px 7px 25px 7px;
  658. border:1px solid {color:Border Color};
  659. border-radius:100px;
  660. }
  661.  
  662. footer{
  663. margin:0 auto;
  664. width:80px;
  665. padding-top:20px;
  666. padding-bottom:90px;
  667. {block:ifMultiColumn}
  668. width:calc({select:Post Width}px * 3px);
  669. padding:0px 0px 80px 0px;
  670. {/block:ifMultiColumn}
  671. }
  672.  
  673. .pagination{
  674. display:none;
  675. }
  676.  
  677. #pagination a{
  678. font-size:16px;
  679. width:100px;
  680. height:100px;
  681. padding:15px 21px 15px 21px;
  682. border:1px solid {color:Border Color};
  683. border-radius:100px;
  684. }
  685.  
  686. .back{
  687. margin-top:0px;
  688. }
  689.  
  690. .next{
  691. margin-top:0px;
  692. }
  693.  
  694. .text img{
  695. {block:IndexPage}
  696. max-width:calc({select:Post width}px - 20px);
  697. {/block:IndexPage}
  698. {block:PermalinkPage}
  699. max-width:500px;
  700. {/block:PermalinkPage}
  701. width:auto;
  702. height:auto;
  703. }
  704.  
  705. .text{
  706. background:#fbfbfb;
  707. padding:10px;
  708. }
  709.  
  710. .audio:hover .tumblr_audio_player{
  711. opacity:1;
  712. }
  713.  
  714. .audio{
  715. background:#fbfbfb;
  716. margin-left:90px;
  717. padding:30px 0px 30px 10px;
  718. line-height:14px;
  719. letter-spacing:1px;
  720. text-align:left;
  721. overflow:hidden;
  722. white-space:nowrap;
  723. text-overflow:ellipsis;
  724. }
  725.  
  726. .audio img{
  727. position:absolute;
  728. width:88px;
  729. height:auto;
  730. margin-top:-30px;
  731. margin-left:-98px;
  732. border-radius:0px;
  733. z-index:9;
  734. }
  735.  
  736. .song{
  737. font:italic 9px georgia;
  738. }
  739.  
  740. .tumblr_audio_player{
  741. opacity:0;
  742. background:{color:Background};
  743. position:absolute;
  744. width:30px;
  745. height:30px;
  746. margin-top:1px;
  747. margin-left:-70px;
  748. border-radius:100px;
  749. z-index:99;
  750. -webkit-transition:all 0.3s ease-in-out;
  751. -moz-transition:all 0.3s ease-in-out;
  752. -o-transition:all 0.3s ease-in-out;
  753. transition:all 0.3s ease-in-out;
  754. }
  755.  
  756. #s-m-t-tooltip{
  757. background:#fff;
  758. color:#888;
  759. font-size:8px;
  760. font-style:italic;
  761. font-weight:500;
  762. letter-spacing:2px;
  763. text-transform:uppercase;
  764. max-width:300px;
  765. padding:4px;
  766. z-index:9999999999;
  767. margin:20px 10px 10px 10px;
  768. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  769. }
  770.  
  771. .quote{
  772. font-weight:bold;
  773. text-align:left;
  774. margin-left:11px;
  775. }
  776.  
  777. .ask{
  778. background:{color:Caption};
  779. color:{color:Text};
  780. width:calc({select:Post Width}px - 50px);
  781. margin-left:auto;
  782. margin-right:auto;
  783. padding:10px 0px 10px 10px;
  784. border:1px solid {color:Border Color};
  785. border-radius:5px;
  786. text-align:left;
  787. }
  788.  
  789. .answer{
  790. margin:0 auto;
  791. width:calc({select:Post Width}px - 50px);
  792. word-break:break-all;
  793. }
  794.  
  795. .caption{
  796. {block:IndexPage}
  797. background:{color:Caption};
  798. border:1px solid {color:Border Color};
  799. border-radius:5px;
  800. {/block:IndexPage}
  801. font-size:10px;
  802. color:{color:Caption Text};
  803. margin-top:10px;
  804. padding:5px;
  805. overflow:auto;
  806. }
  807.  
  808. .caption img{
  809. width:auto;
  810. height:auto;
  811. max-width:calc({select:Post width}px - 70px);
  812. {block:PermalinkPage}
  813. max-width:430px;
  814. {/block:PermalinkPage}
  815. }
  816.  
  817. .back-to-top{
  818. position: fixed;
  819. bottom:-75px;
  820. left:10px;
  821. background: url('http://static.tumblr.com/2e9nahe/xvCoaucis/arrow-up.svg') no-repeat;
  822. background-size:15px;
  823. width:100px;
  824. height:100px;
  825. z-index:9999999;
  826. }
  827.  
  828. .back-to-top a{
  829. text-indent: -9999px;
  830. display: block;
  831. }
  832.  
  833. #infscr-loading{
  834. display:none!important;
  835. }
  836.  
  837. .tumblr_video_container{
  838. width:{select:Post Width}px;
  839. max-height:calc({select:Post Width}px * 0.75);
  840. height:calc({select:Post Width}px - 100px);
  841. border-radius:4px;
  842. overflow:hidden;
  843. {block:PermalinkPage}
  844. width:500px;
  845. height:auto;
  846. max-height:none;
  847. border-radius:0px;
  848. {/block:PermalinkPage}
  849. }
  850.  
  851. .vignette, #vignette {
  852. opacity:0;
  853. }
  854.  
  855. .lightbox-image, #tumblr_lightbox img {
  856. box-shadow:none!important;
  857. border-radius:0!important;
  858. max-width:none;
  859. }
  860.  
  861. .tmblr-lightbox, #tumblr_lightbox {
  862. background-color:{color:Background}!important;
  863. }
  864.  
  865. </style>
  866.  
  867. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  868.  
  869. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  870. <script>
  871. (function($){
  872. $(document).ready(function(){
  873. $("[title]").style_my_tooltips({
  874. tip_follows_cursor:true,
  875. tip_delay_time:20,
  876. tip_fade_speed:400,
  877. attribute:"title"
  878. });
  879. });
  880. })(jQuery);
  881. </script>
  882.  
  883.  
  884. <!--Scroll back to top-->
  885.  
  886. <div class="back-to-top" id="back-top">
  887. <a href="javascript:void(0)" class="back-to-top">Top</a>
  888. </div>
  889.  
  890.  
  891. <script type="text/javascript">
  892. $(function () {
  893. $("#back-top").hide();
  894. $(window).scroll(function () {
  895. if ($(this).scrollTop() > 150) {
  896. $('#back-top').fadeIn();
  897. } else {
  898. $('#back-top').fadeOut();
  899. }
  900. });
  901. });
  902. jQuery('.back-to-top').click(function () {
  903. jQuery('html, body').animate({
  904. scrollTop: 0
  905. }, 'slow');
  906. });
  907. </script>
  908.  
  909.  
  910. <!--end of Scroll back to top-->
  911.  
  912. <!--minimal soundcloud player by shythemes-->
  913. <script>
  914. // minimal soundcloud player © shythemes.tumblr
  915. $(document).ready(function(){
  916. var color = '#acd7bb'; // color of play button (hex)
  917. $('.soundcloud_audio_player').each(function(){
  918. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  919. });
  920. });
  921. </script>
  922. <!--end minimal soundcloud player-->
  923.  
  924.  
  925. {block:ifInfiniteScroll}
  926. <div class="pagination">
  927. {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}
  928. </div>
  929. {/block:ifInfiniteScroll}
  930.  
  931.  
  932. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  933.  
  934. <script>
  935. $(document).ready(function() {
  936. $('a.poplight[href^=#]').click(function() {
  937. var popID = $(this).attr('rel'); //Get Popup Name
  938. var popURL = $(this).attr('href'); //Get Popup href to define size
  939. var query= popURL.split('?');
  940. var dim= query[1].split('&');
  941. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  942. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">close</a>');
  943. var popMargTop = ($('#' + popID).height() + 80) / 2;
  944. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  945. //Apply Margin to Popup
  946. $('#' + popID).css({
  947. 'margin-top' : -popMargTop,
  948. 'margin-left' : -popMargLeft
  949. });
  950. $('body').append('<div id="fade"></div>');
  951. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  952. return false;
  953. });
  954. $('a.close, #fade').live('click', function() {
  955. $('#fade , .popup_block').fadeOut(function() {
  956. $('#fade, a.close').remove(); //fade them both out
  957. });
  958. return false;
  959. });
  960. });
  961. </script>
  962.  
  963. <script type="text/javascript">
  964. (function($) {
  965. $(document).ready(function(){
  966. $(window).scroll(function(){
  967. if ($(this).scrollTop() > 275) {
  968. $('.header').fadeIn(500);
  969. } else {
  970. $('.header').fadeOut(500);
  971. }
  972. });
  973. });
  974. })(jQuery);
  975. </script>
  976.  
  977. </head>
  978.  
  979. <link href="http://static.tumblr.com/2e9nahe/oAPnjs2lc/animate.css" rel="stylesheet" type="text/css" />
  980.  
  981. <body>
  982.  
  983. {block:ifPopupHeader}
  984. <div class="header">
  985. <img id="icon" class="wow slideInLeft" src="{image:Header}">
  986. <div id="line"></div>
  987. <div id="title2"><a href="/">{Title}</a></div>
  988. <div class="links">
  989. <a href="/" title="home"><span class="lnr lnr-home"></span></a>
  990. <a href="/ask" target="_blank" title="ask"><span class="lnr lnr-inbox"></span></a>
  991. <a href="/archive" target="_blank" title="archive"><span class="lnr lnr-calendar-full"></span></a>
  992. <a href="#?w=500" rel="02" class="poplight"><span class="lnr lnr-menu"></span></a>
  993. </div>
  994. </div>
  995. {/block:ifPopupHeader}
  996.  
  997. <header>
  998. <div id="img">
  999. <div id="icon"><img src="{image:Header}"></div>
  1000. </div>
  1001. <div id="title">
  1002. <a href="/">{Title}</a>
  1003. </div>
  1004. <div id="desc">{Description}</div>
  1005. <div class="links">
  1006. <a href="/" title="home"><span class="lnr lnr-home"></span></a>
  1007. <a href="/ask" target="_blank" title="ask"><span class="lnr lnr-inbox"></span></a>
  1008. <a href="/archive" target="_blank" title="archive"><span class="lnr lnr-calendar-full"></span></a>
  1009. <a href="#?w=500" rel="02" class="poplight"><span class="lnr lnr-menu"></span></a>
  1010. </div>
  1011. </header>
  1012.  
  1013. <div id="center">
  1014.  
  1015. <div id="content">
  1016.  
  1017. {block:Posts}
  1018.  
  1019.  
  1020. <div class="entry" id="{PostID}">
  1021.  
  1022. {block:IndexPage}
  1023. <div class="permalink">
  1024. <div class="noet"><a href="{Permalink}" title="{NoteCountwithLabel}" target="_blank"><span class="lnr lnr-link"></span></a></div>
  1025. <div class="noet">
  1026. <a href="{ReblogURL}" target="_blank" title="Reblog?"><span class="lnr lnr-undo"></span></a>
  1027. </div>
  1028. <div class="noet">{LikeButton}</div>
  1029. </div>
  1030.  
  1031. {/block:IndexPage}
  1032.  
  1033. {block:Text}
  1034. <div class="text">{block:IndexPage}{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
  1035. {Body}
  1036. </div>
  1037. {/block:Text}
  1038.  
  1039. {block:Photo}
  1040. <div class="img">
  1041. {block:IndexPage}
  1042. <div class="ph"><div class="pic" style="background-image:url('{PhotoURL-500}');"></div><div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div></div>
  1043. </div>
  1044. {/block:IndexPage}
  1045.  
  1046. {block:PermalinkPage}<img src="{PhotoURL-HighRes}"/>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  1047. {/block:PermalinkPage}
  1048. {/block:Photo}
  1049.  
  1050. {block:Photoset}
  1051. {block:IndexPage}
  1052. <div class="img">
  1053. <div class="ph">{block:Photos}<div class="pic" style="background-image:url('{PhotoURL-HighRes}');"></div>{/block:Photos}<div class="photos">{block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}</div></div>
  1054. </div>
  1055. {/block:IndexPage}
  1056.  
  1057. {block:PermalinkPage}
  1058. {Photoset-500}
  1059. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  1060. {/block:PermalinkPage}
  1061. {/block:Photoset}
  1062.  
  1063.  
  1064. {block:Quote}
  1065. <div class="text">
  1066. <div style="position:absolute;margin-top:-5px;margin-left:-5px;font:30px times new roman;opacity:0.5;">“</div>
  1067. <div class="quote">{Quote}</div>
  1068. {block:Source}<p style="text-align:right;font:italic 10px georgia;">—&nbsp;{Source}</p>{/block:Source}
  1069. </div>
  1070. {/block:Quote}
  1071.  
  1072. {block:Link}
  1073. <div class="text">
  1074. <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}</div>
  1075. {/block:Link}
  1076.  
  1077. {block:Chat}
  1078. <div class="text">
  1079. {block:Title}<h3>{Title}</h3>{/block:Title}
  1080. {block:Lines}<p>
  1081. {block:Label}<b>{Label}</b>{/block:Label}
  1082. {Line}</p>
  1083. {/block:Lines}
  1084. </div>
  1085. {/block:Chat}
  1086.  
  1087. {block:Audio}
  1088. <div class="audio">
  1089. {block:AudioPlayer}
  1090. {AudioPlayerWhite}
  1091. {block:AlbumArt}<img class="img" src="{AlbumArtURL}"/>{/block:AlbumArt}
  1092. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  1093. <br>{block:Artist}<span class="song">{Artist}</span>{/block:Artist}
  1094. </div>
  1095. {/block:AudioPlayer}
  1096.  
  1097. {block:PermalinkPage}
  1098. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  1099. {/block:PermalinkPage}
  1100. {/block:Audio}
  1101.  
  1102. {block:Answer}
  1103. <div style="padding:10px 0px 5px 10px;"><b><u>{Asker}</u></b> asked:</div>
  1104. <div class="ask">
  1105. {Question}
  1106. </div>
  1107. <div class="answer">
  1108. {Answer}
  1109. </div>
  1110. {/block:Answer}
  1111.  
  1112. {block:Video}
  1113. {block:IndexPage}
  1114. <div class="img">
  1115. <div class="video">{Video-500}</div>
  1116. </div>
  1117. {/block:IndexPage}
  1118.  
  1119. {block:PermalinkPage}<div class="video">{Video-500}</div>
  1120. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:PermalinkPage}
  1121. {/block:Video}
  1122.  
  1123. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{Logowidth}px" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  1124.  
  1125. {block:PermalinkPage}
  1126. {block:Date}
  1127. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  1128. <div style="font-weight:600;font-size:14px;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  1129. {/block:Date}
  1130. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1131. <br>{block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  1132. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  1133. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}
  1134. {/block:PermalinkPage}
  1135.  
  1136. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1137.  
  1138.  
  1139. </div>
  1140.  
  1141. {/block:Posts}
  1142.  
  1143. </div>
  1144.  
  1145.  
  1146. {block:Pagination}
  1147. <footer>
  1148. {block:ifInfiniteScroll}{block:ifManualLoad}<a href="#" class="load-more">load more</a>{/block:ifManualLoad}{/block:ifInfiniteScroll}
  1149.  
  1150. {block:ifnotinfinitescroll}
  1151. <div id="pagination">
  1152. {block:PreviousPage}<a href="{PreviousPage}" title="previous">«</a>&nbsp;&nbsp;{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}
  1153. </div>
  1154. {/block:ifnotinfinitescroll}
  1155.  
  1156. </footer>
  1157. {/block:Pagination}
  1158.  
  1159.  
  1160. </div>
  1161.  
  1162. <script src="http://static.tumblr.com/2e9nahe/6Nxnjs2mx/wow.js"></script>
  1163. <script>
  1164. new WOW().init();
  1165. </script>
  1166.  
  1167.  
  1168. {block:IndexPage}
  1169. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.0.0/imagesloaded.pkgd.min.js"></script>
  1170. {block:ifInfiniteScroll}
  1171. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1172. {/block:ifInfiniteScroll}
  1173. <script>
  1174. $(document).ready(function(){
  1175. var $container = $('#content');
  1176.  
  1177. {block:ifInfiniteScroll}
  1178. $container.infinitescroll({
  1179. itemSelector: ".entry",
  1180. navSelector: ".pagination",
  1181. nextSelector: ".pagination a#next",
  1182. loadingImg: "",
  1183. loadingText: "<em> </em>",
  1184. bufferPx: 100,
  1185. extraScrollPx: 50,
  1186. errorCallback: function(){ $('.load-more').text('no more posts').parent().delay(2000).slideUp("slow"); }
  1187. },
  1188.  
  1189. function(newElements){
  1190.  
  1191. var $newElemsIDs = $newElems.map(function(){
  1192. return this.id;
  1193. }).get();
  1194. console.log($newElems, $newElemsIDs);
  1195. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1196.  
  1197. resizeVideos();
  1198.  
  1199. var $newElems = $( newElements ).hide();
  1200. $newElems.imagesLoaded(function(){
  1201. $newElems.fadeIn();
  1202. });
  1203.  
  1204. var color = '#ededed';
  1205. $('.soundcloud_audio_player').each(function(){
  1206. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  1207. });
  1208.  
  1209. });
  1210. {block:ifManualLoad}
  1211. $(window).unbind('.infscr');
  1212. $('.load-more').click(function(){
  1213. $('#content').infinitescroll('retrieve');
  1214. return false;
  1215. });
  1216. {/block:ifManualLoad}
  1217. {/block:ifInfiniteScroll}
  1218. });
  1219. </script>
  1220. {/block:IndexPage}
  1221.  
  1222.  
  1223.  
  1224. <a href="http://shoseii.tumblr.com" style="font:italic 10px 'Libre Baskerville', serif;position:fixed;bottom:5px;right:3px;" title="© shoseii">&</a>
  1225.  
  1226. </body>
  1227.  
  1228. <div id="02" class="popup_block">
  1229. <h1 style="border-bottom:1px solid {color:Border Color};padding-bottom:5px;width:473px;">navigation</h1>
  1230. {block:ifLink1}<li><a href="{text:Link 1 URL}" target="_blank">{text:Link 1}</a></li>{/block:ifLink1}
  1231. {block:ifLink2}<li><a href="{text:Link 2 URL}" target="_blank">{text:Link 2}</a></li>{/block:ifLink2}
  1232. {block:ifLink3}<li><a href="{text:Link 3 URL}" target="_blank">{text:Link 3}</a></li>{/block:ifLink3}
  1233. {block:ifLink4}<li><a href="{text:Link 4 URL}" target="_blank">{text:Link 4}</a></li>{/block:ifLink4}
  1234. {block:ifLink5}<li><a href="{text:Link 5 URL}" target="_blank">{text:Link 5}</a></li>{/block:ifLink5}
  1235. {block:ifLink6}<li><a href="{text:Link 6 URL}" target="_blank">{text:Link 6}</a></li>{/block:ifLink6}
  1236. </div>
  1237.  
  1238. </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!