API tools faq
paste
Advertisement
kyngri

very nice

kyngri
Mar 9th, 2017
68
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.03 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: swipe
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}">
  16.  
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <!--Default Variables-->
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#888888"/>
  24. <meta name="color:Link" content="#a7a7a7"/>
  25. <meta name="color:Title" content="#000000"/>
  26. <meta name="color:Scrollbar" content="#d5d5d5" />
  27. <meta name="color:Text Borders" content="#eeeeee"/>
  28. <meta name="color:Borders" content="#f4f4f4"/>
  29. <meta name="color:Entries" content="#fcfcfc"/>
  30. <meta name="color:Posts" content="#ffffff"/>
  31.  
  32. <meta name="if:Infinite Scroll" content="1"/>
  33. <meta name="if:Manual Load" content="0"/>
  34. <meta name="if:Click for Tags" content="1"/>
  35. <meta name="if:Stretch Background" content="0"/>
  36.  
  37. <meta name="image:Icon" content=""/>
  38. <meta name="image:Link Tab Header" content=""/>
  39. <meta name="image:Background" content=""/>
  40. <meta name="image:Entries Background" content=""/>
  41.  
  42. <meta name="select:Captions" content="default" title="Default"/>
  43. <meta name="select:Captions" content="inline" title="Inline"/>
  44. <meta name="select:Captions" content="hide" title="Hide"/>
  45.  
  46. <meta name="select:Post Width" content="200" title="200px"/>
  47. <meta name="select:Post Width" content="250" title="250px"/>
  48. <meta name="select:Post Width" content="275" title="275px"/>
  49. <meta name="select:Post Width" content="300" title="300px"/>
  50. <meta name="select:Post Width" content="325" title="325px"/>
  51. <meta name="select:Post Width" content="350" title="350px"/>
  52. <meta name="select:Post Width" content="375" title="375px"/>
  53. <meta name="select:Post Width" content="400" title="400px"/>
  54. <meta name="select:Post Width" content="450" title="450px"/>
  55. <meta name="select:Post Width" content="500" title="500px"/>
  56. <meta name="select:Post Width" content="540" title="540px"/>
  57.  
  58. <meta name="text:Posts Title" content="home"/>
  59. <meta name="text:Ask Title" content="message"/>
  60. <meta name="text:Navigation Title" content="extra"/>
  61. <meta name="text:Refresh Title" content="refresh"/>
  62.  
  63. <meta name="text:Link 1 URL" content=""/>
  64. <meta name="text:Link 1" content=""/>
  65. <meta name="text:Link 2 URL" content=""/>
  66. <meta name="text:Link 2" content=""/>
  67. <meta name="text:Link 3 URL" content=""/>
  68. <meta name="text:Link 3" content=""/>
  69. <meta name="text:Link 4 URL" content=""/>
  70. <meta name="text:Link 4" content=""/>
  71. <meta name="text:Link 5 URL" content=""/>
  72. <meta name="text:Link 5" content=""/>
  73. <meta name="text:Archive Title" content="archive"/>
  74.  
  75. <meta name="text:Ask Tab Text" content=""/>
  76.  
  77. <!--CSS customization here. -->
  78.  
  79. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  80.  
  81. <script src="//use.edgefonts.net/open-sans:n4,i4,n6,n7.js"></script>
  82.  
  83. <style type="text/css">
  84.  
  85. /*tumblr controls and lightbox*/
  86.  
  87. #tumblr_lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  88.  
  89. #tumblr_lightbox img {opacity:0;}
  90.  
  91. #tumblr_lightbox_caption {
  92. color:{color:title}!important;
  93. font-family:inherit!important;
  94. font-size:10px!important;
  95. font-weight:normal!important;
  96. text-shadow:none!important;
  97. }
  98.  
  99. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  100. -moz-box-shadow:none!important;
  101. -webkit-box-shadow:none!important;
  102. box-shadow:none!important;
  103. -moz-border-radius:0px!important;
  104. -webkit-border-radius:0px!important;
  105. border-radius:0px!important;
  106. padding:15px!important;
  107. margin:-15px 0 0 -15px!important;
  108. background:{color:posts}!important;
  109. border:0!important;
  110. opacity:1!important;
  111. }
  112.  
  113. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.6!important;}
  114.  
  115. iframe#tumblr_controls {
  116. white-space:nowrap!important;
  117. -webkit-filter:invert(70%)!important;
  118. -moz-filter:invert(70%)!important;
  119. -ms-filter:invert(70%)!important;
  120. -o-filter:invert(70%)!important;
  121. filter:invert(70%)!important;
  122. top:10px!important;
  123. right:10px!important;
  124. opacity:.3!important;
  125. position:fixed!important;
  126. }
  127.  
  128. /*tooltip*/
  129.  
  130. .ui-tooltip {
  131. position:Absolute;
  132. z-index:9999;
  133. padding-top:15px;
  134. }
  135.  
  136. .ui-tooltip-content {
  137. background:{color:entries};
  138. padding:2px 5px;
  139. border:1px solid {color:borders};
  140. font-size:7px;
  141. font-family:trebuchet ms;
  142. letter-spacing:2px;
  143. text-transform:uppercase;
  144. }
  145.  
  146. /*scrollbar*/
  147.  
  148. ::-webkit-scrollbar{
  149. height:1px;
  150. width:1px;
  151. background:inherit;
  152. }
  153.  
  154. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  155.  
  156. ::-webkit-scrollbar-track {background:{color:borders};}
  157.  
  158. /*basics*/
  159.  
  160. body {
  161. background:{color:background} url('{image:background}') top left fixed repeat;
  162. {block:ifstretchbackground}
  163. -webkit-background-size:cover;
  164. -moz-background-size:cover;
  165. -o-background-size:cover;
  166. background-size:cover;
  167. {/block:ifstretchbackground}
  168. color:{color:text};
  169. font:normal 9px/1.4em 'open-sans', helvetica neue, helvetica, sans-serif;
  170. position:relative;
  171. word-wrap:break-word;
  172. text-align:left;
  173. margin:0;
  174. }
  175.  
  176. a {
  177. color:{color:text};
  178. text-decoration:none;
  179. cursor:pointer;
  180. transition:all .4s ease-in-out;
  181. -webkit-transition:all .4s ease-in-out;
  182. -moz-transition:all .4s ease-in-out;
  183. -o-transition:all .4s ease-in-out;
  184. }
  185.  
  186. a:hover {
  187. color:{color:link};
  188. border-color:{color:link}!important;
  189. }
  190.  
  191. .caption a, .tex a, .a a, .title a {border-bottom:1px solid {color:link};}
  192.  
  193. img {
  194. opacity:1;
  195. border:none;
  196. text-decoration:none;
  197. }
  198.  
  199. blockquote {
  200. border-left:1px solid {color:text borders};
  201. padding:.25em 0 .25em 15px;
  202. margin:.5em 0;
  203. }
  204.  
  205. pre {
  206. padding:0;
  207. margin:0;
  208. font:inherit!important;
  209. background:transparent;
  210. white-space:pre-wrap;
  211. white-space:-moz-pre-wrap;
  212. white-space:-pre-wrap;
  213. white-space:-o-pre-wrap;
  214. word-wrap:break-word;
  215. }
  216.  
  217. p {margin:.75em 0;}
  218.  
  219. p:first-of-type {margin-top:0;}
  220.  
  221. p:last-of-type {margin-bottom:0;}
  222.  
  223. b, strong {color:{color:title};}
  224.  
  225. ol, ul {
  226. margin:1.5em 0;
  227. padding:0 0 0 30px;
  228. }
  229.  
  230. ul {list-style:circle;}
  231.  
  232. small, big, sub, pre {
  233. font:inherit!important;
  234. vertical-align:baseline!important;
  235. }
  236.  
  237. h1, h2, h3, h4 {
  238. font-size:1em;
  239. margin:0;
  240. padding:0;
  241. color:{color:title};
  242. font-weight:bold;
  243. }
  244.  
  245. hr {
  246. border:none;
  247. box-shadow:0;
  248. margin:1.5em 25%;
  249. border-top:1px solid {color:text borders};
  250. }
  251.  
  252. #twilight {width:100%;height:100%;left:0px;bottom:0px;position:fixed;background:url('https://68.media.tumblr.com/8ae8626a0275f32c7fd842408838144f/tumblr_inline_okf0v4JMZz1u8j6wt_540.png');background-attachment:fixed;background-repeat:repeat;z-index:-9;}
  253.  
  254. #baebae {
  255. position:fixed;
  256. left:150px;
  257. bottom:140px;
  258. }
  259.  
  260. #yoshi {
  261. position:absolute;
  262. left:0px;
  263. bottom:0px;
  264. }
  265.  
  266. #bubbles { padding: 100px 0 position:fixed;}
  267. .bubble {
  268. width: 60px;
  269. height: 60px;
  270. background: #fff;
  271. border-radius: 200px;
  272. -moz-border-radius: 200px;
  273. -webkit-border-radius: 200px;
  274. position: fixed;z-index:5;
  275. }
  276.  
  277. .x1 {
  278. left: 180px;
  279. -webkit-transform: scale(0.9);
  280. -moz-transform: scale(0.9);
  281. transform: scale(0.9);
  282. opacity: 0.2;
  283. -webkit-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
  284. -moz-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
  285. -o-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
  286. }
  287.  
  288. .x2 {
  289. left: 200px;
  290. -webkit-transform: scale(0.7);
  291. -moz-transform: scale(0.7);
  292. transform: scale(0.7);
  293. opacity: 0.5;
  294. -webkit-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  295. -moz-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  296. -o-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  297. }
  298. .x3 {
  299. left: 250px;
  300. -webkit-transform: scale(0.8);
  301. -moz-transform: scale(0.8);
  302. transform: scale(0.8);
  303. opacity: 0.3;
  304. -webkit-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  305. -moz-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  306. -o-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  307. }
  308. .x4 {
  309. left: 300px;
  310. -webkit-transform: scale(0.7);
  311. -moz-transform: scale(0.7);
  312. transform: scale(0.7);
  313. opacity: 0.35;
  314. -webkit-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  315. -moz-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  316. -o-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  317. }
  318. .x5 {
  319. left: 350px;
  320. -webkit-transform: scale(0.8);
  321. -moz-transform: scale(0.8);
  322. transform: scale(0.8);
  323. opacity: 0.3;
  324. -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  325. -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  326. -o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  327. }
  328. @-webkit-keyframes moveclouds {
  329. 0% {
  330. top: 500px;
  331. }
  332. 100% {
  333. top: -500px;
  334. }
  335. }
  336.  
  337. @-webkit-keyframes sideWays {
  338. 0% {
  339. margin-left:0px;
  340. }
  341. 100% {
  342. margin-left:50px;
  343. }
  344. }
  345.  
  346. @-moz-keyframes moveclouds {
  347. 0% {
  348. top: 500px;
  349. }
  350.  
  351. 100% {
  352. top: -500px;
  353. }
  354. }
  355.  
  356. @-moz-keyframes sideWays {
  357. 0% {
  358. margin-left:0px;
  359. }
  360. 100% {
  361. margin-left:50px;
  362. }
  363. }
  364. @-o-keyframes moveclouds {
  365. 0% {
  366. top: 500px;
  367. }
  368. 100% {
  369. top: -500px;
  370. }
  371. }
  372.  
  373. @-o-keyframes sideWays {
  374. 0% {
  375. margin-left:0px;
  376. }
  377. 100% {
  378. margin-left:50px;
  379. }
  380. }
  381.  
  382. /*side*/
  383.  
  384. #d {margin-top:15px;}
  385.  
  386. .tai {
  387. font-size:1.2em;
  388. font-weight:bold;
  389. border:0!important;
  390. display:block;
  391. color:{color:title};
  392. }
  393.  
  394. .big img {
  395. width:{select:post width}px;
  396. display:block;
  397. height:auto;
  398. }
  399.  
  400. {block:description}
  401. #nave {margin-top:15px;}
  402. {/block:description}
  403.  
  404. #nave span {
  405. display:inline-block;
  406. line-height:2.5em;
  407. width:calc(({select:post width}px - 30px) / 2);
  408. }
  409.  
  410. /*tabs*/
  411.  
  412. nav {
  413. font:normal 7px/1.5em trebuchet ms;
  414. text-transform:uppercase;
  415. letter-spacing:2px;
  416. position:fixed;
  417. text-align:right;
  418. width:80px;
  419. left:830px;
  420. bottom:91px;
  421. }
  422.  
  423. nav img {
  424. width:80px;
  425. height:80px;
  426. display:block;
  427. }
  428.  
  429. nav .sel, nav .se {
  430. width:70px;
  431. line-height:40px;
  432. display:block;
  433. cursor:pointer;
  434. padding-right:10px;
  435. background:transparent;
  436. border-bottom:1px solid {color:borders};
  437. }
  438.  
  439. nav .active, nav a:hover {
  440. background:{color:entries} url('{image:entries background}') top left fixed repeat;
  441. color:{color:title};
  442. }
  443.  
  444. nav a:hover {border-color:{color:borders}!important;}
  445.  
  446. /*pagination*/
  447.  
  448. #pagination {
  449. {block:ifinfinitescroll}
  450. display:none;
  451. {/block:ifinfinitescroll}
  452. text-align:right;
  453. }
  454.  
  455. #infscr-loading {display:none!important;}
  456.  
  457. footer {
  458. {block:IfInfiniteScroll}
  459. text-align:center;
  460. {block:IfNotManualLoad}
  461. display:none;
  462. {/block:IfNotManualLoad}
  463. {block:IfManualLoad}
  464. display:block!Important;
  465. {/block:IfManualLoad}
  466. {/block:IfInfiniteScroll}
  467. margin:40px;
  468. font-size:8px;
  469. font-family:trebuchet ms;
  470. text-transform:uppercase;
  471. padding:15px;
  472. letter-spacing:1px;
  473. width:calc({select:post width}px - 30px);
  474. background:{color:posts};
  475. -webkit-animation-name: fade-in;
  476. -webkit-animation-duration: 2s;
  477. }
  478.  
  479. #pagination a {display:inline-block;}
  480.  
  481. #pagination .no {
  482. float:left;
  483. text-align:left;
  484. }
  485.  
  486. .nice {
  487. position:fixed;
  488. right:15px;
  489. bottom:15px;
  490. width:15px;
  491. text-align:center;
  492. padding:3px;
  493. line-height:15px;
  494. background:{color:posts};
  495. }
  496.  
  497. /*posts*/
  498.  
  499. #rose {
  500. position:fixed;
  501. bottom:91px;
  502. left:550px;
  503. width:280px;
  504. height:39px;
  505. background:#ffffff;
  506. }
  507.  
  508. .entries {
  509. left:550px;
  510. bottom:130px;
  511. overflow-y:auto;
  512. min-height:340px;
  513. overflow-x:hidden;
  514. height:calc(100vh - 300px);
  515. position:fixed;
  516. width:calc({select:post width}px + 80px);
  517. background:{color:entries} url('{image:entries background}') top left fixed repeat;
  518. }
  519.  
  520. section {
  521. position:absolute;
  522. top:0;
  523. overflow-y:auto;
  524. min-height:260px;
  525. overflow-x:hidden;
  526. height:calc(100% - 80px);
  527. width:{select:post width}px;
  528. background:{color:entries} url('{image:entries background}') top left fixed repeat;
  529. padding:40px;
  530. opacity:0;
  531. -webkit-transform:translatex(calc({select:post width}px + 80px));
  532. -moz-transform:translatex(calc({select:post width}px + 80px));
  533. -o-transform:translatex(calc({select:post width}px + 80px));
  534. -ms-transform:translatex(calc({select:post width}px + 80px));
  535. transform:translatex(calc({select:post width}px + 80px));
  536. transition:all .5s ease-in-out;
  537. -webkit-transition:all .5s ease-in-out;
  538. -moz-transition:all .5s ease-in-out;
  539. -o-transition:all .5s ease-in-out;
  540. }
  541.  
  542. #post {
  543. padding:0;
  544. width:calc({select:post width}px + 80px);
  545. height:100%;
  546. }
  547.  
  548. .select {
  549. opacity:1;
  550. -webkit-transform:translatex(0px);
  551. -moz-transform:translatex(0px);
  552. -o-transform:translatex(0px);
  553. -ms-transform:translatex(0px);
  554. transform:translatex(0px);
  555. }
  556.  
  557. .posts {
  558. width:{select:post width}px;
  559. vertical-align:top;
  560. position:relative;
  561. padding:40px;
  562. display:block;
  563. -webkit-animation-name: fade-in;
  564. -webkit-animation-duration: 2s;
  565. }
  566.  
  567. .inner {background:{color:posts};}
  568.  
  569. .posts img {
  570. height:auto;
  571. max-width:{select:post width}px;
  572. }
  573.  
  574. .photo img {
  575. width:{select:post width}px;
  576. display:block;
  577. }
  578.  
  579. .media {
  580. display:block;
  581. position:relative;
  582. }
  583.  
  584. .media iframe, .tumblr_video_container {display:block;}
  585.  
  586. .tumblr_video_container {
  587. width:auto!important;
  588. height:auto!important;
  589. }
  590.  
  591. a.read_more {text-transform:lowercase;}
  592.  
  593. /*text and captions*/
  594.  
  595. .title {
  596. color:{color:title};
  597. font-size:1.2em;
  598. padding:15px;
  599. font-weight:500;
  600. line-height:1.5em;
  601. }
  602.  
  603. .title a {color:{color:title};}
  604.  
  605. .title a:hover {color:{color:link};}
  606.  
  607. .tex {padding:15px;}
  608.  
  609. .ted {padding-top:0;}
  610.  
  611. .quote {font-style:italic;}
  612.  
  613. .source {margin:0 15px 15px 15px;}
  614.  
  615. .caption {padding:15px;}
  616.  
  617. .inline *:not(a):not(ul):not(ol):not(li) {
  618. margin:0;
  619. padding:0;
  620. display:inline;
  621. }
  622.  
  623. .inline blockquote:first-of-type {display:inline!important;}
  624.  
  625. .inline p:first-of-type::after {content:' ';}
  626.  
  627. .inline blockquote {
  628. padding:0;
  629. display:block;
  630. border:0;
  631. }
  632.  
  633. .inline blockquote p {display:block!important;}
  634.  
  635. .inline p {
  636. display:block!important;
  637. margin:.5em 0!important;
  638. }
  639.  
  640. .inline p:first-of-type {
  641. display:inline!important;
  642. margin:0!important;
  643. }
  644.  
  645. .inline *::after:not(a):not(ul):not(ol):not(li) {content:' ';}
  646.  
  647. .posts img, .posts li, .posts blockquote, .caption img, .caption iframe {max-width:100%;}
  648.  
  649. .caption *:last-child, .a *:last-child, .tex *:last-child {
  650. margin-bottom:0!important;
  651. padding-bottom:0!Important;
  652. }
  653.  
  654. {block:indexpage}
  655. .hide {display:none!important;}
  656. {/block:indexpage}
  657.  
  658. /*audio*/
  659.  
  660. .tumblr_audio_player {
  661. width:250px;
  662. height:30px;
  663. margin-top:-2px;
  664. }
  665.  
  666. .player {
  667. width:25px;
  668. height:25px;
  669. border-left:2px solid white;
  670. display:block;
  671. overflow:hidden;
  672. }
  673.  
  674. .hold {
  675. background:white;
  676. vertical-align:middle;
  677. display:inline-block;
  678. float:left;
  679. margin:-15px 0 -15px -55px;
  680. padding:15px;
  681. position:relative;
  682. }
  683.  
  684. .audio_info {
  685. display:block;
  686. vertical-align:middle;
  687. padding:15px 15px 15px 55px;
  688. border-bottom:1px solid {color:borders};
  689. }
  690.  
  691. .audio_info:after {
  692. content:'';
  693. height:0;
  694. padding:0;
  695. border:0;
  696. display:table;
  697. clear:both;
  698. }
  699.  
  700. .audio_info span {display:block;}
  701.  
  702. .spotify_audio_player {
  703. height:80px;
  704. border-radius:0!important;
  705. }
  706.  
  707. /*asks*/
  708.  
  709. .q {padding:15px;}
  710.  
  711. .as:before, .source:before {
  712. content:'';
  713. display:inline-block;
  714. vertical-align:middle;
  715. width:15px;
  716. height:1px;
  717. background:{color:text borders};
  718. margin-right:5px;
  719. }
  720.  
  721. .as {
  722. margin:0 15px;
  723. text-transform:lowercase;
  724. }
  725.  
  726. .a {padding:15px}
  727.  
  728. /*chats*/
  729.  
  730. .chat {
  731. margin:0;
  732. padding:15px;
  733. list-style:none;
  734. text-align:left;
  735. }
  736.  
  737. .ted .chat {padding-top:0;}
  738.  
  739. .l {margin-bottom:10px;}
  740.  
  741. .l:last-of-type {margin-bottom:0;}
  742.  
  743. .label {
  744. font-weight:bold;
  745. color:{color:title};
  746. display:inline-block;
  747. }
  748.  
  749. /*permalink and notes*/
  750.  
  751. .permalink {padding:15px;}
  752.  
  753. .permalink span {display:block;}
  754.  
  755. .when {
  756. padding:15px;
  757. line-height:1.5em;
  758. font-size:8px;
  759. font-family:trebuchet ms;
  760. position:relative;
  761. text-transform:uppercase;
  762. letter-spacing:1px;
  763. }
  764.  
  765. .hes {border-top:1px solid {color:borders};}
  766.  
  767. .when a {display:inline-block;}
  768.  
  769. .when .who {border-bottom:1px solid {color:link};}
  770.  
  771. .when .rest {
  772. float:right;
  773. display:inline-block;
  774. text-align:right;
  775. }
  776.  
  777. .tt {
  778. display:none;
  779. position:relative;
  780. top:calc(100% + 15px);
  781. }
  782.  
  783. .pagenotes {
  784. font:normal 7px/1.5em trebuchet ms;
  785. text-transform:uppercase;
  786. letter-spacing:2px;
  787. }
  788.  
  789. .pagenotes .inner {padding:15px 0;}
  790.  
  791. .pagenotes .title {padding:0 15px 15px 15px;}
  792.  
  793. ol.notes {
  794. list-style-type:none;
  795. padding:0px;
  796. margin:0px;
  797. }
  798.  
  799. ol.notes li.note {
  800. display:block;
  801. padding:0 15px;
  802. border-bottom:1px solid {color:borders};
  803. margin-bottom:10px;
  804. padding-bottom:10px;
  805. }
  806.  
  807. ol.notes li.note:last-of-type {
  808. margin-bottom:0;
  809. border:0;
  810. padding-bottom:0;
  811. }
  812.  
  813. ol.notes li.note img.avatar {display:none!important;}
  814.  
  815. .more_notes_link,.notes_loading {
  816. display:block;
  817. text-align:left!important;
  818. color:{color:title};
  819. }
  820.  
  821. {CustomCSS}
  822.  
  823. </style>
  824. </head>
  825.  
  826. <!-- jquery -->
  827.  
  828. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  829. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  830. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  831.  
  832. <script>
  833. $(document).ready(function() {
  834. $(document).tooltip({
  835. track:true
  836. });
  837. $('.photo-slideshow').pxuPhotoset({
  838. lightbox: true,
  839. rounded: 'corners',
  840. gutter: '1px',
  841. borderRadius: '0px',
  842. photoset: '.photo-slideshow',
  843. photoWrap: '.photo-data',
  844. photo: '.pxu-photo'
  845. });
  846. // video & soundcloud scripts © eoxk.tumblr
  847. $('.v iframe').each(function(){
  848. var scale = $(this).parents('.v').width() / 500;
  849. $(this).attr({
  850. width: Math.floor($(this).attr('width') * scale),
  851. height: Math.floor($(this).attr('height') * scale)
  852. });
  853. });
  854. $('.sel').click(function() {
  855. if ($(this).hasClass('active') == false) {
  856. $('.sel').removeClass('active');
  857. $('section').removeClass('select');
  858. $(this).addClass('active');
  859. if ($(this).is('.tab-1') == true) {$('#post').addClass('select');} else if ($(this).is('.tab-2') == true) {$('#links').addClass('select');} else {$('#ask').addClass('select');}
  860. }
  861. });
  862. {block:ifclickfortags}
  863. $('.ss').each(function() {
  864. $(this).click(function() {
  865. var $this = $(this);
  866. $this.closest('.posts').find('.tt').slideToggle(400);
  867. $this.toggleClass('seemore');
  868. if ($this.hasClass('seemore')) {
  869. $this.text('show tags');
  870. } else {
  871. $this.text('hide tags');
  872. }
  873. });
  874. });
  875. {/block:ifclickfortags}
  876. var color = '{color:link}'; // color of play button (hex)
  877. $('.soundcloud_audio_player').each(function(){
  878. $(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%' - 30 });
  879. });
  880. });
  881. </script>
  882.  
  883. <body>
  884.  
  885. <div id="twilight"></div>
  886.  
  887. <div id="bubbles">
  888. <div class="bubble x1"></div>
  889. <div class="bubble x2"></div>
  890. <div class="bubble x3"></div>
  891. <div class="bubble x4"></div>
  892. <div class="bubble x5"></div>
  893. </div>
  894.  
  895. <div id="baebae">
  896. <div id="yoshi"><img src="https://68.media.tumblr.com/904b859f4df96ac0fb91892e4f15252b/tumblr_olnusiybv41vbhy3io2_500.png"></div>
  897. </div>
  898. <div id="rose"><img src="https://68.media.tumblr.com/5e78eed9a6ade6a14b4f4d02da506682/tumblr_inline_olnsickziC1u8j6wt_540.jpg"></div>
  899.  
  900. <nav>{block:ifIconImage}<a class="ico" href="/"><img src="{image:icon}"/></a>{/block:ifIconImage}<a class="sel tab-1 active">{text:posts title}</a>{block:ifNavigationTitle}<a class="sel tab-2">{text:navigation title}</a>{/block:ifNavigationTitle}{block:ifAskTitle}<a class="sel tab-3">{text:ask title}</a>{/block:ifAskTitle}{block:ifRefreshTitle}<a href="/" class="se">{text:refresh title}</a>{/block:ifRefreshTitle}
  901. </nav>
  902.  
  903. <div class="entries">
  904.  
  905. <section id="post" class="select">
  906. <div class="ug">
  907. {block:Posts}<article class="posts"><div class="inner">
  908.  
  909. {block:Quote}<div class="title quote">{Quote}</div>
  910. {block:Source}<div class="source">{Source}</div>{/block:Source}
  911. {/block:Quote}
  912.  
  913. {block:Text}
  914. {block:Title}<div class="title">{Title}</div>{/block:Title}
  915. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  916. {/block:Text}
  917.  
  918. {block:Link}
  919. <div class="title"><a href="{URL}">{Name}</a></div>
  920. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  921. {/block:Link}
  922.  
  923. {block:Chat}
  924. {block:Title}<div class="title">{Title}</div>{/block:Title}
  925. <ol class="chat {block:title}ted{/block:title}">
  926. {block:Lines}
  927. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  928. {/block:Lines}
  929. </ol>
  930. {/block:Chat}
  931.  
  932. {block:Photo}
  933. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  934. {/block:Photo}
  935.  
  936. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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>
  937. {/block:Photoset}
  938.  
  939. {block:Video}<div class="media v">{Video-500}</div>{/block:Video}
  940.  
  941. {block:Audio}
  942. <div class="audio_info">
  943. {block:AudioPlayer}
  944. <div class="hold">
  945. <div class="player">{AudioPlayerwhite}</div>
  946. </div>{/block:AudioPlayer}
  947. {block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}
  948. {block:Artist}<span>by {Artist}</span>{/block:Artist}</div>
  949. {/block:Audio}
  950.  
  951. {block:Answer}
  952. <div class="q">{Question}</div>
  953. <div class="as">sent by {Asker}</div>
  954. <div class="a">{Answer}</div>
  955. {/block:Answer}
  956.  
  957. {block:Caption}<div class="caption {select:captions}">{Caption}</div>{/block:Caption}
  958.  
  959. {block:Date}{block:indexpage}
  960. <div class="when {block:Caption}hes{/block:Caption}{block:answer}hes{/block:answer}{block:chat}hes{/block:chat}{block:link}hes{/block:link}{block:text}hes{/block:text}{block:quote}hes{/block:quote}"><span class="rest">{block:notecount}<a href="{permalink}">{notecount} N</a> : {/block:notecount}<a href="{ReblogURL}" target="_blank" class="r">reblog</a></span><a href="{Permalink}" target="_blank" class="who">{shortmonth} {dayofmonth}</a>{block:ifclickfortags}{block:HasTags} : <a class="ss seemore">show tags</a><div class="tt">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifclickfortags}</div>{/block:indexpage}
  961.  
  962. {block:permalinkpage}
  963. <div class="permalink {block:Caption}hes{/block:Caption}{block:answer}hes{/block:answer}{block:chat}hes{/block:chat}{block:link}hes{/block:link}{block:text}hes{/block:text}{block:quote}hes{/block:quote}">
  964. <span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</span>
  965. {block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}
  966. {block:HasTags}<span>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  967. {/block:permalinkpage}
  968. {/block:Date}
  969. </div>
  970. </article>
  971.  
  972.  
  973. {block:PostNotes}
  974. <article class="pagenotes notes posts"><div class="inner"><div class="title">{NoteCountWithLabel}</div>{PostNotes}</div></article>
  975. {/block:PostNotes}
  976. {/block:Posts}
  977.  
  978.  
  979. </div>
  980. {block:Pagination}<footer>
  981. <div id="pagination">
  982. {block:PreviousPage}<a href="{PreviousPage}" {block:NextPage}class="no"{/block:NextPage}>back</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}<a class="load">load more</a>{/block:ifmanualload}{/block:ifinfinitescroll}</footer>
  983. {/block:Pagination}
  984.  
  985. </section>
  986.  
  987. <section id="links">
  988. {block:ifLinkTabHeaderImage}<a class="big" href="/"><img src="{image:Link Tab Header}"/></a>{/block:ifLinkTabHeaderImage}<div class="tex inner"><a href="/" class="tai">{title}</a><div id="d">{description}</div><div id="nave">{block:ifLink1}<span><a href="{text:Link 1 URL}">{text:Link 1}</a></span>{/block:ifLink1}{block:ifLink2}<span><a href="{text:Link 2 URL}">{text:Link 2}</a></span>{/block:ifLink2}{block:ifLink3}<span><a href="{text:Link 3 URL}">{text:Link 3}</a></span>{/block:ifLink3}{block:ifLink4}<span><a href="{text:Link 4 URL}">{text:Link 4}</a></span>{/block:ifLink4}{block:ifLink5}<span><a href="{text:Link 5 URL}">{text:Link 5}</a></span>{/block:ifLink5}{block:ifArchiveTitle}<span><a href="/archive">{text:archive title}</a></span>{/block:ifArchiveTitle}</div></div>
  989. </section>
  990.  
  991. <section id="ask"><div class="tex inner">
  992. {block:ifAskTabText}<div style="margin-bottom:15px">{text:ask tab text}</div>{/block:ifAskTabText}
  993. <iframe frameborder="0" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"> </iframe>
  994. </div></section>
  995.  
  996.  
  997.  
  998. </div>
  999.  
  1000. {block:indexpage}
  1001. {block:ifinfinitescroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1002. <script>
  1003. $(document).ready(function(){
  1004. var color = '{color:link}';
  1005. var $container = $('.ug');
  1006. $container.infinitescroll({
  1007. behavior:'local',
  1008. binder: $('#post'),
  1009. itemSelector: '.posts',
  1010. navSelector: '#pagination',
  1011. nextSelector: '#pagination a',
  1012. loadingImg: '',
  1013. loadingText: '<em></em>',
  1014. errorCallback: function(){ $('.load').text('no more posts').parent().delay(4000).slideUp(400); },
  1015. bufferPx: 1000
  1016. },
  1017. function( newElements ) {
  1018. var $newElems = $( newElements );
  1019. $newElems.find('.photo-slideshow').pxuPhotoset({
  1020. lightbox: true,
  1021. rounded: 'corners',
  1022. gutter: '1px',
  1023. borderRadius: '0px',
  1024. photoset: '.photo-slideshow',
  1025. photoWrap: '.photo-data',
  1026. photo: '.pxu-photo'
  1027. });
  1028. $newElems.find('.v iframe').each(function(){
  1029. var scale = $(this).parents('.v').width() / 500;
  1030. $(this).attr({
  1031. width: Math.floor($(this).attr('width') * scale),
  1032. height: Math.floor($(this).attr('height') * scale)
  1033. });
  1034. });
  1035. {block:ifclickfortags}
  1036. $newElems.find('.ss').each(function() {
  1037. $(this).click(function() {
  1038. var $this = $(this);
  1039. $this.closest('.posts').find('.tt').slideToggle(400);
  1040. $this.toggleClass('seemore');
  1041. if ($this.hasClass('seemore')) {
  1042. $this.text('show tags');
  1043. } else {
  1044. $this.text('hide tags');
  1045. }
  1046. });
  1047. });
  1048. {/block:ifclickfortags}
  1049. $newElems.find('.soundcloud_audio_player').each(function(){
  1050. $(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%' - 30 });
  1051. });
  1052. });
  1053. {block:ifmanualload}
  1054. $('#post').unbind('.infscr');
  1055. $('.load').click(function(){
  1056. $(this).parent().fadeTo("400", 0);
  1057. $('.ug').delay(400).infinitescroll('retrieve').parent('#post').find('.load').parent().delay(400).fadeTo("400", 1); return false;
  1058. });
  1059. {/block:ifmanualload}
  1060. });
  1061. </script>
  1062. {/block:ifinfinitescroll}
  1063. {/block:indexpage}
  1064.  
  1065.  
  1066. {block:ContentSource}
  1067. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1068. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1069. {/block:SourceLogo}
  1070. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1071. {/block:ContentSource}
  1072. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">σ</a>
  1073. </body></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!