API tools faq
paste
Advertisement
ILikeMochiCx

Sentient

ILikeMochiCx
Jul 9th, 2017
5,285
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  6. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
  7. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i|Space+Mono:700" 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. Sentient - Theme #11
  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:Nav Link Text" content="#ffffff">
  46. <meta name="color:Link" content="#797979"/>
  47. <meta name="color:Link Hover" content="#f59797"/>
  48. <meta name="color:Selection" content="#a5d7f0"/>
  49. <meta name="color:Scrollbar" content="#cccccc"/>
  50.  
  51. <meta name="text:Link 1" content=""/>
  52. <meta name="text:Link 1 URL" content=""/>
  53. <meta name="text:Link 2" content=""/>
  54. <meta name="text:Link 2 URL" content=""/>
  55. <meta name="text:Link 3" content=""/>
  56. <meta name="text:Link 3 URL" content=""/>
  57. <meta name="text:Link 4" content=""/>
  58. <meta name="text:Link 4 URL" content=""/>
  59. <meta name="text:Link 5" content=""/>
  60. <meta name="text:Link 5 URL" content=""/>
  61. <meta name="text:Link 6" content=""/>
  62. <meta name="text:Link 6 URL" content=""/>
  63.  
  64. <meta name="select:Post Width" content="200" title="200px"/>
  65. <meta name="select:Post Width" content="250" title="250px"/>
  66. <meta name="select:Post Width" content="300" title="300px"/>
  67. <meta name="select:Post Width" content="350" title="350px"/>
  68. <meta name="select:Post Width" content="400" title="400px"/>
  69. <meta name="select:Post Width" content="450" title="450px"/>
  70. <meta name="select:Post Width" content="500" title="500px"/>
  71. <meta name="select:Post Width" content="550" title="550px"/>
  72. <meta name="select:Post Width" content="600" title="600px"/>
  73. <meta name="select:Post Width" content="650" title="650px"/>
  74. <meta name="select:Post Width" content="700" title="700px"/>
  75.  
  76. <meta name="if:Infinite Scroll" content="1"/>
  77. <meta name="if:Manual Load" content=""/>
  78. <meta name="if:Mini Cursor" content=""/>
  79. <meta name="if:Grayscale Effect" content=""/>
  80. <meta name="if:Post Fade" content="1"/>
  81. <meta name="if:Show Caption" content=""/>
  82. <meta name="if:Multi Column" content=""/>
  83.  
  84. <style type="text/css">
  85.  
  86. {block:ifMiniCursor}
  87. *, body, a {cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;}
  88.  
  89. a:hover {cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;}
  90. {/block:ifMiniCursor}
  91.  
  92. ::-webkit-scrollbar{
  93. width:17px;
  94. height:17px;
  95. background-color:{color:Background};
  96. }
  97.  
  98. ::-webkit-scrollbar:horizontal{
  99. display:none;
  100. }
  101.  
  102. ::-webkit-scrollbar-track {
  103. border:8px solid {color:Background};
  104. background-color:#ccc;
  105. }
  106.  
  107. ::-webkit-scrollbar-thumb {
  108. border:8px solid {color:Background};
  109. background-color:{color:Scrollbar};
  110. }
  111.  
  112. ::-moz-selection{
  113. background:{color:Selection};
  114. color:#fff;
  115. }
  116.  
  117. ::selection{
  118. background:{color:Selection};
  119. color:#fff;
  120. }
  121.  
  122. body{
  123. width:100%;
  124. margin:0;
  125. font:12px 'Source Sans Pro', sans-serif;
  126. line-height:20px;
  127. font-weight:400;
  128. color:{color:Text};
  129. text-align:left;
  130. overflow-x:hidden;
  131. -webkit-font-smoothing: antialiased;
  132. -moz-osx-font-smoothing: grayscale;
  133. background:{color:Background} url('{image:Background}') fixed repeat center;
  134. }
  135.  
  136. a{
  137. text-decoration:none;
  138. outline:none;
  139. -moz-outline-style:none;
  140. color:{color:Link};
  141. cursor:pointer;
  142. -webkit-transition: all 0.3s ease-in-out;
  143. -moz-transition: all 0.3s ease-in-out;
  144. -o-transition: all 0.3s ease-in-out;
  145. -ms-transition: all 0.3s ease-in-out
  146. transition: all 0.3s ease-in-out;
  147. }
  148.  
  149. a:visited{
  150. color:{color:Link};
  151. }
  152.  
  153. a:hover{
  154. color:{color:Link Hover};
  155. }
  156.  
  157. b,strong{
  158. font-weight:heavy;
  159. color:{color:Bold};
  160. }
  161.  
  162. blockquote{
  163. padding-left:5px;
  164. border-left:1px solid #ccc;
  165. }
  166.  
  167. /*--Sidebar--*/
  168.  
  169. header{
  170. position:relative;
  171. background:url({image:Header}) center no-repeat fixed;
  172. background-size:cover;
  173. width:100%;
  174. min-height:50vh;
  175. height:auto;
  176. padding-top:50px;
  177. }
  178.  
  179. #title{
  180. position:relative;
  181. width:100%;
  182. background:{color:Background};
  183. min-height:50px;
  184. height:auto;
  185. padding-top:30px;
  186. padding-left:30px;
  187. font:bold 30px 'Space Mono', monospace;
  188. line-height:22px;
  189. z-index:9999999;
  190. text-transform:lowercase;
  191. -webkit-transition: all 0.3s ease-in-out;
  192. -moz-transition: all 0.3s ease-in-out;
  193. -o-transition: all 0.3s ease-in-out;
  194. -ms-transition: all 0.3s ease-in-out;
  195. transition: all 0.3s ease-in-out;
  196. }
  197.  
  198. #title a{
  199. color:{color:Title};
  200. }
  201.  
  202. #title a:hover{
  203. color:{color:Link Hover};
  204. }
  205.  
  206. .three{
  207. display:none;
  208. }
  209.  
  210. nav{
  211. background:{color:Background};
  212. position:relative;
  213. float:right;
  214. margin-top:0px;
  215. margin-right:0px;
  216. }
  217.  
  218. nav a{
  219. margin-right:50px;
  220. }
  221.  
  222. svg{
  223. -webkit-transition: all 0.3s ease-in-out;
  224. -moz-transition: all 0.3s ease-in-out;
  225. -o-transition: all 0.3s ease-in-out;
  226. -ms-transition: all 0.3s ease-in-out;
  227. transition: all 0.3s ease-in-out;
  228. }
  229.  
  230. nav svg{
  231. width:20px;
  232. fill:{color:Title};
  233. }
  234.  
  235. nav svg:hover{
  236. fill:{color:Link Hover};
  237. }
  238.  
  239. .nav-toggle{
  240. display:block;
  241. background:url(http://static.tumblr.com/5u6jsx4/pIvoecp9l/bars.gif) no-repeat 50% 33%;
  242. width:130px;
  243. height:55px;
  244. margin-top:-20px;
  245. float:right;
  246. text-indent:-9999px;
  247. overflow:hidden;
  248. }
  249.  
  250. .archive{
  251. width:18px;
  252. margin-top:-70px;
  253. }
  254.  
  255. #desc{
  256. max-width:800px;
  257. font-weight:400;
  258. font-size:12px;
  259. margin:80px auto 80px auto;
  260. padding:0px 10px 0px 10px;
  261. line-height:30px;
  262. text-align:center;
  263. }
  264.  
  265. .links{
  266. position:absolute;
  267. margin-top:-10px;
  268. margin-left:30px;
  269. font-size:12px;
  270. letter-spacing:2px;
  271. z-index:99999999;
  272. float:left;
  273. }
  274.  
  275. .links a{
  276. background:{color:Title};
  277. color:{color:Nav Link Text};
  278. font-size:16px;
  279. margin-left:-5px;
  280. padding:20px;
  281. -webkit-transition: all 0.3s ease-in-out;
  282. -moz-transition: all 0.3s ease-in-out;
  283. -o-transition: all 0.3s ease-in-out;
  284. -ms-transition: all 0.3s ease-in-out;
  285. transition: all 0.3s ease-in-out;
  286. }
  287.  
  288. .links a:hover{
  289. background:{color:Background};
  290. color:{color:Link Hover};
  291. }
  292.  
  293. .sticky{
  294. position:-webkit-sticky;
  295. position:sticky;
  296. top:30px;
  297. }
  298.  
  299.  
  300. @media (max-width:772px){
  301.  
  302. header{
  303. background-attachment:scroll;
  304. }
  305.  
  306. #title{
  307. padding-left:0;
  308. text-align:center;
  309. }
  310.  
  311. nav{
  312. display:none;
  313. }
  314.  
  315. .three{
  316. display:block;
  317. }
  318.  
  319. .links{
  320. margin:30px;
  321. width:calc(100% - 46px);
  322. z-index:99;
  323. }
  324.  
  325. .links a{
  326. display:block;
  327. margin-bottom:3px;
  328. padding:10px;
  329. text-align:center;
  330. }
  331.  
  332. .sticky{
  333. position:relative;
  334. top:0px;
  335. }
  336.  
  337. #desc{
  338. margin:250px 0px 80px 0px;
  339. padding:0px 20px 0px 20px;
  340. }
  341.  
  342. .tmblr-iframe{
  343. display:none;
  344. }
  345.  
  346. }
  347.  
  348. /*--Posts--*/
  349.  
  350. #center{
  351. margin:0 auto;
  352. {block:ifnotMultiColumn}
  353. width:{select:Post Width}px;
  354. {/block:ifnotMultiColumn}
  355. {block:PermalinkPage}
  356. max-width:700px;
  357. {/block:PermalinkPage}
  358. }
  359.  
  360. #content{
  361. {block:ifMultiColumn}
  362. max-width:100%;
  363. margin:0 auto;
  364. {/block:ifMultiColumn}
  365. margin-bottom:50px;
  366. margin-top:50px;
  367. }
  368.  
  369. .entry{
  370. {block:indexpage}
  371. max-width:{select:Post Width}px;
  372. width:98%;
  373. overflow:hidden;
  374. {/block:indexpage}
  375. margin:0px 0px 60px 0px;
  376. padding:3px;
  377. background:{color:Posts Background};
  378. {block:permalinkpage}
  379. max-width:700px;
  380. width:88%;
  381. padding:23px;
  382. overflow:hidden;
  383. {/block:permalinkpage}
  384. }
  385.  
  386. .entry img{
  387. {block:indexpage}
  388. max-width:{select:Post width}px;
  389. width:100%;
  390. margin-bottom:-4px;
  391. {/block:indexpage}
  392. {block:permalinkpage}
  393. max-width:700px;
  394. width:100%;
  395. {/block:permalinkpage}
  396. }
  397.  
  398. ol.notes{
  399. padding:0px;
  400. max-width:700px;
  401. width:100%;
  402. height:218px;
  403. overflow:auto;
  404. margin:5px 0px;
  405. list-style-type:none;
  406. border:1px solid{color:Border Color};
  407. }
  408.  
  409. ol.notes li.note{
  410. border-top:solid 1px {color:Border Color};
  411. padding:10px;
  412. }
  413.  
  414. ol.notes li.note:first-child{
  415. border:none;
  416. }
  417.  
  418. ol.notes li.note img.avatar{
  419. vertical-align:-4px;
  420. margin-right:10px;
  421. width:16px;
  422. height:16px;
  423. }
  424.  
  425. ol.notes li.note blockquote{
  426. border-color:{color:Border Color};
  427. padding:4px 10px;
  428. margin:10px 0px 0px 25px;
  429. }
  430.  
  431. ol.notes li.note blockquote a{
  432. text-decoration:none;
  433. }
  434.  
  435. /*--Grayscale Effect--*/
  436.  
  437. #img{
  438. {block:indexpage}
  439. {block:ifPostFade}
  440. opacity:0.6;
  441. {/block:ifPostFade}
  442. {block:ifGrayscaleEffect}
  443. filter: url(filters.svg#grayscale);
  444. filter: gray;
  445. -webkit-filter: grayscale(1);
  446. {/block:ifGrayscaleEffect}
  447. -webkit-transition:all 0.3s ease-in-out;
  448. -moz-transition:all 0.3s ease-in-out;
  449. -o-transition:all 0.3s ease-in-out;
  450. transition:all 0.3s ease-in-out;
  451. {/block:indexpage}
  452. }
  453.  
  454. .entry:hover #img{
  455. {block:indexpage}
  456. opacity:1;
  457. {block:ifGrayscaleEffect}
  458. filter: url(filters.svg#grayscale);
  459. filter: gray;
  460. -webkit-filter: grayscale(0);
  461. {/block:ifGrayscaleEffect}
  462. {/block:indexpage}
  463. }
  464.  
  465. /*--Permalinks--*/
  466.  
  467. .permalink{
  468. position:relative;
  469. font-size:10px;
  470. margin-top:30px;
  471. border-top:1px solid {color:Border Color};
  472. z-index:999;
  473. -webkit-transition:all 0.5s ease-in-out;
  474. -moz-transition:all 0.5s ease-in-out;
  475. -o-transition:all 0.5s ease-in-out;
  476. transition:all 0.5s ease-in-out;
  477. }
  478.  
  479. .date{
  480. background:{color:Posts Background};
  481. display:inline-block;
  482. margin-top:-13px;
  483. margin-right:10px;
  484. padding:2px 5px 2px 5px;
  485. border:1px solid {color:Border Color};
  486. float:left;
  487. }
  488.  
  489. .fuente{
  490. position:absolute;
  491. display:inline-block;
  492. margin-top:-10px;
  493. left:50%;
  494. text-align:center;
  495. }
  496.  
  497. .fuente a{
  498. position:relative;
  499. background:{color:Posts Background};
  500. padding:7px;
  501. left:-45%;
  502. border:1px solid {color:Border Color};
  503. }
  504.  
  505. .lb{
  506. background:{color:Posts Background};
  507. margin-top:-13px;
  508. padding:2px 5px 1px 5px;
  509. border:1px solid {color:Border Color};
  510. float:right;
  511. }
  512.  
  513. .noet{
  514. display:inline-block;
  515. float:right;
  516. }
  517.  
  518. .noet a{
  519. margin-left:10px;
  520. }
  521.  
  522. .like_button{
  523. display:inline-block;
  524. position:relative;
  525. width:1.0em;
  526. height:1.0em;
  527. float:left;
  528. }
  529.  
  530. .like_button:before{
  531. content:"\e813";
  532. color:{color:Link};
  533. font-size:11px;
  534. font-family:'Linearicons-Free';
  535. text-align:center;
  536. -webkit-transition:all 0.5s ease-in-out;
  537. -moz-transition:all 0.5s ease-in-out;
  538. -o-transition:all 0.5s ease-in-out;
  539. transition:all 0.5s ease-in-out;
  540. }
  541.  
  542. .like_button iframe{
  543. position:absolute;
  544. top:0px;
  545. left:0px;
  546. opacity:0;
  547. z-index:99;
  548. }
  549.  
  550. .like_button.liked:before, .like_button:hover:before{
  551. color:{color:Link Hover};
  552. }
  553.  
  554. /*--Miscellaneous--*/
  555.  
  556. iframe.tmblr-iframe{
  557. z-index:99999999999999!important;
  558. top:0!important;
  559. right:0!important;
  560. opacity:0.4;
  561. /* delete from here */
  562. filter:invert(1);
  563. -webkit-filter:invert(1);
  564. -o-filter:invert(1);
  565. -moz-filter:invert(1);
  566. -ms-filter:invert(1);
  567. /* to here if your blog has a dark background */
  568. transform:scale(0.6);
  569. transform-origin:100% 0;
  570. -webkit-transform:scale(0.6);
  571. -webkit-transform-origin:100% 0;
  572. -o-transform:scale(0.6);
  573. -o-transform-origin:100% 0;
  574. -moz-transform:scale(0.6);
  575. -moz-transform-origin:100% 0;
  576. -ms-transform:scale(0.6);
  577. -ms-transform-origin:100% 0;
  578. -webkit-transition:all 0.5s ease-in-out;
  579. -moz-transition:all 0.5s ease-in-out;
  580. -o-transition:all 0.5s ease-in-out;
  581. transition:all 0.5s ease-in-out;
  582. }
  583.  
  584. iframe.tmblr-iframe:hover{
  585. opacity:0.6!important;
  586. }
  587.  
  588. .load-more{
  589. position:relative;
  590. border:1px solid {color:Border Color};
  591. padding:5px;
  592. }
  593.  
  594. footer{
  595. width:66px;
  596. margin-left:auto;
  597. margin-right:auto;
  598. margin-bottom:50px;
  599. }
  600.  
  601. .pagination{
  602. display:none;
  603. }
  604.  
  605. #pagination{
  606. color:#ccc;
  607. width:calc({select:Post Width}px + 20px);
  608. {block:ifMultiColumn}
  609. position:absolute;
  610. bottom:0px;
  611. width:500px;
  612. margin:0 auto;
  613. {/block:ifMultiColumn}
  614. }
  615.  
  616. #pagination a{
  617. border:1px solid {color:Border color};
  618. padding:0px 5px 3px 5px;
  619. }
  620.  
  621. .back{
  622. margin-top:0px;
  623. }
  624.  
  625. .next{
  626. margin-top:0px;
  627. }
  628.  
  629. .text img{
  630. {block:IndexPage}
  631. max-width:calc({select:Post width}px - 20px);
  632. {/block:IndexPage}
  633. {block:PermalinkPage}
  634. max-width:500px;
  635. {/block:PermalinkPage}
  636. width:auto;
  637. height:auto;
  638. }
  639.  
  640. .text{
  641. background:#fbfbfb;
  642. padding:10px;
  643. overflow:hidden;
  644. }
  645.  
  646. .audio:hover .player{
  647. opacity:1;
  648. }
  649.  
  650. .audio{
  651. background:#fbfbfb;
  652. margin-left:48px;
  653. line-height:14px;
  654. letter-spacing:1px;
  655. text-align:left;
  656. padding:10px 0px 10px 10px;
  657. }
  658.  
  659. .audio img{
  660. position:absolute;
  661. width:48px;
  662. margin-top:-10px;
  663. margin-left:-58px;
  664. z-index:9;
  665. }
  666.  
  667. .player{
  668. opacity:0;
  669. background:#f2f2f2;
  670. position:absolute;
  671. display:block;
  672. width:30px;
  673. height:27px;
  674. margin-top:1px;
  675. margin-left:-49px;
  676. overflow:hidden;
  677. z-index:99999;
  678. -webkit-transition:all 0.3s ease-in-out;
  679. -moz-transition:all 0.3s ease-in-out;
  680. -o-transition:all 0.3s ease-in-out;
  681. transition:all 0.3s ease-in-out;
  682. }
  683.  
  684. .tumblr_audio_player{
  685. margin-left:-2px;
  686. z-index:99;
  687. }
  688.  
  689. .title{
  690. font:14px Helvetica, Arial;
  691. }
  692.  
  693. .song{
  694. font-size:9px;
  695. }
  696.  
  697. .quote{
  698. font-weight:bold;
  699. font-size:14px;
  700. text-align:center;
  701. margin-left:11px;
  702.  
  703. }
  704.  
  705. #s-m-t-tooltip{
  706. background:#fff;
  707. color:#444;
  708. font-size:8px;
  709. font-style:italic;
  710. font-weight:500;
  711. letter-spacing:2px;
  712. text-transform:uppercase;
  713. max-width:300px;
  714. padding:4px;
  715. z-index:9999999999;
  716. margin:20px 10px 10px 10px;
  717. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  718. }
  719.  
  720. .ask{
  721. background:{color:Caption};
  722. color:{color:Text};
  723. width:auto;
  724. padding:10px;
  725. border:1px solid {color:Border Color};
  726. border-radius:5px;
  727. text-align:left;
  728. }
  729.  
  730. .answer{
  731. margin-left:10px;
  732. margin-top:0px;
  733. }
  734.  
  735. .caption{
  736. {block:IndexPage}
  737. background:{color:Caption};
  738. border:1px solid {color:Border Color};
  739. border-radius:5px;
  740. {/block:IndexPage}
  741. font-size:10px;
  742. color:{color:Caption Text};
  743. margin-top:10px;
  744. padding:5px;
  745. overflow:auto;
  746. }
  747.  
  748. .caption img{
  749. width:auto;
  750. height:auto;
  751. max-width:calc({select:Post width}px - 70px);
  752. {block:PermalinkPage}
  753. max-width:430px;
  754. {/block:PermalinkPage}
  755. }
  756.  
  757. .back-to-top{
  758. position: fixed;
  759. bottom:-75px;
  760. left:10px;
  761. background: url('http://static.tumblr.com/2e9nahe/xvCoaucis/arrow-up.svg') no-repeat;
  762. background-size:15px;
  763. width:100px;
  764. height:100px;
  765. z-index:9999999;
  766. }
  767.  
  768. .back-to-top a{
  769. text-indent: -9999px;
  770. display: block;
  771. }
  772.  
  773. #infscr-loading{
  774. display:none!important;
  775. }
  776.  
  777. .tumblr_video_container{
  778. width:auto!important;
  779. height:auto!important;
  780. }
  781.  
  782. .vignette, #vignette {
  783. opacity:0;
  784. }
  785. .lightbox-image, #tumblr_lightbox img {
  786. box-shadow:none!important;
  787. border-radius:0!important;
  788. max-width:none;
  789. }
  790.  
  791. .tmblr-lightbox, #tumblr_lightbox {
  792. background-color:{color:Background}!important;
  793. }
  794.  
  795. </style>
  796.  
  797. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  798.  
  799. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  800. <script>
  801. (function($){
  802. $(document).ready(function(){
  803. $("[title]").style_my_tooltips({
  804. tip_follows_cursor:true,
  805. tip_delay_time:20,
  806. tip_fade_speed:400,
  807. attribute:"title"
  808. });
  809. });
  810. })(jQuery);
  811. </script>
  812.  
  813.  
  814. <!--Scroll back to top-->
  815.  
  816. <div class="back-to-top" id="back-top">
  817. <a href="javascript:void(0)" class="back-to-top">Top</a>
  818. </div>
  819.  
  820.  
  821. <script type="text/javascript">
  822. $(function () {
  823. $("#back-top").hide();
  824. $(window).scroll(function () {
  825. if ($(this).scrollTop() > 150) {
  826. $('#back-top').fadeIn();
  827. } else {
  828. $('#back-top').fadeOut();
  829. }
  830. });
  831. });
  832. jQuery('.back-to-top').click(function () {
  833. jQuery('html, body').animate({
  834. scrollTop: 0
  835. }, 'slow');
  836. });
  837. </script>
  838.  
  839.  
  840. <!--end of Scroll back to top-->
  841.  
  842. <!--minimal soundcloud player by shythemes-->
  843. <script>
  844. // minimal soundcloud player © shythemes.tumblr
  845. $(document).ready(function(){
  846. var color = '#acd7bb'; // color of play button (hex)
  847. $('.soundcloud_audio_player').each(function(){
  848. $(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%' });
  849. });
  850. });
  851. </script>
  852. <!--end minimal soundcloud player-->
  853.  
  854.  
  855. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  856. <script>
  857. $(document).ready(function(){
  858. $('.photo-slideshow').pxuPhotoset({
  859. lightbox: true,
  860. rounded: false,
  861. gutter: '5px',
  862. photoset: '.photo-slideshow',
  863. photoWrap: '.photo-data',
  864. photo: '.pxu-photo'
  865. });
  866. });
  867. </script>
  868.  
  869. {block:ifInfiniteScroll}
  870. <div class="pagination">
  871. {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}
  872. </div>
  873. {/block:ifInfiniteScroll}
  874.  
  875. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  876.  
  877. <script src="http://static.tumblr.com/2e9nahe/iHEnx7e4y/stickyfill.min.js"></script>
  878. <script>
  879. $(document).ready(function(){
  880. $('.sticky').Stickyfill();
  881. });
  882. </script>
  883.  
  884. <script type="text/javascript" src="http://static.tumblr.com/2e9nahe/Bydosdm6u/sticky-header.js"></script>
  885. <script>
  886. $(document).ready(function(){
  887. $('#title').stickMe({
  888. stickyAlready:true
  889. });
  890. });
  891. </script>
  892.  
  893. </head>
  894.  
  895. <body>
  896.  
  897. <div id="title">
  898. <a href="/">{Title}</a>
  899. <nav>
  900. <a href="/" title="index"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 486.988 486.988" style="enable-background:new 0 0 486.988 486.988;" xml:space="preserve"><g><g><path d="M16.822,284.968h39.667v158.667c0,9.35,7.65,17,17,17h116.167c9.35,0,17-7.65,17-17V327.468h70.833v116.167 c0,9.35,7.65,17,17,17h110.5c9.35,0,17-7.65,17-17V284.968h48.167c6.8,0,13.033-4.25,15.583-10.483 c2.55-6.233,1.133-13.6-3.683-18.417L260.489,31.385c-6.517-6.517-17.283-6.8-23.8-0.283L5.206,255.785 c-5.1,4.817-6.517,12.183-3.967,18.7C3.789,281.001,10.022,284.968,16.822,284.968z M248.022,67.368l181.333,183.6h-24.367 c-9.35,0-17,7.65-17,17v158.667h-76.5V310.468c0-9.35-7.65-17-17-17H189.656c-9.35,0-17,7.65-17,17v116.167H90.489V267.968 c0-9.35-7.65-17-17-17H58.756L248.022,67.368z"/></g></g></svg></a>
  901. <a href="/ask" title="ask" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 436.333 436.333" style="enable-background:new 0 0 436.333 436.333;" xml:space="preserve"><g><g><path d="M436.333,56.667c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v323c0,9.35,7.65,17,17,17h402.333c9.35,0,17-7.65,17-17 V56.667z M34,362.667v-201.45l170.85,147.05c3.117,2.833,6.8,3.967,10.767,3.967c3.967,0,8.217-1.417,11.617-3.967l175.1-146.483 v200.883H34z M402.333,73.667v43.917c-2.833,0.283-1.417,0.567-1.7,0.567L215.9,273.133L34.567,117.3 c-0.283-0.283-0.567-0.567-0.567-0.85V73.667H402.333z"/></g></g></svg></a>
  902. <a href="/archive" title="archive" target="_blank"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 432.367 432.367" style="enable-background:new 0 0 432.367 432.367;" xml:space="preserve">
  903. <g><g><path d="M216.183,432.367c119.283,0,216.183-96.9,216.183-216.183S335.467,0,216.183,0S0,96.9,0,216.183 S96.9,432.367,216.183,432.367z M216.183,34c100.583,0,182.183,81.883,182.183,182.183s-81.883,182.183-182.183,182.183 S34,316.767,34,216.183S115.6,34,216.183,34z"/><path d="M188.7,252.167l72.817,56.667c3.117,2.267,6.8,3.683,10.483,3.683c5.1,0,10.2-2.267,13.317-6.517 c5.667-7.367,4.533-18.133-3.117-23.8l-66.017-51.567v-116.45c0-9.35-7.65-17-17-17c-9.35,0-17,7.65-17,17V238.85 C182.183,244.233,184.733,249.05,188.7,252.167z"/></g></g></svg></a>
  904. </nav>
  905. </div>
  906.  
  907. <header></header>
  908.  
  909. <div class="links sticky">
  910. <div class="three">
  911. <a href="/">home</a>
  912. <a href="/ask">ask</a>
  913. <a href="/archive">archive</a>
  914. </div>
  915. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  916. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  917. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  918. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  919. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  920. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  921. </div>
  922.  
  923. <div id="desc">{Description}</div>
  924.  
  925. <div id="center">
  926.  
  927. <div id="content">
  928.  
  929. {block:Posts}
  930.  
  931.  
  932. <div class="entry" id="{PostID}">
  933.  
  934. {block:Text}
  935. <div class="text">{block:IndexPage}{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
  936. {Body}
  937. </div>
  938. {/block:Text}
  939.  
  940. {block:Photo}
  941. <div id="img">
  942. {block:IndexPage}<img src="{PhotoURL-HighRes}"/>
  943. </div>
  944.  
  945. {/block:IndexPage}
  946. {block:PermalinkPage}<img src="{PhotoURL-HighRes}"/>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  947. {/block:PermalinkPage}
  948. {/block:Photo}
  949.  
  950. {block:Photoset}
  951. {block:IndexPage}
  952. <div id="img">
  953. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  954. </div>
  955. {/block:IndexPage}
  956.  
  957. {block:PermalinkPage}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  958. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  959. {/block:PermalinkPage}
  960. {/block:Photoset}
  961.  
  962.  
  963. {block:Quote}
  964. <div class="text">
  965. <div style="position:absolute;margin-top:-5px;margin-left:-5px;font:30px times new roman;opacity:0.5;">“</div>
  966. <div class="quote">{Quote}</div>
  967. {block:Source}<p style="text-align:center;font:italic 10px georgia;">—&nbsp;{Source}</p>{/block:Source}
  968. </div>
  969. {/block:Quote}
  970.  
  971. {block:Link}
  972. <div class="text">
  973. <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}</div>
  974. {/block:Link}
  975.  
  976. {block:Chat}
  977. <div class="text">
  978. {block:Title}<h3>{Title}</h3>{/block:Title}
  979. {block:Lines}<p>
  980. {block:Label}<b>{Label}</b>{/block:Label}
  981. {Line}</p>
  982. {/block:Lines}
  983. </div>
  984. {/block:Chat}
  985.  
  986. {block:Audio}
  987. <div class="audio">
  988. {block:AudioPlayer}
  989. <div class="player">{AudioPlayerWhite}</div>
  990. {block:AlbumArt}<img id="img" src="{AlbumArtURL}"/>{/block:AlbumArt}
  991. {block:TrackName}<span class="title"><b>{TrackName}</b></span>{/block:TrackName}
  992. <br>{block:Artist}<span class="song">{Artist}</span>{/block:Artist}
  993. </div>
  994. {/block:AudioPlayer}
  995.  
  996. {block:PermalinkPage}
  997. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  998. {/block:PermalinkPage}
  999. {/block:Audio}
  1000.  
  1001. {block:Answer}
  1002. <div style="padding-bottom:5px;"><b><u>{Asker}</u></b> asked:</div>
  1003. <div class="ask">
  1004. {Question}
  1005. </div>
  1006. <div class="answer">
  1007. {Answer}
  1008. </div>
  1009. {/block:Answer}
  1010.  
  1011. {block:Video}
  1012. {block:IndexPage}
  1013. <div id="img">
  1014. <div class="video">{Video-500}</div>
  1015. </div>
  1016. {/block:IndexPage}
  1017.  
  1018. {block:PermalinkPage}<div class="video">{Video-500}</div>
  1019. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:PermalinkPage}
  1020. {/block:Video}
  1021.  
  1022. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{Logowidth}px" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  1023.  
  1024. {block:IndexPage}
  1025. {block:ifShowCaption}{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:ifShowCaption}
  1026. <div class="permalink">
  1027. <div class="date"><a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}">{TimeAgo}</a></div>
  1028. <div class="fuente">{block:RebloggedFrom}<a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
  1029. <div class="lb">
  1030. <div class="noet"><a href="{ReblogURL}" target="_blank" title="Reblog?"><span class="lnr lnr-undo"></span></a></div>
  1031. <div class="noet">{LikeButton}</div>
  1032. </div>
  1033. </div>
  1034.  
  1035. {/block:IndexPage}
  1036.  
  1037. {block:PermalinkPage}
  1038. {block:Date}
  1039. <div style="border-top:1px solid #ccc;width:100%;max-width:700px;margin-top:5px;"></div>
  1040. <div style="font-weight:600;font-size:14px;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  1041. {/block:Date}
  1042. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1043. <br>{block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  1044. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  1045. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}
  1046. {/block:PermalinkPage}
  1047.  
  1048. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1049.  
  1050.  
  1051. </div>
  1052.  
  1053. {/block:Posts}
  1054.  
  1055. {block:ifnotinfinitescroll}
  1056. {block:Pagination}
  1057. <div id="pagination">
  1058. {block:PreviousPage}<a href="{PreviousPage}" title="previous">«</a>&nbsp;&nbsp;|{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}
  1059. </div>
  1060. {/block:Pagination}
  1061. {/block:ifnotinfinitescroll}
  1062.  
  1063. </div>
  1064.  
  1065. {block:ifInfiniteScroll}{block:ifManualLoad}
  1066. {block:Pagination}<footer><a href="#" class="load-more">load more</a></footer>{/block:Pagination}
  1067. {/block:ifManualLoad}{/block:ifInfiniteScroll}
  1068.  
  1069. </div>
  1070.  
  1071.  
  1072. {block:IndexPage}
  1073. <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  1074. {block:ifMultiColumn}
  1075. <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.min.js"></script>
  1076. {/block:ifMultiColumn}
  1077. {block:ifInfiniteScroll}
  1078. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1079. {/block:ifInfiniteScroll}
  1080. <script>
  1081. $(document).ready(function(){
  1082. var $container = $('#content');
  1083. {block:ifMultiColumn}
  1084. $container.masonry({
  1085. itemSelector: '.entry',
  1086. columnWidth: {select:Post Width},
  1087. gutter: 50,
  1088. isFitWidth: true
  1089. });
  1090. $container.imagesLoaded().progress(function(){
  1091. $container.masonry('layout');
  1092. });
  1093. $(window).resize(function(){
  1094. $container.masonry();
  1095. });
  1096. {/block:ifMultiColumn}
  1097.  
  1098. {block:ifInfiniteScroll}
  1099. $container.infinitescroll({
  1100. itemSelector: ".entry",
  1101. navSelector: ".pagination",
  1102. nextSelector: ".pagination a#next",
  1103. loadingImg: "",
  1104. loadingText: "<em> </em>",
  1105. bufferPx: 100,
  1106. extraScrollPx: 50,
  1107. errorCallback: function(){ $('.load-more').text('no more posts').parent().delay(2000).slideUp("slow"); }
  1108. },
  1109.  
  1110. function(newElements){
  1111. var $newElems = $(newElements);
  1112. $newElems.find('.photo-slideshow').pxuPhotoset({
  1113. lightbox: true,
  1114. rounded: false,
  1115. gutter: '4px',
  1116. photoset: '.photo-slideshow',
  1117. photoWrap: '.photo-data',
  1118. photo: '.pxu-photo'
  1119. });
  1120.  
  1121. var $newElemsIDs = $newElems.map(function(){
  1122. return this.id;
  1123. }).get();
  1124. console.log($newElems, $newElemsIDs);
  1125. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1126.  
  1127. resizeVideos();
  1128.  
  1129. var $newElems = $( newElements ).hide();
  1130. $newElems.imagesLoaded(function(){
  1131. $newElems.fadeIn();
  1132. {block:ifMultiColumn}
  1133. $container.masonry( 'appended', $newElems, true );
  1134. {/block:ifMultiColumn}
  1135. });
  1136.  
  1137. var color = '#ededed';
  1138. $('.soundcloud_audio_player').each(function(){
  1139. $(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%' });
  1140. });
  1141.  
  1142. });
  1143. {block:ifManualLoad}
  1144. $(window).unbind('.infscr');
  1145. $('.load-more').click(function(){
  1146. $('#content').infinitescroll('retrieve');
  1147. return false;
  1148. });
  1149. {/block:ifManualLoad}
  1150. {/block:ifInfiniteScroll}
  1151. });
  1152. </script>
  1153. {/block:IndexPage}
  1154.  
  1155.  
  1156. <a href="http://shoseii.tumblr.com" style="font:italic 10px 'Libre Baskerville', serif;position:fixed;bottom:5px;right:3px;" title="© shoseii">&</a>
  1157.  
  1158. <script>
  1159. var nav = responsiveNav(".nav-collapse");
  1160. </script>
  1161.  
  1162. </body>
  1163.  
  1164. </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!