API tools faq
paste
feiinho

lotus -- amboise.tumblr.com/credits

feiinho
Aug 24th, 2019
447
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.94 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme lotus by amboise
  4. be cool and steal nor copy n.n
  5.  
  6. base code by sorrism
  7. custom tumblr controls by cyantists
  8. infinite scroll by paul irish
  9. photosets by pixel union
  10. shortening notes, lightboxes, tumblr controls by shythemes
  11. flexible frames script by nouvae
  12. remove tumblr redirects script by magnusthemes
  13. feather icons by cole demis
  14. tooltips by malihu
  15.  
  16. full credits at https://amboise.tumblr.com/credits
  17.  
  18. -->
  19.  
  20. <!DOCTYPE html>
  21.  
  22. <head>
  23.  
  24. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{favicon}">
  27.  
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30. <meta name="viewport" content="width=device-width, initial-scale=1">
  31.  
  32. <!--Default Variables-->
  33.  
  34. <meta name="image:Background" content=""/>
  35. <meta name="image:Header" content=""/>
  36.  
  37. <meta name="color:Header Color One" content="#eeeeee"/>
  38. <meta name="color:Header Color Two" content="#eeeeee"/>
  39. <meta name="color:Header Image Background" content="#eeeeee"/>
  40. <meta name="color:Background" content="#f6f6f6"/>
  41. <meta name="color:Text" content="#666666"/>
  42. <meta name="color:Bold Text" content="#666666">
  43. <meta name="color:Info" content="#a4a3a3">
  44. <meta name="color:Posts" content="#ffffff"/>
  45. <meta name="color:Posts Hover" content="#fbfbfb"/>
  46. <meta name="color:Borders" content="#eeeeee"/>
  47. <meta name="color:Box Shadow" content="#eeeeee"/>
  48. <meta name="color:Menu Text" content="#ffffff"/>
  49. <meta name="color:Menu Background" content="#323232"/>
  50. <meta name="color:Deactivated User" content="#f8f8f8"/>
  51. <meta name="color:Description Links" content="#888888"/>
  52. <meta name="color:Link" content="#a7a7a7"/>
  53. <meta name="color:Link Hover" content="#000000"/>
  54. <meta name="color:Tags" content="#000000"/>
  55. <meta name="color:Tooltip" content="#ffffff"/>
  56. <meta name="color:Tooltip Background" content="#191919"/>
  57. <meta name="color:Scrollbar" content="#d5d5d5"/>
  58. <meta name="color:Lightbox" content="#000000"/>
  59.  
  60. <meta name="select:Font" content="ABeeZee" title="ABeeZee"/>
  61. <meta name="select:Font" content="Ubuntu" title="Ubuntu"/>
  62. <meta name="select:Font" content="Muli" title="Muli"/>
  63. <meta name="select:Font" content="Lato" title="Lato"/>
  64. <meta name="select:Font" content="Fira Sans" title="Fira Sans"/>
  65. <meta name="select:Font" content="Nunito Sans" title="Nunito Sans"/>
  66. <meta name="select:Font" content="Karla" title="Karla"/>
  67. <meta name="select:Font" content="PT Sans" title="PT Sans"/>
  68.  
  69. <meta name="select:Font Size" content="13px" title="13px"/>
  70. <meta name="select:Font Size" content="14px" title="14px"/>
  71. <meta name="select:Font Size" content="15px" title="15px"/>
  72.  
  73. <meta name="select:Posts" content="300px" title="300px"/>
  74. <meta name="select:Posts" content="350px" title="350px"/>
  75. <meta name="select:Posts" content="400px" title="400px"/>
  76. <meta name="select:Posts" content="450px" title="450px"/>
  77. <meta name="select:Posts" content="500px" title="500px"/>
  78. <meta name="select:Posts" content="540px" title="540px"/>
  79.  
  80. <meta name="select:Header Image Position" content="top" title="Top"/>
  81. <meta name="select:Header Image Position" content="center" title="Center"/>
  82. <meta name="select:Header Image Position" content="bottom" title="Bottom"/>
  83.  
  84. <meta name="if:Fixed Content" content=""/>
  85. <meta name="if:Full Header" content=""/>
  86. <meta name="if:Header Image" content=""/>
  87. <meta name="if:Show Captions" content=""/>
  88. <meta name="if:Show Tags" content=""/>
  89. <meta name="if:Load More" content=""/>
  90. <meta name="if:Infinite Scroll" content=""/>
  91.  
  92. <meta name="text:Welcome Text" content="hello there"/>
  93. <meta name="text:Subtitle" content="only seen on permalink page">
  94. <meta name="text:Post Subtitle" content="only on posts on permalink page">
  95.  
  96. <meta name="text:Link 1" content=""/>
  97. <meta name="text:Link 1 URL" content=""/>
  98. <meta name="text:Link 2" content=""/>
  99. <meta name="text:Link 2 URL" content=""/>
  100. <meta name="text:Link 3" content=""/>
  101. <meta name="text:Link 3 URL" content=""/>
  102. <meta name="text:Link 4" content=""/>
  103. <meta name="text:Link 4 URL" content=""/>
  104. <meta name="text:Link 5" content=""/>
  105. <meta name="text:Link 5 URL" content=""/>
  106. <meta name="text:Link 6" content=""/>
  107. <meta name="text:Link 6 URL" content=""/>
  108. <meta name="text:Link 7" content=""/>
  109. <meta name="text:Link 7 URL" content=""/>
  110. <meta name="text:Link 8" content=""/>
  111. <meta name="text:Link 8 URL" content=""/>
  112. <meta name="text:Link 9" content=""/>
  113. <meta name="text:Link 9 URL" content=""/>
  114. <meta name="text:Link 10" content=""/>
  115. <meta name="text:Link 10 URL" content=""/>
  116.  
  117. <!-- things ---------------------------------------------------------------->
  118.  
  119. <link href="https://fonts.googleapis.com/css?family={select:font}:400,400i,700,700i" rel="stylesheet">
  120. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  121. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  122.  
  123. <style type="text/css">
  124.  
  125. /*-- main structure -------------------------------------------------------*/
  126.  
  127. /* lightbox */
  128.  
  129. #tumblr_lightbox, .tmblr-lightbox {
  130. background-color:rgba({RGBcolor:lightbox},.75)!important;
  131. }
  132.  
  133. #vignette, .vignette {
  134. opacity:0;
  135. }
  136.  
  137. #tumblr_lightbox img, .lightbox-image {
  138. box-shadow:none!important;
  139. border-radius:.8em!important;
  140. -moz-box-sizing:border-box;
  141. box-sizing:border-box;
  142. max-width:none;
  143. }
  144.  
  145. /* tumblr controls by@cyantists */
  146.  
  147. iframe.tmblr-iframe {
  148. z-index:99999999999999!important;
  149. opacity:0;
  150. padding-right:45px;
  151. transform:scale(0.65);
  152. transform-origin:100% 0;
  153. filter:invert(1) contrast(150%);
  154. -webkit-filter:invert(1) contrast(150%);
  155. -o-filter:invert(1) contrast(150%);
  156. -moz-filter:invert(1) contrast(150%);
  157. -ms-filter:invert(1) contrast(150%);
  158. -webkit-transform:scale(0.65);
  159. -webkit-transform-origin:100% 0;
  160. -o-transform:scale(0.65);
  161. -o-transform-origin:100% 0;
  162. -moz-transform:scale(0.65);
  163. -moz-transform-origin:100% 0;
  164. -ms-transform:scale(0.65);
  165. -ms-transform-origin:100% 0;
  166. }
  167.  
  168. iframe.tmblr-iframe:hover {
  169. opacity:1!important;
  170. }
  171.  
  172. .hcontrols {
  173. right:15px;
  174. z-index:10000;
  175. }
  176.  
  177. .hcontrols svg {
  178. width:15px;
  179. height:15px;
  180. padding:9px;
  181. }
  182.  
  183. .clink a {
  184. display:inline-block;
  185. }
  186.  
  187. .clink .clike .liked + svg {
  188. opacity:.8;
  189. }
  190.  
  191. .clink .clike .liked + svg path {
  192. fill:#ec5a5a;
  193. }
  194.  
  195. .clink .clike .like_button {
  196. position:relative;
  197. }
  198.  
  199. .clink .clike .like_button iframe {
  200. position:absolute;
  201. top:0;
  202. left:0;
  203. bottom:0;
  204. right:0;
  205. z-index:2;
  206. opacity:0;
  207. }
  208.  
  209. /* text selection color */
  210.  
  211. ::selection {
  212. background:{color:text select background};
  213. color:{color:text select};
  214. }
  215.  
  216. ::-moz-selection {
  217. background:{color:text select background};
  218. color:{color:text select};
  219. }
  220.  
  221. ::-webkit-selection {
  222. background:{color:text select background};
  223. color:{color:text select};
  224. }
  225.  
  226. /* scrollbar */
  227.  
  228. ::-webkit-scrollbar{
  229. height:12px;
  230. width:12px;
  231. background:inherit;
  232. }
  233.  
  234. ::-webkit-scrollbar-thumb {background:#a3a4a4;}
  235.  
  236. ::-webkit-scrollbar-track {background:{color:borders};}
  237.  
  238. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
  239. border:4.5px solid {color:background};}
  240.  
  241. /* tooltips */
  242.  
  243. #s-m-t-tooltip {
  244. max-width:300px;
  245. z-index:10000;
  246. margin:0 14px 0 12px;
  247. padding:8px 12px 8px 12px;
  248. overflow:hidden;
  249. border-radius:.4em;
  250. background-color:rgba({RGBcolor:tooltip background},0.9);
  251. font-size:calc({select:font size} - 2px);
  252. text-transform:lowercase;
  253. letter-spacing:1px;
  254. line-height:16px;
  255. color:{color:tooltip};
  256. }
  257.  
  258. /* pure css tooltips - https://codepen.io/pure-css/pen/bddggP */
  259.  
  260. .tool {
  261. cursor:help;
  262. position:relative;
  263. text-align:center;
  264. }
  265.  
  266. .tool::before,
  267. .tool::after {
  268. left: 50%;
  269. opacity: 0;
  270. position: absolute;
  271. z-index: -100;
  272. }
  273.  
  274. .tool:hover::before,
  275. .tool:focus::before,
  276. .tool:hover::after,
  277. .tool:focus::after {
  278. opacity: 1;
  279. transform: scale(1) translateY(0);
  280. z-index: 100;
  281. }
  282.  
  283. .tool::before {
  284. border-style: solid;
  285. border-width: 5px 5px 0 5px;
  286. border-color: {color:tooltip background} transparent transparent transparent;
  287. bottom: 100%;
  288. content: "";
  289. margin:10px 0;
  290. transition:all .5s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
  291. transform:scale(.6) translateY(-90%);
  292. }
  293.  
  294. .tool:hover::before,
  295. .tool:focus::before {
  296. transition: all .5s cubic-bezier(.84,-0.18,.31,1.26) .2s;
  297. }
  298.  
  299. .tool::after {
  300. background:{color:tooltip background};
  301. border-radius:.4em;
  302. bottom:180%;
  303. color:{color:tooltip};
  304. content:attr(data-tip);
  305. font-size:calc({select:font size} - 1px);
  306. margin-left:-35px;
  307. width:60px;
  308. padding:5px 15px 5px 15px;
  309. transition:all .5s cubic-bezier(.84,-0.18,.31,1.26) .2s;
  310. transform:scale(.6) translateY(50%);
  311. }
  312.  
  313. .tool:hover::after,
  314. .tool:focus::after {
  315. transition:all .5s cubic-bezier(.84,-0.18,.31,1.26);
  316. }
  317.  
  318. /* main structure */
  319.  
  320. body {
  321. color:{color:text};
  322. background-color:{color:background};
  323. background-image:url('{image:background}');
  324. background-attachment:fixed;
  325. background-repeat:repeat;
  326. font-size:{select:font size};
  327. font-family:{select:font};
  328. text-transform:lowercase;
  329. line-height:1.5em;
  330. letter-spacing:.5px;
  331. font-weight:400;
  332. word-wrap:break-word;
  333. text-align:left;
  334. margin:0;
  335. }
  336.  
  337. b, strong {
  338. font-weight:700;
  339. color:{color:bold text};
  340. }
  341.  
  342. a {
  343. color:inherit;
  344. text-decoration:none;
  345. transition:all .3s linear;
  346. -o-transition:all .3s linear;
  347. -moz-transition:all .3s linear;
  348. -webkit-transition:all .3s linear;
  349. }
  350.  
  351. a, a img {cursor:pointer;}
  352.  
  353. a:hover {
  354. text-decoration:none;
  355. }
  356.  
  357. img {
  358. opacity:1;
  359. border:0;
  360. text-decoration:none;
  361. max-width:100%;
  362. height:auto;
  363. display:block;
  364. }
  365.  
  366. blockquote {
  367. padding:15px 15px 11px 15px;
  368. margin:5px 0 5px 0;
  369. }
  370.  
  371. pre {
  372. padding:0;
  373. margin:0;
  374. line-height:inherit!important;
  375. background:transparent;
  376. font-family:inherit!Important;
  377. font-size:inherit!important;
  378. white-space:pre-wrap;
  379. white-space:-moz-pre-wrap;
  380. white-space:-pre-wrap;
  381. white-space:-o-pre-wrap;
  382. word-wrap:break-word;
  383. }
  384.  
  385. p {margin:.75em 0;}
  386.  
  387. p:first-of-type {margin-top:0;}
  388.  
  389. p:last-of-type {margin-bottom:.5em;}
  390.  
  391. small, big, sub, pre {
  392. font-size:1em!important;
  393. line-height:1.4em!important;
  394. vertical-align:baseline!important;
  395. }
  396.  
  397. h1, h2, h3, h4 {
  398. margin:.5em 0;
  399. font-size:calc({select:font size} + 0.75px);
  400. padding:0;
  401. color:{color:text};
  402. font-weight:700;
  403. }
  404.  
  405. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  406.  
  407. hr {
  408. border:none;
  409. box-shadow:0;
  410. margin:2em auto;
  411. width:75px;
  412. border-top:1px solid {color:borders};
  413. }
  414.  
  415. /* header */
  416.  
  417. header {
  418. height:20px;
  419. position:absolute;
  420. z-index:9999;
  421. }
  422.  
  423. .topbar {
  424. top:0;
  425. left:0;
  426. right:0;
  427. margin-left:-1px;
  428. width:calc(100% - 49px);
  429. height:20px;
  430. background:white;
  431. padding:15px 25px 15px 25px;
  432. border-bottom:1px solid {color:borders};
  433. }
  434.  
  435. .topbar img {
  436. margin-top:-2px;
  437. width:25px;
  438. height:25px;
  439. overflow:hidden;
  440. border-radius:50%;
  441. }
  442.  
  443. .tt {font-weight:700;}
  444. .tt, .sfm {display:inline-block;}
  445.  
  446. .cher {
  447. position:absolute;
  448. top:10px;
  449. left:75px;
  450. }
  451.  
  452. .sfm input {
  453. border:0;
  454. margin:0;
  455. padding:5px 10px 5px 10px;
  456. color:{color:info};
  457. text-align:left;
  458. text-transform:lowercase;
  459. letter-spacing:.5px;
  460. font-family:{select:font};
  461. font-size:{select:font size};
  462. background:white;
  463. }
  464.  
  465. ::placeholder {color:{color:info};}
  466. ::-webkit-input-placeholder {color:{color:info};}
  467. ::-moz-placeholder {color:{color:info};}
  468. ::-ms-input-placeholder {color:{color:info};}
  469.  
  470. input:focus,
  471. select:focus,
  472. textarea:focus,
  473. button:focus {
  474. outline:none;
  475. }
  476.  
  477. /* dropdown menu - https://codepen.io/pedronauck/pen/fcaDw */
  478.  
  479. .menus {
  480. z-index:99999;
  481. position:absolute;
  482. top:15px;
  483. left:50%;
  484. right:0;
  485. }
  486.  
  487. .dropdown {
  488. z-index:9999;
  489. position:absolute;
  490. width:120px;
  491. right:25px;
  492. text-transform:uppercase;
  493. letter-spacing:2px;
  494. font-size:calc({select:font size} - 4px)!important;
  495. text-align:right;
  496. }
  497.  
  498. .dropdown a:hover {cursor:default;}
  499. .dropdown-menu a {cursor:pointer!important;}
  500. .dropdown svg:hover {cursor:pointer;}
  501.  
  502. .cc {
  503. z-index:999990;
  504. position:absolute;
  505. margin-top:-22px;
  506. margin-right:50px;
  507. right:0;
  508. }
  509.  
  510. .cc svg {
  511. width:15px;
  512. height:15px;
  513. margin:0 10px;
  514. }
  515.  
  516. .dropdown svg {
  517. width:19px;
  518. height:19px;
  519. float:right;
  520. margin:0;
  521. color:{color:text};
  522. }
  523.  
  524. .dropdown b {
  525. font-weight:400;
  526. }
  527.  
  528. .dropdown [data-toggle="dropdown"] {
  529. position: relative;
  530. display: block;
  531. color:{color:text};
  532. min-height:20px;
  533. max-height:20px;
  534. }
  535.  
  536. .dropdown .dropdown-menu {
  537. overflow:hidden;
  538. position:relative;
  539. max-height:0;
  540. padding:0;
  541. margin:25px 0 0 0;
  542. text-align:left;
  543. }
  544.  
  545. .dropdown .dropdown-menu svg {
  546. float:right;
  547. width:12px;
  548. height:12px;
  549. color:{color:menu text};
  550. margin-top:4px;
  551. background:transparent;
  552. }
  553.  
  554. .dropdown ul {
  555. margin-left:-24px;
  556. list-style-type:none;
  557. }
  558.  
  559. .dropdown ul li:before {
  560. content:'';
  561. margin-right:10px;
  562. }
  563.  
  564. .dropdown .dropdown-menu li {
  565. padding:0;
  566. margin:calc(-8px - {select:font size}) 0 0 0;
  567. }
  568.  
  569. .dropdown .dropdown-menu li a {
  570. display:block;
  571. color:{color:menu text};
  572. background:{color:menu background};
  573. margin:0;
  574. padding:5px 10px 0px 10px;
  575. max-width:100%;
  576. overflow:hidden;
  577. white-space:nowrap;
  578. text-overflow:ellipsis;
  579. }
  580.  
  581. .dropdown .dropdown-menu li:first-child a {
  582. padding-top:10px;
  583. }
  584.  
  585. .dropdown .dropdown-menu li:last-child a {
  586. padding-bottom:10px;
  587. }
  588.  
  589. .dropdown .show, .dropdown .hide {
  590. -moz-transform-origin: 50% 0%;
  591. -ms-transform-origin: 50% 0%;
  592. -webkit-transform-origin: 50% 0%;
  593. transform-origin: 50% 0%;
  594. }
  595.  
  596. .dropdown .show {
  597. display: block;
  598. max-height: 9999px;
  599. -moz-transform: scaleY(1);
  600. -ms-transform: scaleY(1);
  601. -webkit-transform: scaleY(1);
  602. transform: scaleY(1);
  603. animation: showAnimation 0.5s ease-in-out;
  604. -moz-animation: showAnimation 0.5s ease-in-out;
  605. -webkit-animation: showAnimation 0.5s ease-in-out;
  606. -moz-transition: max-height .75s ease-in-out;
  607. -o-transition: max-height .75s ease-in-out;
  608. -webkit-transition: max-height .75s ease-in-out;
  609. transition: max-height .75s ease-in-out;
  610. }
  611.  
  612. .dropdown .hide {
  613. max-height: 0;
  614. -moz-transform: scaleY(0);
  615. -ms-transform: scaleY(0);
  616. -webkit-transform: scaleY(0);
  617. transform: scaleY(0);
  618. animation: hideAnimation 0.4s ease-out;
  619. -moz-animation: hideAnimation 0.4s ease-out;
  620. -webkit-animation: hideAnimation 0.4s ease-out;
  621. -moz-transition: max-height 0.5s ease-out;
  622. -o-transition: max-height 0.5s ease-out;
  623. -webkit-transition: max-height 0.5s ease-out;
  624. transition: max-height 0.5s ease-out;
  625. }
  626.  
  627. @keyframes showAnimation {
  628. 0% {
  629. -moz-transform: scaleY(0.1);
  630. -ms-transform: scaleY(0.1);
  631. -webkit-transform: scaleY(0.1);
  632. transform: scaleY(0.1);
  633. }
  634. 40% {
  635. -moz-transform: scaleY(1.04);
  636. -ms-transform: scaleY(1.04);
  637. -webkit-transform: scaleY(1.04);
  638. transform: scaleY(1.04);
  639. }
  640. 60% {
  641. -moz-transform: scaleY(0.98);
  642. -ms-transform: scaleY(0.98);
  643. -webkit-transform: scaleY(0.98);
  644. transform: scaleY(0.98);
  645. }
  646. 80% {
  647. -moz-transform: scaleY(1.04);
  648. -ms-transform: scaleY(1.04);
  649. -webkit-transform: scaleY(1.04);
  650. transform: scaleY(1.04);
  651. }
  652. 100% {
  653. -moz-transform: scaleY(0.98);
  654. -ms-transform: scaleY(0.98);
  655. -webkit-transform: scaleY(0.98);
  656. transform: scaleY(0.98);
  657. }
  658. 80% {
  659. -moz-transform: scaleY(1.02);
  660. -ms-transform: scaleY(1.02);
  661. -webkit-transform: scaleY(1.02);
  662. transform: scaleY(1.02);
  663. }
  664. 100% {
  665. -moz-transform: scaleY(1);
  666. -ms-transform: scaleY(1);
  667. -webkit-transform: scaleY(1);
  668. transform: scaleY(1);
  669. }
  670. }
  671. @-moz-keyframes showAnimation {
  672. 0% {
  673. -moz-transform: scaleY(0.1);
  674. -ms-transform: scaleY(0.1);
  675. -webkit-transform: scaleY(0.1);
  676. transform: scaleY(0.1);
  677. }
  678. 40% {
  679. -moz-transform: scaleY(1.04);
  680. -ms-transform: scaleY(1.04);
  681. -webkit-transform: scaleY(1.04);
  682. transform: scaleY(1.04);
  683. }
  684. 60% {
  685. -moz-transform: scaleY(0.98);
  686. -ms-transform: scaleY(0.98);
  687. -webkit-transform: scaleY(0.98);
  688. transform: scaleY(0.98);
  689. }
  690. 80% {
  691. -moz-transform: scaleY(1.04);
  692. -ms-transform: scaleY(1.04);
  693. -webkit-transform: scaleY(1.04);
  694. transform: scaleY(1.04);
  695. }
  696. 100% {
  697. -moz-transform: scaleY(0.98);
  698. -ms-transform: scaleY(0.98);
  699. -webkit-transform: scaleY(0.98);
  700. transform: scaleY(0.98);
  701. }
  702. 80% {
  703. -moz-transform: scaleY(1.02);
  704. -ms-transform: scaleY(1.02);
  705. -webkit-transform: scaleY(1.02);
  706. transform: scaleY(1.02);
  707. }
  708. 100% {
  709. -moz-transform: scaleY(1);
  710. -ms-transform: scaleY(1);
  711. -webkit-transform: scaleY(1);
  712. transform: scaleY(1);
  713. }
  714. }
  715. @-webkit-keyframes showAnimation {
  716. 0% {
  717. -moz-transform: scaleY(0.1);
  718. -ms-transform: scaleY(0.1);
  719. -webkit-transform: scaleY(0.1);
  720. transform: scaleY(0.1);
  721. }
  722. 40% {
  723. -moz-transform: scaleY(1.04);
  724. -ms-transform: scaleY(1.04);
  725. -webkit-transform: scaleY(1.04);
  726. transform: scaleY(1.04);
  727. }
  728. 60% {
  729. -moz-transform: scaleY(0.98);
  730. -ms-transform: scaleY(0.98);
  731. -webkit-transform: scaleY(0.98);
  732. transform: scaleY(0.98);
  733. }
  734. 80% {
  735. -moz-transform: scaleY(1.04);
  736. -ms-transform: scaleY(1.04);
  737. -webkit-transform: scaleY(1.04);
  738. transform: scaleY(1.04);
  739. }
  740. 100% {
  741. -moz-transform: scaleY(0.98);
  742. -ms-transform: scaleY(0.98);
  743. -webkit-transform: scaleY(0.98);
  744. transform: scaleY(0.98);
  745. }
  746. 80% {
  747. -moz-transform: scaleY(1.02);
  748. -ms-transform: scaleY(1.02);
  749. -webkit-transform: scaleY(1.02);
  750. transform: scaleY(1.02);
  751. }
  752. 100% {
  753. -moz-transform: scaleY(1);
  754. -ms-transform: scaleY(1);
  755. -webkit-transform: scaleY(1);
  756. transform: scaleY(1);
  757. }
  758. }
  759. @keyframes hideAnimation {
  760. 0% {
  761. -moz-transform: scaleY(1);
  762. -ms-transform: scaleY(1);
  763. -webkit-transform: scaleY(1);
  764. transform: scaleY(1);
  765. }
  766. 60% {
  767. -moz-transform: scaleY(0.98);
  768. -ms-transform: scaleY(0.98);
  769. -webkit-transform: scaleY(0.98);
  770. transform: scaleY(0.98);
  771. }
  772. 80% {
  773. -moz-transform: scaleY(1.02);
  774. -ms-transform: scaleY(1.02);
  775. -webkit-transform: scaleY(1.02);
  776. transform: scaleY(1.02);
  777. }
  778. 100% {
  779. -moz-transform: scaleY(0);
  780. -ms-transform: scaleY(0);
  781. -webkit-transform: scaleY(0);
  782. transform: scaleY(0);
  783. }
  784. }
  785. @-moz-keyframes hideAnimation {
  786. 0% {
  787. -moz-transform: scaleY(1);
  788. -ms-transform: scaleY(1);
  789. -webkit-transform: scaleY(1);
  790. transform: scaleY(1);
  791. }
  792. 60% {
  793. -moz-transform: scaleY(0.98);
  794. -ms-transform: scaleY(0.98);
  795. -webkit-transform: scaleY(0.98);
  796. transform: scaleY(0.98);
  797. }
  798. 80% {
  799. -moz-transform: scaleY(1.02);
  800. -ms-transform: scaleY(1.02);
  801. -webkit-transform: scaleY(1.02);
  802. transform: scaleY(1.02);
  803. }
  804. 100% {
  805. -moz-transform: scaleY(0);
  806. -ms-transform: scaleY(0);
  807. -webkit-transform: scaleY(0);
  808. transform: scaleY(0);
  809. }
  810. }
  811. @-webkit-keyframes hideAnimation {
  812. 0% {
  813. -moz-transform: scaleY(1);
  814. -ms-transform: scaleY(1);
  815. -webkit-transform: scaleY(1);
  816. transform: scaleY(1);
  817. }
  818. 60% {
  819. -moz-transform: scaleY(0.98);
  820. -ms-transform: scaleY(0.98);
  821. -webkit-transform: scaleY(0.98);
  822. transform: scaleY(0.98);
  823. }
  824. 80% {
  825. -moz-transform: scaleY(1.02);
  826. -ms-transform: scaleY(1.02);
  827. -webkit-transform: scaleY(1.02);
  828. transform: scaleY(1.02);
  829. }
  830. 100% {
  831. -moz-transform: scaleY(0);
  832. -ms-transform: scaleY(0);
  833. -webkit-transform: scaleY(0);
  834. transform: scaleY(0);
  835. }
  836. }
  837.  
  838. /* posts */
  839.  
  840. .foto {
  841. position:absolute;
  842. {block:IfNotHeaderImage}
  843. background-image:linear-gradient(to left, {color:header color one} 0%, {color:header color two} 100%);
  844. {/block:IfNotHeaderImage}
  845. {block:IfHeaderImage}
  846. background-image:url('{image:header}');
  847. background:{color:header image background} no-repeat center {select:header image position};
  848. background-size:cover;
  849. overflow:hidden;
  850. {/block:IfHeaderImage}
  851. }
  852.  
  853. section {
  854. width:100%;
  855. margin:400px auto 100px auto;
  856. }
  857.  
  858. .search {
  859. color:{color:info};
  860. margin-bottom:25px;
  861. }
  862.  
  863. .search_query {color:{color:tags};}
  864. .search_query:before {content:'#';}
  865.  
  866. .info {
  867. top:400px;
  868. }
  869.  
  870. .posts, .info {
  871. width:{select:posts};
  872. padding:35px 25px 10px 75px;
  873. margin:0 auto 0 auto;
  874. background-color:{color:posts};
  875. border-bottom:1px solid {color:borders};
  876. box-shadow: 0 4px 2px -2px {color:box shadow};
  877. transition:background-color .3s linear;
  878. -o-transition:background-color .3s linear;
  879. -moz-transition:background-color .3s linear;
  880. -webkit-transition:background-color .3s linear;
  881. }
  882.  
  883. .ph {
  884. position:relative;
  885. }
  886.  
  887. .ph img {
  888. width:100%;
  889. display:block;
  890. }
  891.  
  892. blockquote, .photo, .photoset, .audio, body div.npf_photoset, .video {
  893. overflow:hidden;
  894. border-radius:.8em;
  895. border:1px solid {color:borders};
  896. }
  897.  
  898. .ellip {
  899. margin-bottom:-5px;
  900. display:inline-block;
  901. max-width:50%;
  902. overflow:hidden;
  903. white-space:nowrap;
  904. text-overflow:ellipsis;
  905. }
  906.  
  907. .rbg {
  908. text-transform:lowercase;
  909. color:{color:info};
  910. margin:0 0 15px 1px;
  911. }
  912.  
  913. .rbg svg {
  914. width:11px;
  915. height:11px;
  916. margin:0 11.5px -1px -26px;
  917. }
  918.  
  919. .title {
  920. color:{color:text};
  921. font-size:calc({select:font size} + 2px);
  922. font-weight:700;
  923. padding:10px 0 10px 0;
  924. }
  925.  
  926. /*.ted {margin-top:10px;}*/
  927.  
  928. /* captions */
  929.  
  930. .captions {
  931. {block:IndexPage}{block:IfNotShowCaptions}display:none;{/block:IfNotShowCaptions}{/block:IndexPage}
  932. }
  933.  
  934. .comment, .blog {
  935. padding:15px 0 15px 0;
  936. list-style:none;
  937. border-top:1px solid {color:borders};
  938. }
  939.  
  940. .comment:first-of-type {
  941. border-top:0;
  942. padding-top:30px;
  943. margin-top:-30px;
  944. }
  945.  
  946. {block:IndexPage}
  947. .comment:last-of-type, .blog:last-of-type {
  948. padding-bottom:10px;
  949. }
  950.  
  951. .posts:hover {
  952. background:{color:posts hover};
  953. }
  954. {/block:IndexPage}
  955.  
  956. .tex a {
  957. color:{color:link};
  958. }
  959.  
  960. .tex a:hover {
  961. color:{color:link hover};
  962. }
  963.  
  964. .tex ol {
  965. margin-left:0;
  966. }
  967.  
  968. .tex ol:before {
  969. position:absolute;
  970. margin-left:-15px;
  971. }
  972.  
  973. .tex ul li {
  974. margin-left:0px;
  975. list-style-type:none;
  976. }
  977.  
  978. .tex ul li:before {
  979. content:'—';
  980. position:absolute;
  981. margin-left:-25px;
  982. }
  983.  
  984. .agos {
  985. {block:IndexPage}display:none;{/block:IndexPage}
  986. {block:PermalinkPage}display:block;{/block:PermalinkPage}
  987. margin-top:5px;
  988. font-weight:400!important;
  989. color:{color:info};
  990. }
  991.  
  992. .user, .avat {
  993. position:relative;
  994. display:inline-block;
  995. font-weight:700;
  996. line-height:1.25em;
  997. text-transform:lowercase;
  998. }
  999.  
  1000. .user:before, .avat:before {
  1001. content:"@";
  1002. }
  1003.  
  1004. .user img, .ina, .src, .avat img {
  1005. display:block;
  1006. position:absolute;
  1007. width:42px;
  1008. height:42px;
  1009. left:-58px;
  1010. margin-top:-18px;
  1011. overflow:hidden;
  1012. border-radius:50%;
  1013. -moz-border-radius:50%;
  1014. -webkit-border-radius:50%;
  1015. }
  1016.  
  1017. .aske img {
  1018. margin-top:calc(-{select:font size} - .4em)!important;
  1019. }
  1020.  
  1021. .src {
  1022. margin-top:15px;
  1023. left:-57.5px;
  1024. width:40.5px;
  1025. height:40.5px;
  1026. }
  1027.  
  1028. .ina {
  1029. margin-top:calc(-{select:font size} - .4em)!important;
  1030. background:{color:deactivated user};
  1031. }
  1032.  
  1033. {block:PermalinkPage}
  1034. .info, .posts {
  1035. padding:25px 50px 10px 50px;
  1036. }
  1037.  
  1038. .rbg {
  1039. padding-left:25px;
  1040. }
  1041.  
  1042. .user, .avat {
  1043. margin:0 0 20px 58px;
  1044. }
  1045.  
  1046. .user img, .avat img .ina, .src {
  1047. left:-60px;
  1048. }
  1049.  
  1050. .src {
  1051. display:none;
  1052. }
  1053.  
  1054. .post-controls {
  1055. border-bottom:1px solid {color:borders};
  1056. padding-bottom:15px;
  1057. }
  1058.  
  1059. .tags {
  1060. margin-top:-5px;
  1061. }
  1062. {/block:PermalinkPage}
  1063.  
  1064. /* quote */
  1065.  
  1066. .quote {
  1067. }
  1068.  
  1069. .source {
  1070. padding:15px 0 15px 0;
  1071. font-style:italic;
  1072. text-transform:lowercase;
  1073. }
  1074.  
  1075. /* audio */
  1076.  
  1077. .soundcloud_audio_player {
  1078. max-height:116px!important;
  1079. width:100%!important;
  1080. }
  1081.  
  1082. .spotify_audio_player {
  1083. max-height:80px!important;
  1084. width:100%!important;
  1085. }
  1086.  
  1087. .audio {
  1088. position:relative;
  1089. height:100px;
  1090. }
  1091.  
  1092. .playbutton {
  1093. width:30px;
  1094. height:30px;
  1095. overflow:hidden;
  1096. border-radius:15px;
  1097. position:absolute;
  1098. margin:0 0 0 -2px;
  1099. opacity:.1;
  1100. z-index:2!important;
  1101. }
  1102.  
  1103. .playbox {
  1104. position:absolute;
  1105. top:31px;
  1106. right:22px;
  1107. width:35px;height:35px;
  1108. z-index:3;
  1109. opacity:1;
  1110. transition:1s ease-in;
  1111. -webkit-transition:.5s ease-in;
  1112. -o-transition:.5s ease-in;
  1113. -moz-transition:.5s ease-in;
  1114. -ms-transition:.5s ease-in;
  1115. }
  1116.  
  1117. .playbox:hover {
  1118. opacity:1;
  1119. }
  1120.  
  1121. .minfo {
  1122. position:absolute;
  1123. margin:28px 25px 25px 125px;
  1124. background:white;
  1125. width:calc(100% - 185px);
  1126. }
  1127.  
  1128. .track {
  1129. font-weight:700;
  1130. }
  1131.  
  1132. .track, .artist {
  1133. width:100%;
  1134. overflow:hidden;
  1135. white-space:nowrap;
  1136. text-overflow:ellipsis;
  1137. }
  1138.  
  1139. .play {
  1140. position:absolute;
  1141. top:30px;
  1142. right:25px;
  1143. z-index:2;
  1144. background:{color:posts};
  1145. border:1px solid {color:borders};
  1146. width:30px;height:30px;
  1147. overflow:hidden;
  1148. border-radius:50%;
  1149. }
  1150.  
  1151. .play svg {
  1152. color:{color:text};
  1153. width:13px;
  1154. height:13px;
  1155. margin:8px 0 0 7.5px;
  1156. }
  1157.  
  1158. .cover {
  1159. width:100px;
  1160. height:100px;
  1161. float:left;
  1162. left:0;
  1163. }
  1164.  
  1165. .cover svg {
  1166. float:left;
  1167. color:#eee;
  1168. width:50px;
  1169. height:50px;
  1170. margin:-62px 0 0 10px;
  1171. }
  1172.  
  1173. /* asks */
  1174.  
  1175.  
  1176. /*chat*/
  1177.  
  1178. .chat {
  1179. text-align:left;
  1180. margin:0;
  1181. padding:0;
  1182. list-style:none;
  1183. }
  1184.  
  1185. .l {
  1186. padding:7.5px 0;
  1187. }
  1188.  
  1189. .label {
  1190. font-weight:bold;
  1191. display:inline-block;
  1192. }
  1193.  
  1194. .l:first-of-type {padding-top:15px;}
  1195.  
  1196. .l:last-of-type {
  1197. padding-bottom:15px;
  1198. border:0;
  1199. }
  1200.  
  1201. /*permalink and notes*/
  1202.  
  1203. .when {
  1204. padding:15px 0 25px 0;
  1205. text-transform:lowercase;
  1206. color:#a4a3a3;
  1207. }
  1208.  
  1209. .when span {display:block;}
  1210.  
  1211. .rblg {
  1212. display:inline;
  1213. }
  1214.  
  1215. .post-controls a {margin-left:10px;}
  1216.  
  1217. .post-controls svg {
  1218. margin:0 10px -1px 0;
  1219. width:11px;
  1220. height:11px;
  1221. }
  1222.  
  1223. .notecount, .rb {
  1224. display:inline;
  1225. }
  1226.  
  1227. .like-b {
  1228. position:relative;
  1229. display:inline-block;
  1230. height:1em;
  1231. line-height:1em;
  1232. overflow:hidden;
  1233. margin-bottom:-3px;
  1234. }
  1235.  
  1236. .like-b .like_button iframe {
  1237. position:absolute;
  1238. top:0;
  1239. left:0;
  1240. bottom:0;
  1241. right:0;
  1242. z-index:2;
  1243. opacity:0;
  1244. }
  1245.  
  1246. .like-b .liked + .b {
  1247. color:inherit;
  1248. }
  1249.  
  1250. .like-b .liked + .b:after {
  1251. content:'d';
  1252. }
  1253.  
  1254. /* tags */
  1255.  
  1256. .tags {
  1257. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  1258. }
  1259.  
  1260. .tags, .links {
  1261. margin-bottom:15px;
  1262. }
  1263.  
  1264. .tags a {
  1265. color:{color:tags};
  1266. margin-right:10px;
  1267. }
  1268.  
  1269. .links a {
  1270. color:{color:description links};
  1271. margin-right:10px;
  1272. }
  1273.  
  1274. /* post notes */
  1275.  
  1276. .time, .spa {
  1277. display:inline-block;
  1278. margin-right:10px;
  1279. }
  1280.  
  1281. .spa {margin-left:10px;}
  1282.  
  1283. .pagenotes {
  1284. width:{select:posts};
  1285. padding:25px 50px 25px 50px;
  1286. margin:-45px auto 0 auto;
  1287. }
  1288.  
  1289. .postnotes {margin-top:15px;}
  1290.  
  1291. ol.notes {
  1292. list-style:none;
  1293. padding:0px;
  1294. margin:0px;
  1295. }
  1296.  
  1297. ol.notes li.note {
  1298. display:block;
  1299. padding:0;
  1300. margin:5px 0;
  1301. }
  1302.  
  1303. li.note blockquote {
  1304. margin:10px 0 10px 0;
  1305. }
  1306.  
  1307. ol.notes li.note img.avatar {display:none!important;}
  1308.  
  1309. a.more_notes_link {
  1310. display:block;
  1311. text-transform:lowercase;
  1312. text-align:left;
  1313. margin-top:12.5px;
  1314. padding-top:10px;
  1315. border-top:1px solid {color:borders};
  1316. }
  1317.  
  1318. /* pagination */
  1319.  
  1320. footer {
  1321. max-width:100%;
  1322. margin:-100px auto 100px auto;
  1323. }
  1324.  
  1325. .pagination, .load, #infscr-loading {
  1326. margin:0 auto;
  1327. border-top:1px solid {color:borders};
  1328. box-shadow: 0 4px 2px -2px {color:box shadow};
  1329. background:white;
  1330. width:calc({select:posts} + 50px);
  1331. padding:12px 25px 15px 25px;
  1332. text-transform:lowercase;
  1333. min-height:20px;
  1334. max-height:20px;
  1335. }
  1336.  
  1337. .pagination a:not(.active), .pagination a:not(.active):hover {
  1338. color:#a4a3a3;
  1339. }
  1340.  
  1341. .pagination a {margin:0;}
  1342. .pagination a:hover {color:{color:text};}
  1343.  
  1344. .prev {float:left;}
  1345. .next {float:right;}
  1346.  
  1347. .load, #infscr-loading {
  1348. display:block;
  1349. text-align:center;
  1350. }
  1351.  
  1352. #infscr-loading {
  1353. display:none!important;
  1354. }
  1355.  
  1356. {block:ifInfiniteScroll}
  1357. .pagination {
  1358. display:none!important;
  1359. }
  1360. {/block:ifInfiniteScroll}
  1361.  
  1362. {block:ifNotInfiniteScroll}
  1363. .load {
  1364. display:none!important;
  1365. }
  1366. {/block:ifNotInfiniteScroll}
  1367.  
  1368. {block:IfNotFullHeader}
  1369. {block:ifFixedContent}
  1370. section {margin-bottom:0;}
  1371. footer {margin:0 auto 0 auto;}
  1372. {/block:ifFixedContent}
  1373. {/block:IfNotFullHeader}
  1374.  
  1375. @media (min-width:901px) {
  1376.  
  1377. {block:IfNotFullHeader}
  1378.  
  1379. .clink {
  1380. display:none!important;
  1381. }
  1382.  
  1383. iframe.tmblr-iframe {
  1384. top:14px!important;
  1385. }
  1386.  
  1387. .hcontrols {
  1388. position:fixed;
  1389. top:15px;
  1390. }
  1391.  
  1392. header, .fixing-d {
  1393. top:100px;
  1394. left:50%;
  1395. transform:translate(-50%);
  1396. width:calc({select:posts} + 100px);
  1397. }
  1398.  
  1399. .fixing-d {
  1400. top:0;
  1401. position:fixed;
  1402. height:20px;
  1403. }
  1404.  
  1405. .foto {
  1406. top:150px;
  1407. left:calc(50% - (({select:posts} + 100px) / 2));
  1408. width:calc({select:posts} + 100px);
  1409. height:300px;
  1410. }
  1411.  
  1412. .info {
  1413. position:relative;
  1414. }
  1415.  
  1416. {/block:IfNotFullHeader}
  1417.  
  1418. {block:IfFullHeader}
  1419.  
  1420. iframe.tmblr-iframe, .cho {
  1421. display:none!important;
  1422. }
  1423.  
  1424. .hcontrols {
  1425. top:8px;
  1426. position:absolute;
  1427. margin-right:74px;
  1428. }
  1429.  
  1430. header {
  1431. top:0;
  1432. left:0;
  1433. width:100%;
  1434. }
  1435.  
  1436. .cc {
  1437. margin-right:53px;
  1438. }
  1439.  
  1440. .foto {
  1441. top:50px;
  1442. width:100%;
  1443. left:0;
  1444. height:300px;
  1445. }
  1446.  
  1447. {block:IfFixedContent}
  1448. header, .hcontrols {
  1449. position:fixed;
  1450. }
  1451. .posts, .pagination, .load {
  1452. margin-left:calc(50% - ({select:posts} / 2) + 100px);
  1453. }
  1454.  
  1455. .info {
  1456. left:calc(50% - {select:posts});
  1457. }
  1458. {/block:IfFixedContent}
  1459.  
  1460. .info {
  1461. position:absolute;
  1462. background:{color:posts};
  1463. padding:35px 25px 10px 25px;
  1464. width:150px;
  1465. {block:ifNotFixedContent}
  1466. left:calc(50% - ({select:posts} + 100px));
  1467. {/block:IfNotFixedContent}
  1468. }
  1469.  
  1470. .fixing {
  1471. top:100px;
  1472. position:fixed;
  1473. max-width:150px;
  1474. }
  1475.  
  1476. .rbg {
  1477. margin:0 0 15px 0;
  1478. }
  1479.  
  1480. .rbg svg {
  1481. margin:0 11.5px -1px 0;
  1482. }
  1483.  
  1484. {block:PermalinkPage}
  1485. .info .rbg {
  1486. padding-left:0;
  1487. }
  1488. {/block:PermalinkPage}
  1489.  
  1490. {block:IndexPage}
  1491. .avat img {
  1492. display:none;
  1493. }
  1494. {/block:IndexPage}
  1495.  
  1496. {/block:IfFullHeader}
  1497. }
  1498.  
  1499. @media (max-width:1200px) and (min-width:901px) {
  1500. {block:IfFullHeader}
  1501.  
  1502. iframe.tmblr-iframe, .cho {
  1503. display:none!important;
  1504. }
  1505.  
  1506. section {
  1507. width:70%;
  1508. right:0;
  1509. margin:400px 0 100px 30%;
  1510. }
  1511.  
  1512. .info {
  1513. left:6%;
  1514. }
  1515.  
  1516. .fixing {
  1517. top:100px;
  1518. position:fixed;
  1519. max-width:150px;
  1520. }
  1521.  
  1522. .posts {
  1523. width:calc(90% - 100px);
  1524. margin:0 auto 0 auto;
  1525. }
  1526.  
  1527. footer {
  1528. width:70%;
  1529. right:0;
  1530. margin:-100px 0 100px 30%;
  1531. }
  1532.  
  1533. .pagination, .load {
  1534. width:calc(90% - 50px);
  1535. margin:0 auto 0 auto;
  1536. }
  1537.  
  1538. {/block:IfFullHeader}
  1539. }
  1540.  
  1541. @media (max-width:900px) {
  1542. iframe.tmblr-iframe, .hcontrols {
  1543. display:none;
  1544. }
  1545.  
  1546. header {
  1547. top:0;
  1548. width:100%;
  1549. {block:IfFixedContent}position:fixed;{/block:IfFixedContent}
  1550. }
  1551.  
  1552. section {
  1553. margin:400px auto 50px auto;
  1554. }
  1555.  
  1556. .foto {
  1557. top:50px;
  1558. width:100%;
  1559. height:350px;
  1560. }
  1561.  
  1562. .info {
  1563. position:relative;
  1564. }
  1565.  
  1566. .info, .posts {
  1567. width:calc(100% - 100px);
  1568. }
  1569.  
  1570. .pagination, .load {
  1571. width:calc(100% - 50px);
  1572. }
  1573.  
  1574. footer {
  1575. margin:-50px auto 50px auto;
  1576. }
  1577.  
  1578. {block:ifFixedContent}
  1579. section {
  1580. margin-bottom:0;
  1581. }
  1582.  
  1583. footer {
  1584. margin:0 auto 0 auto;
  1585. }
  1586. {/block:ifFixedContent}
  1587. }
  1588.  
  1589. @media (max-width:576px) {
  1590.  
  1591. iframe.tmblr-iframe, .hcontrols, .sfm, .agos, .src {
  1592. display:none;
  1593. }
  1594.  
  1595. .cher {
  1596. margin-top:4px;
  1597. }
  1598.  
  1599. .info {
  1600. top:300px;
  1601. }
  1602.  
  1603. section {
  1604. margin-top:300px;
  1605. }
  1606.  
  1607. .info, .posts {
  1608. width:calc(100% - 50px);
  1609. }
  1610.  
  1611. .info, .posts {
  1612. padding:25px 25px 10px 25px;
  1613. }
  1614.  
  1615. .rbg {
  1616. padding-left:25px;
  1617. }
  1618.  
  1619. .user, .avat {
  1620. margin:0 0 20px 40px;
  1621. }
  1622.  
  1623. .user img, .avat img, .ina, .src {
  1624. width:24px;height:24px;left:-40px;
  1625. }
  1626.  
  1627. .playbox {
  1628. top:32px;
  1629. left:27px;
  1630. }
  1631.  
  1632. .play {
  1633. left:25px;
  1634. }
  1635.  
  1636. .minfo {
  1637. margin-left:85px;
  1638. width:calc(100% - 110px);
  1639. }
  1640.  
  1641. .cover {
  1642. display:none;
  1643. }
  1644.  
  1645. footer {
  1646. margin-bottom:0;
  1647. }
  1648. }
  1649.  
  1650. {CustomCSS}
  1651.  
  1652. </style>
  1653. </head>
  1654.  
  1655. <body>
  1656.  
  1657. <header>
  1658.  
  1659. <div class="topbar">
  1660. <img src="{PortraitURL-64}">
  1661.  
  1662. <div class="cher">
  1663.  
  1664. <div class="tt"><a href="/">{Title}</a></div>
  1665.  
  1666. <script language="javascript">
  1667. function send()
  1668. {document.theform.submit()}
  1669. </script>
  1670.  
  1671. <form action="/search" method="get" class="sfm" name="theform">
  1672. <input type="text" name="q" placeholder="{lang:search}..." id="sf"/>
  1673. </form>
  1674. </div>
  1675.  
  1676. <div class="cc">
  1677. <a href="/archive" title="archive">
  1678. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
  1679. </a>
  1680. </div>
  1681.  
  1682. <div class="menus">
  1683. <div class="dropdown linked">
  1684. <a data-toggle="dropdown" href="javascript:void();">
  1685. <b> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3" y2="6"></line><line x1="3" y1="12" x2="3" y2="12"></line><line x1="3" y1="18" x2="3" y2="18"></line></svg> </b></a>
  1686. <ul class="dropdown-menu">
  1687. {block:ifLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:ifLink5}
  1688. {block:ifLink6}<li><a href="{text:Link 6 URL}">{text:Link 6}</a></li>{/block:ifLink6}
  1689. {block:ifLink7}<li><a href="{text:Link 7 URL}">{text:Link 7}</a></li>{/block:ifLink7}
  1690. {block:ifLink8}<li><a href="{text:Link 8 URL}">{text:Link 8}</a></li>{/block:ifLink8}
  1691. {block:ifLink9}<li><a href="{text:Link 9 URL}">{text:Link 9}</a></li>{/block:ifLink9}
  1692. {block:ifLink10}<li><a href="{text:Link 10 URL}">{text:Link 10}</a></li>{/block:ifLink10}
  1693. <!-- don't remove / move please :3 -->
  1694. <li><a href="https://amboise.tumblr.com/">credit</a></li>
  1695. </ul>
  1696. </div>
  1697. </div>
  1698.  
  1699.  
  1700. </div>
  1701.  
  1702. </header>
  1703.  
  1704. {block:IfNotHeaderImage}
  1705. <div class="foto"></div>
  1706. {/block:IfNotHeaderImage}
  1707.  
  1708. {block:IfHeaderImage}
  1709. <div class="foto" style="background-image:url('{image:header}')"></div>
  1710. {/block:IfHeaderImage}
  1711.  
  1712. <div class="info">
  1713. <div class="rbg">
  1714. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-umbrella"><path d="M23 12a11.05 11.05 0 0 0-22 0zm-5 7a3 3 0 0 1-6 0v-7"></path></svg>
  1715. <div class="ellip">{text:Welcome Text}</div>
  1716. </div>
  1717.  
  1718. <div class="blog" style="border-top:none;padding-top:0;">
  1719. <div class="avat"><img src="{PortraitURL-64}">{Name}
  1720. <div class="agos">{text:subtitle}</div></div>
  1721. <div class="tex">{Description}
  1722. </div>
  1723. <div class="links" style="margin-top:15px;">
  1724. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  1725. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  1726. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  1727. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  1728. </div>
  1729. </div>
  1730. </div>
  1731.  
  1732. {block:IFNotFullHeader}
  1733. {block:SearchPage}
  1734. <div class="info" style="box-shadow:none;">
  1735. <div class="search">
  1736. {lang:Search results for SearchQuery 2}
  1737. </div>
  1738. </div>
  1739. {/block:SearchPage}
  1740. {/block:IFNotFullHeader}
  1741.  
  1742. <!-- posts ----------------------------------------------------------------->
  1743.  
  1744. <section id="entries">
  1745.  
  1746. {block:Posts}
  1747. <article class="posts {block:Caption}captioned{/block:Caption}">
  1748.  
  1749. <div class="ph">
  1750. <div class="rbg">
  1751. {block:RebloggedFrom}
  1752. <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>
  1753. <div class="ellip"><a href="{ReblogParentURL}" style="margin:0 5px 0 0;">
  1754. {ReblogParentName}</a></div>
  1755. {block:PermalinkPage}{block:ContentSource}
  1756. • <div class="ellip">
  1757. <a href="{ReblogRootURL}" style="margin:0 5px 0 5px;">
  1758. {ReblogRootName}</a></div>
  1759. {/block:ContentSource}{/block:PermalinkPage}
  1760. <a class="src" href="{ReblogRootURL}">
  1761. <img src="{ReblogRootPortraitURL-64}"></a>
  1762. {/block:RebloggedFrom}
  1763.  
  1764. {block:NotReblog}
  1765. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
  1766. <div class="ellip">
  1767. <a href="{Permalink}" style="margin:0 5px 0 0;">{Name}</a></div>
  1768. <a href="{Permalink}" class="src" target="_blank">
  1769. <img src="{PortraitURL-64}"></a>
  1770. {/block:NotReblog}
  1771.  
  1772. {block:IndexPage}
  1773. • <a href="{Permalink}" style="margin:0 5px 0 5px;">
  1774. <span class="tool" data-tip="{12HourWithZero}:{Minutes} {AmPm}">{DayOfMonth} {ShortMonth}</span>
  1775. </a>
  1776. {/block:IndexPage}
  1777. </div>
  1778.  
  1779. <!-- quote ----------------------------------------------------------------->
  1780. {block:Quote}
  1781. <div class="quote">{quote}</div>
  1782. {block:Source}<div class="source">{source}</div>{/block:Source}
  1783. {/block:Quote}
  1784.  
  1785. <!-- link ------------------------------------------------------------------>
  1786. {block:Link}
  1787. {block:Description}
  1788. {block:NotReblog}
  1789. <li class="comment {block:Title}ted{/block:Title}">
  1790. <span><div class="user"><img src="{PortraitURL-64}">{Name}
  1791. <div class="agos">{text:post subtitle}</div>
  1792. </div></span>
  1793. {block:Title}<div class="title"><a href="{URL}">{name}</a></div>{/block:Title}
  1794. <div class="tex">{Description}</div>
  1795. </li>
  1796. {/block:NotReblog}
  1797. {/block:Description}
  1798. {block:RebloggedFrom}
  1799. {block:Reblogs}
  1800. {block:IsActive}
  1801. <li class="comment {block:Title}ted{/block:Title}">
  1802. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</br><div class="agos">{TimeAgo}</div></a></span>
  1803. {block:Title}<div class="title"><a href="{URL}">{name}</a></div>{/block:Title}
  1804. <div class="tex">{Body}</div>
  1805. </li>
  1806. {/block:IsActive}
  1807. {block:IsDeactivated}
  1808. <li class="comment {block:Title}ted{/block:Title}">
  1809. <span><div class="user">
  1810. <div class="ina"></div>{Username}</br>
  1811. <div class="agos">{TimeAgo}</div></div></span>
  1812. {block:Title}<div class="title"><a href="{URL}">{name}</a></div>{/block:Title}
  1813. <div class="tex">{Body}</div>
  1814. </li>
  1815. {/block:IsDeactivated}
  1816. {/block:Reblogs}
  1817. {/block:RebloggedFrom}
  1818. {/block:Link}
  1819.  
  1820. <!-- chat ------------------------------------------------------------------>
  1821. {block:Chat}
  1822. {block:Title}<div class="title">{title}</div>{/block:Title}
  1823. <ol class="chat {block:Title}ted{/block:Title}">
  1824. {block:lines}
  1825. <li class="l {Alt}">
  1826. {block:label}<span class="label">{label}</span>{/block:label} {line}
  1827. </li>
  1828. {/block:lines}
  1829. </ol>
  1830. {/block:Chat}
  1831.  
  1832. <!-- text ------------------------------------------------------------------>
  1833. {block:Text}
  1834. {block:RebloggedFrom}
  1835. {block:Reblogs}
  1836. {block:IsActive}
  1837. <li class="comment {block:Title}ted{/block:Title}">
  1838. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</br><div class="agos">{TimeAgo}</div></a></span>
  1839. {block:Title}<div class="title">{title}</div>{/block:Title}
  1840. <div class="tex">{Body}</div>
  1841. </li>
  1842. {/block:IsActive}
  1843. {block:IsDeactivated}
  1844. <li class="comment {block:Title}ted{/block:Title}">
  1845. <span><div class="user">
  1846. <div class="ina"></div>{Username}</br>
  1847. <div class="agos">{TimeAgo}</div></div></span>
  1848. {block:Title}<div class="title">{title}</div>{/block:Title}
  1849. <div class="tex">{Body}</div>
  1850. </li>
  1851. {/block:IsDeactivated}
  1852. {/block:Reblogs}
  1853. {/block:RebloggedFrom}
  1854. {block:NotReblog}
  1855. <li class="comment {block:Title}ted{/block:Title}">
  1856. <span><div class="user"><img src="{PortraitURL-64}">{Name}
  1857. <div class="agos">{text:post subtitle}</div>
  1858. </div></span>
  1859. {block:Title}<div class="title">{title}</div>{/block:Title}
  1860. <div class="tex">{Body}</div>
  1861. </li>
  1862. {/block:NotReblog}
  1863. {/block:Text}
  1864.  
  1865.  
  1866. <!-- Captions ------------------------------------------------------------->
  1867. {block:Caption}
  1868. <div class="captions">
  1869. {block:Reblogs}
  1870. {block:IsActive}
  1871. <li class="comment">
  1872. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</br><div class="agos">{TimeAgo}</div></a></span>
  1873. <div class="tex">{Body}</div>
  1874. </li>
  1875. {/block:IsActive}
  1876. {block:IsDeactivated}
  1877. <li class="comment">
  1878. <span><div class="user">
  1879. <div class="ina"></div>{Username}</br>
  1880. <div class="agos">{TimeAgo}</div></div></span>
  1881. <div class="tex">{Body}</div>
  1882. </li>
  1883. {/block:IsDeactivated}
  1884. {/block:Reblogs}
  1885. {block:NotReblog}
  1886. <li class="comment">
  1887. <span><div class="user"><img src="{PortraitURL-64}">{Name}</br><div class="agos">on hiatus</div></div></span>
  1888. <div class="tex">{Caption}</div>
  1889. </li>
  1890. {/block:NotReblog}
  1891. </div>
  1892. {/block:Caption}
  1893.  
  1894. <!-- answers --------------------------------------------------------------->
  1895. {block:Answer}
  1896. <li class="comment">
  1897. <span><div class="user aske">
  1898. <img src="{AskerPortraitURL-64}">{Asker}</br>
  1899. <div class="agos">sent</div>
  1900. </div></span>
  1901. <div class="tex">{Question}</div>
  1902. </li>
  1903. {block:Answerer}
  1904. <li class="comment">
  1905. <span><div class="user">
  1906. <img src="{AnswererPortraitURL-64}">{Answerer}</br>
  1907. <div class="agos">replied</div>
  1908. </div></span>
  1909. <div class="tex">{Answer}</div>
  1910. </li>
  1911. {/block:Answerer}
  1912. {block:NotReblog}
  1913. <li class="comment">
  1914. <span><a class="user" target="_blank">
  1915. <img src="{PortraitURL-64}">{Name}</br>
  1916. <div class="agos">replied</div>
  1917. </a></span>
  1918. <div class="tex">{Replies}</div>
  1919. </li>
  1920. {/block:NotReblog}
  1921. {block:RebloggedFrom}
  1922. {block:Reblogs}
  1923. <li class="comment">
  1924. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1925. <div class="tex">{body}</div>
  1926. </li>
  1927. {/block:Reblogs}
  1928. {/block:RebloggedFrom}
  1929. {/block:Answer}
  1930.  
  1931. <!-- tags -->
  1932.  
  1933. {block:HasTags}
  1934. <div class="tags">
  1935. {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}
  1936. </div>
  1937. {/block:HasTags}
  1938.  
  1939.  
  1940. <!-- photo ----------------------------------------------------------------->
  1941. {block:Photo}
  1942. <div class="photo">
  1943. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1944. <img src="{PhotoURL-HighRes}">
  1945. </a>
  1946. </div>
  1947. {/block:Photo}
  1948.  
  1949. <!-- photoset -------------------------------------------------------------->
  1950. {block:Photoset}
  1951. <div class="photoset">
  1952. <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>
  1953. </div>
  1954. {/block:Photoset}
  1955.  
  1956. <!-- video ----------------------------------------------------------------->
  1957. {block:Video}
  1958. <div class="video">{Video-500}</div>
  1959. {/block:Video}
  1960.  
  1961. <!-- audio ----------------------------------------------------------------->
  1962. {block:Audio}
  1963. <div class="audio">
  1964. <div class="cover">
  1965. {block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}
  1966. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-music"><path d="M9 17H5a2 2 0 0 0-2 2 2 2 0 0 0 2 2h2a2 2 0 0 0 2-2zm12-2h-4a2 2 0 0 0-2 2 2 2 0 0 0 2 2h2a2 2 0 0 0 2-2z"></path><polyline points="9 17 9 5 21 3 21 15"></polyline></svg>
  1967. </div>
  1968. <div class="minfo">
  1969. <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  1970. <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
  1971. </div>
  1972. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1973. <div class="play"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg> </div>
  1974. </div>
  1975. {/block:Audio}
  1976.  
  1977. <!-- date ------------------------------------------------------------------>
  1978. {block:Date}
  1979.  
  1980. <div class="when">
  1981.  
  1982. <div class="post-controls">
  1983. {block:IndexPage}
  1984. <a href="{Permalink}" style="margin-left:0;" target="_blank">
  1985. <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
  1986. <div class="notecount">{NoteCount}</div>
  1987. </a>
  1988.  
  1989. <a class="rb" href="{ReblogURL}" target="_blank" style="margin-right:10px;">
  1990. <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>reblog</a>
  1991.  
  1992. <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
  1993. <a class="like-b" href="#" style="margin:0 10px -2px 0;">{LikeButton}<span class="b">like</span></a>
  1994.  
  1995. </span></div>
  1996.  
  1997. {/block:IndexPage}
  1998.  
  1999. {block:PermalinkPage}
  2000. <div class="time">{12Hour}:{Minutes} {AmPm}</div> •
  2001. <div class="spa">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</div>
  2002. {/block:PermalinkPage}
  2003.  
  2004. </div>
  2005. {/block:Date}
  2006.  
  2007. </article>
  2008.  
  2009. <!-- post notes ------------------------------------------------------------>
  2010. {block:PostNotes}
  2011.  
  2012. <article class="posts pagenotes">
  2013.  
  2014. {NoteCountWithLabel}
  2015. <div class="postnotes">{PostNotes}</div>
  2016. </article>
  2017.  
  2018. {/block:PostNotes}
  2019.  
  2020. {/block:Posts}
  2021. </section>
  2022.  
  2023. <!-- pagination ------------------------------------------------------------>
  2024. {block:Pagination}
  2025. <footer>
  2026. <div class="pagination">
  2027.  
  2028. <a {block:PreviousPage}class="active prev" href="{PreviousPage}"{/block:PreviousPage}>{lang:previous}</a>
  2029.  
  2030. <a {block:NextPage}class="active next" href="{NextPage}"{/block:NextPage}>{lang:next}</a>
  2031.  
  2032. </div>
  2033.  
  2034. {block:IfLoadMore}
  2035. <a href="#" class="load">{lang:load more posts}</a>
  2036. {/block:IfLoadMore}
  2037.  
  2038. </footer>
  2039. {/block:Pagination}
  2040.  
  2041. <!-- jquery -->
  2042. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2043. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  2044. <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script><link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
  2045. <script type="text/javascript" src="https://static.tumblr.com/cqvi50o/VSzox2ncv/style-my-tooltips.js"></script>
  2046. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2047. <script src="https://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  2048. {block:IndexPage}{block:ifInfiniteScroll}<script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}{/block:IndexPage}
  2049.  
  2050. <script>
  2051. $(document).ready(function(){
  2052. // Dropdown Menu
  2053. var dropdown = document.querySelectorAll('.dropdown');
  2054. var dropdownArray = Array.prototype.slice.call(dropdown,0);
  2055. dropdownArray.forEach(function(el){
  2056. var button = el.querySelector('a[data-toggle="dropdown"]'),
  2057. menu = el.querySelector('.dropdown-menu'),
  2058. arrow = button.querySelector('i.icon-arrow');
  2059. button.onclick = function(event) {
  2060. if(!menu.hasClass('show')) {
  2061. menu.classList.add('show');
  2062. menu.classList.remove('hide');
  2063. arrow.classList.add('open');
  2064. arrow.classList.remove('close');
  2065. event.preventDefault();
  2066. }
  2067. else {
  2068. menu.classList.remove('show');
  2069. menu.classList.add('hide');
  2070. arrow.classList.remove('open');
  2071. arrow.classList.add('close');
  2072. event.preventDefault();
  2073. }
  2074. };
  2075. })
  2076. Element.prototype.hasClass = function(className) {
  2077. return this.className && new RegExp("(^|\\s)" + className + "(\\s|$)").test(this.className);
  2078. };
  2079. // fixed
  2080. {block:ifFixedContent}
  2081. {block:ifNotFullHeader}
  2082. var header = $("header");
  2083. $(window).scroll(function(){
  2084. var scroll = $(window) .scrollTop();
  2085. if (scroll >= 100) {
  2086. header.addClass("fixing-d")} else {
  2087. header.removeClass("fixing-d")}
  2088. });
  2089. {/block:IfNotFullHeader}
  2090. {block:ifFullHeader}
  2091. var header = $(".info");
  2092. $(window).scroll(function(){
  2093. var scroll = $(window) .scrollTop();
  2094. if (scroll >= 300) {
  2095. header.addClass("fixing")} else {
  2096. header.removeClass("fixing")}
  2097. });
  2098. {/block:IfFullHeader}
  2099. {/block:IfFixedContent}
  2100. // npf plugin by codematurgy
  2101. npfPhotosets(".posts", {
  2102. rowClass:"npf_row",
  2103. imageContainerClass:"tmblr-full",
  2104. generatedPhotosetContainerClass:"npf_photoset",
  2105. imageClass:"npf_image",
  2106. includeSingleRowImagesInPhotosets: true,
  2107. insertGalleryIndicator: false,
  2108. galleryIndicatorClass: "npf_gallery_indicator",
  2109. galleryIndicatorContent: "<img src='image_url'>",
  2110. photosetMargins:"1"
  2111. });
  2112. // tooltips
  2113. $("[title]").style_my_tooltips({
  2114. tip_follows_cursor: true,
  2115. tip_delay_time: 100,
  2116. tip_fade_speed: 300
  2117. });
  2118. // scroll to top
  2119. $(window).scroll(function(){
  2120. if ($(this).scrollTop() > 100) {
  2121. $('.scrollup').fadeIn();
  2122. } else {
  2123. $('.scrollup').fadeOut();
  2124. }
  2125. });
  2126. $('.scrollup').click(function(){
  2127. $("html, body").animate({ scrollTop: 0 }, 1000);
  2128. return false;
  2129. });
  2130. // photosets
  2131. $('.photo-slideshow').pxuPhotoset({
  2132. lightbox: true,
  2133. rounded: false,
  2134. gutter: '1px',
  2135. photoset: '.photo-slideshow',
  2136. photoWrap: '.photo-data',
  2137. photo: '.pxu-photo'
  2138. });
  2139. // short notes
  2140. var $container = $('.when');
  2141. $container.find('.notecount').each(function(){
  2142. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  2143. if (n > 999) {
  2144. n = Math.floor(n / 100) / 10;
  2145. $(this).text(n + 'k');
  2146. }
  2147. });
  2148. // flexible frames by nouvae
  2149. function flexFrame() {
  2150. $(".comment").each(function() {
  2151. $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
  2152. flexibleFrames($(".iframe-flex"));
  2153. });
  2154. flexibleFrames($(".video"));}
  2155. $(document).ready(flexFrame);
  2156. // infinite scroll
  2157. {block:IndexPage}
  2158. var $container = $('#entries');
  2159. {block:ifInfiniteScroll}
  2160. $container.infinitescroll({
  2161. itemSelector: '.posts',
  2162. navSelector: '.pagination',
  2163. nextSelector: '.next',
  2164. bufferPx: 1000,
  2165. {block:IfLoadMore}
  2166. errorCallback: function(){
  2167. $('.load').hide();
  2168. }
  2169. {/block:IfLoadMore}
  2170. },
  2171. function(arrayOfNewElems) {
  2172. flexFrame();
  2173. var $newElems = $(arrayOfNewElems);
  2174. $newElems.find('.photo-slideshow').pxuPhotoset({
  2175. lightbox: true,
  2176. rounded: false,
  2177. gutter: '1px',
  2178. photoset: '.photo-slideshow',
  2179. photoWrap: '.photo-data',
  2180. photo: '.pxu-photo'
  2181. });
  2182. var npfOptions = {
  2183. rowClass:"npf_row",
  2184. imageContainerClass:"tmblr-full",
  2185. generatedPhotosetContainerClass:"npf_photoset",
  2186. imageClass:"npf_image",
  2187. includeSingleRowImagesInPhotosets: true,
  2188. insertGalleryIndicator: false,
  2189. galleryIndicatorClass: "npf_gallery_indicator",
  2190. galleryIndicatorContent: "<img src='image_url'>",
  2191. photosetMargins:"1"
  2192. }
  2193. npfPhotosets(".posts", npfOptions);
  2194. $newElems.find('.notecount').each(function(){
  2195. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  2196. if (n > 999) {
  2197. n = Math.floor(n / 100) / 10;
  2198. $(this).text(n + 'k');
  2199. }
  2200. });
  2201. });
  2202. {block:IfLoadMore}
  2203. $(window).unbind('.infscr');
  2204. $('.load').click(function(){
  2205. $container.infinitescroll('retrieve');
  2206. return false;
  2207. });
  2208. {/block:IfLoadMore}
  2209. {/block:ifInfiniteScroll}
  2210. {/block:IndexPage}
  2211. //remove tumblr redirects script by magnusthemes@tumblr
  2212. $('a[href*="t.umblr.com/redirect"]').initialize(function(){
  2213. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  2214. var replaceURL = decodeURIComponent(originalURL);
  2215. $(this).attr("href", replaceURL);
  2216. });
  2217. });
  2218. </script>
  2219.  
  2220. <div class="hcontrols">
  2221.  
  2222. <div class="cho">
  2223. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-vertical"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>
  2224. </div>
  2225.  
  2226. <div class="clink">
  2227. {block:IndexPage}
  2228. <a href="https://tumblr.com/follow/{Name}" title="follow"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg> </a>
  2229. <a href="https://www.tumblr.com/message/{Name}" target="_blank" title="chat"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg> </a>
  2230. {/block:IndexPage}
  2231. {block:PermalinkPage}{block:Posts}{block:Date}
  2232. <a href="{EmbedUrl}" target="_blank" title="embed"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share-2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg> </a>
  2233. <a href="{ReblogURL}" title="reblog" style="margin-left:2px!important"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg> </a>
  2234. <a href="#" class="clike" title="like">{LikeButton}<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></a>
  2235. {/block:Date}{/block:Posts}{/block:PermalinkPage}
  2236. </div>
  2237.  
  2238. </div>
  2239.  
  2240. {block:ContentSource}
  2241. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2242. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2243. {/block:SourceLogo}
  2244. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2245. {/block:ContentSource}
Add Comment
Please, Sign In to add comment
Public Pastes
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!