API tools faq
paste
Advertisement
ILikeMochiCx

Flora

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