API tools faq
paste
Advertisement
ILikeMochiCx

Somnambulist

ILikeMochiCx
Feb 15th, 2016
1,692
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.  
  6. <script src="//use.edgefonts.net/karla:n4,i4,n7,i7;lato;open-sans;source-sans-pro;maven-pro.js"></script>
  7. <script src="//use.edgefonts.net/inconsolata;playfair-display;tinos;montserrat.js"></script>
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  9.  
  10. <title>{Title}</title>
  11.  
  12. <!--
  13. ___________________________________________________________________________
  14.  
  15.  
  16. Somnambulist - Theme #4
  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:Icon" content=""/>
  36.  
  37. <meta name="color:Background" content="##fbfbfb"/>
  38. <meta name="color:Posts Background" content="#ffffff"/>
  39. <meta name="color:Content Background" content="#ffffff"/>
  40. <meta name="color:Posts Border" content="#eeeeee"/>
  41. <meta name="color:Text" content="#000000"/>
  42. <meta name="color:Bold" content="#ED6B73"/>
  43. <meta name="color:Caption" content="#f9f9f9"/>
  44. <meta name="color:Caption Text" content="#898989"/>
  45. <meta name="color:Title" content="#000000"/>
  46. <meta name="color:Title Hover" content="#eeeeee"/>
  47. <meta name="color:Nav Links Hover" content="#9ad7b9"/>
  48. <meta name="color:Link" content="#797979"/>
  49. <meta name="color:Link Hover" content="#f59797"/>
  50. <meta name="color:Selection" content="#a5d7f0"/>
  51. <meta name="color:Scrollbar" content="#cccccc"/>
  52.  
  53. <meta name="text:Link 1" content=""/>
  54. <meta name="text:Link 1 URL" content=""/>
  55. <meta name="text:Link 2" content=""/>
  56. <meta name="text:Link 2 URL" content=""/>
  57. <meta name="text:Link 3" content=""/>
  58. <meta name="text:Link 3 URL" content=""/>
  59. <meta name="text:Free Hosted Scripts Code" content=""/>
  60.  
  61. <meta name="select:Post Width" content="200" title="200px"/>
  62. <meta name="select:Post Width" content="250" title="250px"/>
  63. <meta name="select:Post Width" content="300" title="300px"/>
  64. <meta name="select:Post Width" content="350" title="350px"/>
  65. <meta name="select:Post Width" content="400" title="400px"/>
  66. <meta name="select:Font" content="Karla" title="Karla"/>
  67. <meta name="select:Font" content="Lato" title="Lato"/>
  68. <meta name="select:Font" content="Open-Sans" title="Open Sans"/>
  69. <meta name="select:Font" content="Maven-Pro" title="Maven Pro"/>
  70. <meta name="select:Font" content="Source-Sans-Pro" title="Source Sans Pro"/>
  71. <meta name="select:Title Font" content="Inconsolata" title="Inconsolata"/>
  72. <meta name="select:Title Font" content="Playfair-Display" title="Playfair Display"/>
  73. <meta name="select:Title Font" content="Montserrat" title="Montserrat"/>
  74. <meta name="select:Title Font" content="Tinos" title="Tinos"/>
  75. <meta name="select:Title Font" content="Karla" title="Karla"/>
  76. <meta name="select:Title Font" content="Lato" title="Lato"/>
  77. <meta name="select:Title Font" content="Open-Sans" title="Open Sans"/>
  78. <meta name="select:Title Font" content="Maven-Pro" title="Maven Pro"/>
  79. <meta name="select:Title Font" content="Source-Sans-Pro" title="Source Sans Pro"/>
  80.  
  81. <meta name="if:Infinite Scroll" content="1"/>
  82. <meta name="if:Two Column" content=""/>
  83. <meta name="if:Icon" content="1"/>
  84. <meta name="if:Grayscale Effect" content=""/>
  85. <meta name="if:Post Fade" content="1"/>
  86. <meta name="if:Show Caption" content=""/>
  87. <meta name="if:Show Tags" content=""/>
  88. <meta name="if:Mini Cursor" content="1"/>
  89. <meta name="if:Post Borders" content="1"/>
  90. <meta name="if:Sticky Header" content="1"/>
  91. <meta name="if:Hover Permalink" content=""/>
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96. {block:ifMiniCursor}
  97. *, body, a {cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;}
  98.  
  99. a:hover {cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;}
  100. {/block:ifMiniCursor}
  101.  
  102. ::-webkit-scrollbar{
  103. width:17px;
  104. height:17px;
  105. background-color:{color:Background};
  106. }
  107. ::-webkit-scrollbar-track {
  108. border:8px solid {color:Background};
  109. background-color:{color:Posts Border};
  110. }
  111. ::-webkit-scrollbar-thumb {
  112. border:6px solid {color:Background};
  113. background-color:{color:Scrollbar};
  114. }
  115.  
  116. ::-webkit-scrollbar:horizontal{
  117. display:none;
  118. }
  119.  
  120. ::-moz-selection{
  121. background:{color:Selection};
  122. color:#fff;
  123. }
  124.  
  125. ::selection{
  126. background:{color:Selection};
  127. color:#fff;
  128. }
  129.  
  130. {block:ifnotMiniCursor}
  131. *, body {cursor:crosshair}
  132. {/block:ifnotMiniCursor}
  133.  
  134. body{
  135. font:11px '{select:Font}', sans-serif;
  136. line-height:16px;
  137. font-weight:400;
  138. color:{color:Text};
  139. text-align:left;
  140. -webkit-font-smoothing: antialiased;
  141. -moz-osx-font-smoothing: grayscale;
  142. background:{color:Background} url('{image:Background}') fixed repeat center;
  143. }
  144.  
  145. a{
  146. text-decoration:none;
  147. outline:none;
  148. -moz-outline-style:none;
  149. color:{color:Link};
  150. cursor:help;
  151. -webkit-transition: all 0.3s ease-in-out;
  152. -moz-transition: all 0.3s ease-in-out;
  153. -o-transition: all 0.3s ease-in-out;
  154. -ms-transition: all 0.3s ease-in-out
  155. transition: all 0.3s ease-in-out;
  156. }
  157.  
  158. a:visited{
  159. color:{color:Link};
  160. }
  161.  
  162. a:hover{
  163. color:{color:Link Hover};
  164. }
  165.  
  166. b,strong{
  167. font-weight:heavy;
  168. color:{color:Bold};
  169. }
  170.  
  171. blockquote{
  172. padding-left:5px;
  173. border-left:1px solid #ccc;
  174. }
  175.  
  176.  
  177. /*--Sidebar--*/
  178.  
  179. #sidebar{
  180. background:{color:Content Background};
  181. position:relative;
  182. padding:100px 0px 20px 0px;
  183. width:calc({select:Post Width}px + 70px);
  184. margin:50px 0px 50px 30px;
  185. text-align:center;
  186. {block:ifTwoColumn}
  187. width:calc({select:Post Width}px * 2 + 315px);
  188. {/block:ifTwoColumn}
  189. z-index:99999;
  190. {block:PermalinkPage}
  191. margin-left:75px;
  192. width:560px;
  193. {/block:PermalinkPage}
  194. }
  195.  
  196. #sidebar.sticky{
  197. position:-webkit-sticky;
  198. position:sticky;
  199. top:0;
  200. }
  201.  
  202.  
  203. #icon img{
  204. position:absolute;
  205. background:{color:Posts Background};
  206. width:50px;
  207. height:50px;
  208. margin-top:-60px;
  209. margin-left:-22px;
  210. border-radius:100px;
  211. overflow:hidden;
  212. }
  213.  
  214. #title{
  215. font:bold 25px {select:Title Font};
  216. z-index:9999999999;
  217. -webkit-transition: all 0.3s ease-in-out;
  218. -moz-transition: all 0.3s ease-in-out;
  219. -o-transition: all 0.3s ease-in-out;
  220. -ms-transition: all 0.3s ease-in-out;
  221. transition: all 0.3s ease-in-out;
  222. }
  223.  
  224. #title a{
  225. color:{color:Title};
  226. }
  227.  
  228. #title a:hover{
  229. color:{color:Title Hover};
  230. }
  231.  
  232. #desc{
  233. font-size:12px;
  234. margin-top:10px;
  235. {block:IndexPage}
  236. width:calc({select:Post Width}px + 70px);
  237. {block:ifTwoColumn}
  238. width:calc({select:Post Width}px * 2 + 315px);
  239. {/block:ifTwoColumn}
  240. {/block:IndexPage}
  241. {block:PermalinkPage}
  242. width:560px;
  243. {/block:PermalinkPage}
  244. }
  245.  
  246. .links{
  247. font-size:11px;
  248. margin-left:-6px;
  249. margin-top:5px;
  250. text-transform:uppercase;
  251. overflow:hidden;
  252. }
  253.  
  254. .links a{
  255. margin-right:10px;
  256. }
  257.  
  258. .links a:hover{
  259. color:{color:Nav Links Hover};
  260. }
  261.  
  262. .links a:last-child{
  263. margin-right:0px;
  264. }
  265.  
  266. .links a span{
  267. position:relative;
  268. display:inline-block;
  269. transition: transform 0.3s;
  270. -moz-transition: -moz-transform 0.3s;
  271. -webkit-transition: -webkit-transform 0.3s;
  272. }
  273.  
  274. .links a span:before{
  275. position:absolute;
  276. top:100%;
  277. content:attr(data-hover);
  278. }
  279.  
  280. .links a:hover span, .links a:focus span{
  281. transform: translateY(-100%);
  282. -moz-transform: translateY(-100%);
  283. -webkit-transform: translateY(-100%);
  284. }
  285.  
  286. /*--Posts--*/
  287.  
  288. #center{
  289. width:calc({select:Post Width}px + 120px);
  290. {block:ifTwoColumn}
  291. width:calc({select:Post Width}px * 2 + 345px);
  292. {/block:ifTwoColumn}
  293. margin-left:auto;
  294. margin-right:auto;
  295. {block:PermalinkPage}
  296. width:694px;
  297. {/block:PermalinkPage}
  298. border:0;
  299. }
  300.  
  301. #bg{
  302. position:fixed;
  303. background:{color:Content Background};
  304. width:calc({select:Post Width}px + 170px);
  305. {block:ifTwoColumn}
  306. width:calc({select:Post Width}px * 2 + 400px);
  307. {/block:ifTwoColumn}
  308. height:100vh;
  309. top:0px;
  310. margin-left:-20px;
  311. {block:PermalinkPage}
  312. width:735px;
  313. {/block:PermalinkPage}
  314. }
  315.  
  316. #content{
  317. position:relative;
  318. margin-left:55px;
  319. margin-top:-30px;
  320. margin-bottom:50px;
  321. overflow-x:hidden;
  322. {block:PermalinkPage}
  323. margin-left:50px;
  324. {/block:PermalinkPage}
  325. }
  326.  
  327. .entry{
  328. {block:indexpage}
  329. width:{select:Post width}px;
  330. {/block:indexpage}
  331. padding:10px 10px 0px 10px;
  332. margin:30px 10px 50px 0px;
  333. float:left;
  334. background:{color:Posts Background};
  335. {block:ifTwoColumn}
  336. margin-left:65px;
  337. {/block:ifTwoColumn}
  338. {block:ifPostBorders}
  339. border-top:1px solid {color:Posts Border};
  340. border-left:1px solid {color:Posts Border};
  341. border-right:1px solid {color:Posts Border};
  342. {/block:ifPostBorders}
  343. {block:permalinkpage}
  344. margin-left:25px;
  345. width:500px;
  346. padding:23px;
  347. {block:ifPostBorders}
  348. border:1px solid {color:Posts Border};
  349. {/block:ifPostBorders}
  350. {/block:permalinkpage}
  351. }
  352.  
  353. .entry img{
  354. {block:indexpage}
  355. width:{select:Post width}px;
  356. height:auto;
  357. margin-bottom:-4px;
  358. {/block:indexpage}
  359. {block:permalinkpage}
  360. max-width:500px;
  361. {/block:permalinkpage}
  362. }
  363.  
  364. ol.notes{
  365. padding:0px;
  366. width:500px;
  367. height:218px;
  368. overflow:auto;
  369. margin:5px 0px;
  370. list-style-type:none;
  371. border:1px solid{color:Posts Border};
  372. }
  373.  
  374. ol.notes li.note{
  375. border-top:solid 1px {color:Posts Border};
  376. padding:10px;
  377. }
  378.  
  379. ol.notes li.note:first-child{
  380. border:none;
  381. }
  382.  
  383. ol.notes li.note img.avatar{
  384. vertical-align:-4px;
  385. margin-right:10px;
  386. width:16px;
  387. height:16px;
  388. }
  389.  
  390. ol.notes li.note blockquote{
  391. border-color:{color:Posts Border};
  392. padding:4px 10px;
  393. margin:10px 0px 0px 25px;
  394. }
  395.  
  396. ol.notes li.note blockquote a{
  397. text-decoration:none;
  398. }
  399.  
  400. /*--Grayscale Effect--*/
  401.  
  402. #img{
  403. {block:indexpage}
  404. {block:ifPostFade}
  405. opacity:0.6;
  406. {/block:ifPostFade}
  407. {block:ifGrayscaleEffect}
  408. filter: url(filters.svg#grayscale);
  409. filter: gray;
  410. -webkit-filter: grayscale(1);
  411. {/block:ifGrayscaleEffect}
  412. -webkit-transition:all 0.3s ease-in-out;
  413. -moz-transition:all 0.3s ease-in-out;
  414. -o-transition:all 0.3s ease-in-out;
  415. transition:all 0.3s ease-in-out;
  416. {/block:indexpage}
  417. }
  418.  
  419. #img:hover{
  420. {block:indexpage}
  421. opacity:1;
  422. {block:ifGrayscaleEffect}
  423. filter: url(filters.svg#grayscale);
  424. filter: gray;
  425. -webkit-filter: grayscale(0);
  426. {/block:ifGrayscaleEffect}
  427. {/block:indexpage}
  428. }
  429.  
  430. /*--Permalinks--*/
  431.  
  432. .permalink{
  433. background:{color:Content background};
  434. width:calc({select:Post Width}px + 22px );
  435. height:auto;
  436. position:relative;
  437. font-size:10px;
  438. padding-top:10px;
  439. margin:10px 0px 0px -11px {block:ifnotPostBorders}-10px{/block:ifnotPostBorders};
  440. text-align:left;
  441. z-index:999;
  442. {block:ifPostBorders}
  443. border-top:1px solid {color:Posts Border};
  444. {/block:ifPostBorders}
  445. overflow:hidden;
  446. -webkit-transition:all 0.5s ease-in-out;
  447. -moz-transition:all 0.5s ease-in-out;
  448. -o-transition:all 0.5s ease-in-out;
  449. transition:all 0.5s ease-in-out;
  450. }
  451.  
  452. {block:ifHoverPermalink}
  453. .perma{
  454. -webkit-transition:all 0.5s ease-in-out;
  455. -moz-transition:all 0.5s ease-in-out;
  456. -o-transition:all 0.5s ease-in-out;
  457. transition:all 0.5s ease-in-out;
  458. }
  459.  
  460. .entry .perma{
  461. opacity:0;
  462. }
  463.  
  464. .entry:hover .perma{
  465. opacity:1;
  466. }
  467. {/block:ifHoverPermalink}
  468.  
  469. .date{
  470. display:inline-block;
  471. background:{color:Caption};
  472. padding:3px;
  473. margin-right:10px;
  474. text-transform:uppercase;
  475. border:1px solid {color:Posts Border};
  476. border-radius:2px;
  477. }
  478.  
  479. .noet{
  480. display:inline-block;
  481. background:{color:Caption};
  482. padding:3px;
  483. margin-right:10px;
  484. border:1px solid {color:Posts Border};
  485. border-radius:2px;
  486. }
  487.  
  488. .reblogb{
  489. display:inline-block;
  490. background:{color:Caption};
  491. padding:3px;
  492. margin-right:10px;
  493. border:1px solid {color:Posts Border};
  494. border-radius:2px;
  495. }
  496.  
  497. .tags{
  498. font-size:10px;
  499. margin-left:10px;
  500. line-height:25px;
  501. text-transform:uppercase;
  502. }
  503.  
  504. .tags i{
  505. color:{color:Link};
  506. }
  507.  
  508. .tags a{
  509. display:inline-block;
  510. margin-left:7px;
  511. }
  512.  
  513. .tags a:first-child{
  514. margin:0px;
  515. }
  516.  
  517. .heart{
  518. display:inline-block;
  519. background:{color:Caption};
  520. padding:3px;
  521. border:1px solid {color:Posts Border};
  522. border-radius:2px;
  523. }
  524.  
  525. .like_button{
  526. display:inline-block;
  527. position:relative;
  528. width:1.5em;
  529. height:1.0em;
  530. }
  531.  
  532. .like_button:before{
  533. content:"\f08a";
  534. position:absolute;
  535. color:{color:Link};
  536. top:-1px;
  537. left:1.5px;
  538. font-size:12px;
  539. font-family:'FontAwesome';
  540. text-align:center;
  541. -webkit-transition:all 0.5s ease-in-out;
  542. -moz-transition:all 0.5s ease-in-out;
  543. -o-transition:all 0.5s ease-in-out;
  544. transition:all 0.5s ease-in-out;
  545. }
  546.  
  547. .like_button iframe{
  548. position:absolute;
  549. top:0px;
  550. left:0px;
  551. opacity:0;
  552. z-index:99;
  553. }
  554.  
  555. .like_button.liked:before, .like_button:hover:before{
  556. color:{color:Link Hover};
  557. }
  558.  
  559. /*--Miscellaneous--*/
  560.  
  561. iframe.tmblr-iframe{
  562. z-index:99999999999999!important;
  563. top:0!important;
  564. right:0!important;
  565. opacity:0.4;
  566. /* delete from here */
  567. filter:invert(1);
  568. -webkit-filter:invert(1);
  569. -o-filter:invert(1);
  570. -moz-filter:invert(1);
  571. -ms-filter:invert(1);
  572. /* to here if your blog has a dark background */
  573. transform:scale(0.6);
  574. transform-origin:100% 0;
  575. -webkit-transform:scale(0.6);
  576. -webkit-transform-origin:100% 0;
  577. -o-transform:scale(0.6);
  578. -o-transform-origin:100% 0;
  579. -moz-transform:scale(0.6);
  580. -moz-transform-origin:100% 0;
  581. -ms-transform:scale(0.6);
  582. -ms-transform-origin:100% 0;
  583. -webkit-transition:all 0.5s ease-in-out;
  584. -moz-transition:all 0.5s ease-in-out;
  585. -o-transition:all 0.5s ease-in-out;
  586. transition:all 0.5s ease-in-out;
  587. }
  588.  
  589. iframe.tmblr-iframe:hover{
  590. opacity:0.6!important;
  591. }
  592.  
  593. .pagination {
  594. display:none;
  595. }
  596.  
  597. #pagination{
  598. width:calc({select:Post Width}px + 20px);
  599. {block:ifTwoColumn}
  600. position:absolute;
  601. bottom:0px;
  602. width:calc({select:Post Width}px*2 + 250px);
  603. {/block:ifTwoColumn}
  604. text-align:center;
  605. }
  606.  
  607. #pagination a{
  608. border-bottom:1px solid {color:Nav Links Hover};
  609. }
  610.  
  611. .back{
  612. margin-top:0px;
  613. }
  614.  
  615. .next{
  616. margin-top:0px;
  617. }
  618.  
  619. .text img{
  620. {block:IndexPage}
  621. max-width:{select:Post width}px;
  622. {/block:IndexPage}
  623. {block:PermalinkPage}
  624. max-width:500px;
  625. {/block:PermalinkPage}
  626. width:auto;
  627. height:auto;
  628. }
  629.  
  630. .text{
  631. padding-bottom:5px;
  632. overflow:hidden;
  633. }
  634.  
  635. .audio{
  636. margin-top:8px;
  637. margin-left:50px;
  638. min-height:25px;
  639. line-height:14px;
  640. letter-spacing:1px;
  641. text-align:left;
  642. padding-bottom:10px;
  643. }
  644.  
  645. .song{
  646. font:italic 9px georgia;
  647. }
  648.  
  649. .quote{
  650. font-size:12px;
  651. font-weight:bold;
  652. {block:IndexPage}text-align:center;{/block:IndexPage}
  653. margin-left:11px;
  654. text-transform:uppercase;
  655. }
  656.  
  657. .tumblr_audio_player{
  658. position:absolute;
  659. width:30px;
  660. height:30px;
  661. margin-top:3px;
  662. border:5px solid {color:Posts Border};
  663. border-radius:100px;
  664. }
  665.  
  666. #s-m-t-tooltip{
  667. background:#fff;
  668. color:#888;
  669. font-size:10px;
  670. font-style:italic;
  671. letter-spacing:2px;
  672. text-transform:lowercase;
  673. max-width:300px;
  674. padding:4px;
  675. z-index:9999999999;
  676. margin:20px 10px 10px 10px;
  677. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  678. }
  679.  
  680. .ask{
  681. color:{color:Text};
  682. width:auto;
  683. padding:10px;
  684. text-align:left;
  685. border-bottom:1px solid #eee;
  686. text-transform:uppercase;
  687. }
  688.  
  689. .answer{
  690. margin-left:10px;
  691. margin-top:0px;
  692. }
  693.  
  694. .caption{
  695. {block:IndexPage}
  696. background:{color:Caption};
  697. border:1px solid {color:Posts Border};
  698. border-radius:5px;
  699. {/block:IndexPage}
  700. color:{color:Caption Text};
  701. margin-top:10px;
  702. padding:5px;
  703. }
  704.  
  705. .caption img{
  706. width:auto;
  707. height:auto;
  708. max-width:calc({select:Post width}px - 70px);
  709. {block:PermalinkPage}
  710. max-width:430px;
  711. {/block:PermalinkPage}
  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. #music{
  735. margin-top:20px;
  736. margin-left:155px;
  737. }
  738.  
  739. #player:hover{
  740. border-color:{color:Nav Links Hover};
  741. }
  742.  
  743. #player{
  744. width:100px;
  745. height:17px;
  746. padding:2px;
  747. overflow:hidden;
  748. -webkit-transition: all 0.3s ease-in-out;
  749. -moz-transition: all 0.3s ease-in-out;
  750. -o-transition: all 0.3s ease-in-out;
  751. -ms-transition: all 0.3s ease-in-out
  752. transition: all 0.3s ease-in-out;
  753. }
  754.  
  755. #button{
  756. margin-top:-1px;
  757. margin-left:-30px;
  758. }
  759.  
  760. #load{
  761. position:absolute;
  762. margin-top:10px;
  763. padding:5px;
  764. margin-left:200px;
  765. border:1px solid #eee;
  766. }
  767.  
  768. .tumblr_video_container{
  769. width:auto!important;
  770. height:auto!important;
  771. }
  772.  
  773.  
  774.  
  775. </style>
  776.  
  777. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  778.  
  779. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  780. <script>
  781. (function($){
  782. $(document).ready(function(){
  783. $("[title]").style_my_tooltips({
  784. tip_follows_cursor:true,
  785. tip_delay_time:20,
  786. tip_fade_speed:400,
  787. attribute:"title"
  788. });
  789. });
  790. })(jQuery);
  791. </script>
  792.  
  793.  
  794. <!--Scroll back to top-->
  795.  
  796. <div class="back-to-top" id="back-top">
  797. <a href="javascript:void(0)" class="back-to-top">Top</a>
  798. </div>
  799.  
  800.  
  801. <script type="text/javascript">
  802. $(function () {
  803. $("#back-top").hide();
  804. $(window).scroll(function () {
  805. if ($(this).scrollTop() > 150) {
  806. $('#back-top').fadeIn();
  807. } else {
  808. $('#back-top').fadeOut();
  809. }
  810. });
  811. });
  812. jQuery('.back-to-top').click(function () {
  813. jQuery('html, body').animate({
  814. scrollTop: 0
  815. }, 'slow');
  816. });
  817. </script>
  818.  
  819.  
  820. <!--end of Scroll back to top-->
  821.  
  822. <!--minimal soundcloud player by shythemes-->
  823. <script>
  824. // minimal soundcloud player © shythemes.tumblr
  825. $(document).ready(function(){
  826. var color = '#acd7bb'; // color of play button (hex)
  827. $('.soundcloud_audio_player').each(function(){
  828. $(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%' });
  829. });
  830. });
  831. </script>
  832. <!--end minimal soundcloud player-->
  833.  
  834.  
  835. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  836. <script>
  837. $(document).ready(function(){
  838. $('.photo-slideshow').pxuPhotoset({
  839. lightbox: true,
  840. rounded: false,
  841. gutter: '5px',
  842. photoset: '.photo-slideshow',
  843. photoWrap: '.photo-data',
  844. photo: '.pxu-photo'
  845. });
  846. });
  847. </script>
  848.  
  849. {block:ifInfiniteScroll}
  850. <div class="pagination">
  851. {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}
  852. </div>
  853. {/block:ifInfiniteScroll}
  854.  
  855. <script src="http://static.tumblr.com/2e9nahe/iHEnx7e4y/stickyfill.min.js"></script>
  856. <script>
  857. $(document).ready(function(){
  858. $('.sticky').Stickyfill();
  859. });
  860. </script>
  861.  
  862.  
  863. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  864.  
  865.  
  866. </head>
  867.  
  868. <body>
  869.  
  870. <div id="center">
  871.  
  872. <div id="bg"></div>
  873.  
  874. <div id="sidebar" {block:ifStickyHeader}class="sticky"{/block:ifStickyHeader}>
  875. {block:ifIcon}<div id="icon"><img src="{image:Icon}"/></div>{/block:ifIcon}
  876. <div id="title" title="home"><a href="/">{Title}</a></div>
  877. <div class="links">
  878. <a href="/ask" target="_blank"><span data-hover="ask">ask</span></a>
  879. <a href="/archive" target="_blank"><span data-hover="past">past</span></a>
  880. {block:ifLink1}<a href="{text:Link 1 URL}" target="_blank"><span data-hover="{text:Link 1}">{text:Link 1}</span></a>{/block:ifLink1}
  881. {block:ifLink2}<a href="{text:Link 2 URL}" target="_blank"><span data-hover="{text:Link 2}">{text:Link 2}</span></a>{/block:ifLink2}
  882. {block:ifLink3}<a href="{text:Link 3 URL}" target="_blank"><span data-hover="{text:Link 3}">{text:Link 3}</span></a>{/block:ifLink3}
  883. <a href="http://shoseii.tumblr.com" target="_blank"><span data-hover="theme">theme</span></a>
  884. </div>
  885. <div id="desc">{Description}</div>
  886.  
  887.  
  888. </div>
  889.  
  890. <div id="content">
  891.  
  892. {block:Posts}
  893.  
  894.  
  895. <div class="entry" id="{PostID}">
  896.  
  897.  
  898. {block:Text}
  899. <div class="text">{block:IndexPage}{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
  900. {Body}
  901. </div>
  902. {/block:Text}
  903.  
  904. {block:Photo}
  905. <div id="img">
  906. {block:IndexPage}<img src="{PhotoURL-500}"/>
  907. </div>
  908.  
  909. {/block:IndexPage}
  910. {block:PermalinkPage}<img src="{PhotoURL-HighRes}"/>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  911. {/block:PermalinkPage}
  912. {/block:Photo}
  913.  
  914. {block:Photoset}
  915. {block:IndexPage}
  916. <div id="img">
  917. <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>
  918. </div>
  919. {/block:IndexPage}
  920.  
  921. {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>
  922. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  923. {/block:PermalinkPage}
  924. {/block:Photoset}
  925.  
  926.  
  927. {block:Quote}
  928. <div style="position:absolute;margin-top:-5px;margin-left:-5px;font:30px times new roman;opacity:0.5;">“</div>
  929. <div class="quote">{Quote}</div>
  930. {block:Source}<p style="{block:IndexPage}text-align:center;{/block:IndexPage}font:italic 10px georgia;">—&nbsp;{Source}</p>{/block:Source}
  931. {/block:Quote}
  932.  
  933. {block:Link}
  934. <div class="text">
  935. <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}</div>
  936. {/block:Link}
  937.  
  938. {block:Chat}
  939. <div class="text">
  940. {block:Title}<h3>{Title}</h3>{/block:Title}
  941. {block:Lines}<p>
  942. {block:Label}<b>{Label}</b>{/block:Label}
  943. {Line}</p>
  944. {/block:Lines}
  945. </div>
  946. {/block:Chat}
  947.  
  948. {block:Audio}
  949. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  950. {block:AudioPlayer}
  951. {AudioPlayerWhite}
  952. <div class="audio">
  953. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  954. <br>{block:Artist}<span class="song">{Artist}</span>{/block:Artist}
  955. </div>
  956. {/block:AudioPlayer}
  957.  
  958. {block:PermalinkPage}
  959. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  960. {/block:PermalinkPage}
  961. {/block:Audio}
  962.  
  963. {block:Answer}
  964. <div class="ask">
  965. <em><strong><u>{Asker} whispered:</u></em></strong>
  966. <br><br>{Question}
  967. </div>
  968. <div class="answer">
  969. {Answer}
  970. </div>
  971. {/block:Answer}
  972.  
  973. {block:Video}
  974. {block:IndexPage}
  975. <div id="img">
  976. <div class="video">{Video-500}</div>
  977. </div>
  978.  
  979. {/block:IndexPage}
  980.  
  981. {block:PermalinkPage}<div class="video">{Video-500}</div>
  982. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:PermalinkPage}
  983. {/block:Video}
  984.  
  985.  
  986.  
  987. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{Logowidth}px" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  988.  
  989. {block:IndexPage}
  990. {block:ifShowCaption}{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:ifShowCaption}
  991. <div class="permalink">
  992. <div class="perma">
  993. <div class="date">
  994. <a href="{Permalink}" target="_blank">{DayofMonth} {ShortMonth} {Year}</a>
  995. </div>
  996. <div class="noet"><a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a></div>
  997. <div class="reblogb">
  998. <a href="{ReblogURL}" target="_blank" title="Reblog?"><i class="fa fa-retweet fa-lg"></i></a>
  999. </div>
  1000. <div class="heart">{LikeButton}</div>
  1001. {block:ifShowTags}{block:HasTags}<span class="tags"><i class="fa fa-tags"></i>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}<br></span>{/block:HasTags}{/block:ifShowTags}
  1002. </div>
  1003. </div>
  1004.  
  1005. {/block:IndexPage}
  1006.  
  1007.  
  1008. {block:PermalinkPage}
  1009. {block:Date}
  1010. <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>
  1011. <div style="font:14px Cambria;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  1012. {/block:Date}
  1013. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1014. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  1015. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  1016. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}
  1017. {/block:PermalinkPage}
  1018.  
  1019. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1020.  
  1021.  
  1022. </div>
  1023.  
  1024.  
  1025. {/block:Posts}
  1026.  
  1027. {block:ifnotinfinitescroll}
  1028. {block:Pagination}
  1029. <div id="pagination">
  1030. {block:PreviousPage}<a href="{PreviousPage}">previous</a>&nbsp;&nbsp;|{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1031. <br>( page {CurrentPage} of {TotalPages} )
  1032. </div>
  1033. {/block:Pagination}
  1034. {/block:ifnotinfinitescroll}
  1035.  
  1036. </div>
  1037.  
  1038.  
  1039. </div>
  1040.  
  1041.  
  1042. {block:IndexPage}
  1043. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.0.0/imagesloaded.pkgd.min.js"></script>
  1044. {block:ifTwoColumn}
  1045. <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.min.js"></script>
  1046. {/block:ifTwoColumn}
  1047. {block:ifInfiniteScroll}
  1048. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1049. {/block:ifInfiniteScroll}
  1050. <script>
  1051. $(document).ready(function(){
  1052. var $container = $('#content');
  1053. {block:ifTwoColumn}
  1054. $container.masonry({
  1055. itemSelector: '.entry',
  1056. columnWidth: '.entry',
  1057. isFitWidth: true
  1058. });
  1059. $container.imagesLoaded().progress(function(){
  1060. $container.masonry('layout');
  1061. });
  1062. {/block:ifTwoColumn}
  1063. {block:ifInfinitescroll}
  1064. $container.infinitescroll({
  1065. itemSelector: ".entry",
  1066. navSelector: ".pagination",
  1067. nextSelector: ".pagination a#next",
  1068. loadingImg: "",
  1069. loadingText: "<em> </em>",
  1070. bufferPx: 100,
  1071. extraScrollPx: 50
  1072. },
  1073.  
  1074. function(newElements){
  1075. var $newElems = $(newElements);
  1076. $newElems.find('.photo-slideshow').pxuPhotoset({
  1077. lightbox: true,
  1078. rounded: false,
  1079. gutter: '4px',
  1080. photoset: '.photo-slideshow',
  1081. photoWrap: '.photo-data',
  1082. photo: '.pxu-photo'
  1083. });
  1084.  
  1085. var $newElemsIDs = $newElems.map(function(){
  1086. return this.id;
  1087. }).get();
  1088. console.log($newElems, $newElemsIDs);
  1089. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1090.  
  1091. resizeVideos();
  1092.  
  1093. var $newElems = $( newElements ).hide();
  1094. $newElems.imagesLoaded(function(){
  1095. $newElems.fadeIn();
  1096. {block:ifTwoColumn}
  1097. $container.masonry( 'appended', $newElems, true );
  1098. {/block:ifTwoColumn}
  1099. });
  1100.  
  1101. var color = '#ededed';
  1102. $('.soundcloud_audio_player').each(function(){
  1103. $(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%' });
  1104. });
  1105.  
  1106. });
  1107.  
  1108. {/block:ifInfinitescroll}
  1109. });
  1110. </script>
  1111. {/block:IndexPage}
  1112.  
  1113. {block:ifFreeHostedScriptsCode}
  1114. <div style="position:fixed;bottom:5px;right:5px;font-size:9px;padding:1px 10px 1px 10px;border:1px solid #ccc;background:#eee">
  1115. {text:Free Hosted Scripts Code}
  1116. </div>
  1117. {/block:ifFreeHostedScriptsCode}
  1118.  
  1119.  
  1120. </body>
  1121. </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!