API tools faq
paste
tayalange

stay high ( mhango ) - 4 columns

tayalange
Nov 25th, 2024 (edited)
30
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!--
  6.  
  7. Theme: Stay High by @mhango | @themesbyeva
  8. Version 1 (21st January 2024)
  9.  
  10. Rules:
  11.  
  12. > don't alter / remove any credit
  13. > don't copy parts of this theme or use as a base code
  14. > don't edit this theme and redistribute
  15. > don't claim as your own
  16.  
  17. Credits / Resources:
  18.  
  19. > Base Code
  20. @shythemes
  21. > No.Js Photosets
  22. https://annasthms.github.io/photosets
  23. > Infinite Scroll
  24. https://infinite-scroll.com
  25. > Masonry
  26. https://masonry.desandro.com
  27. > Icons
  28. https://feathericons.com
  29. > Fonts
  30. https://fonts.google.com
  31. > Custom Tooltips
  32. https://manos.malihu.gr
  33. > Scroll To Top
  34. @painthemes
  35. > Hide / Show Effect
  36. @sophiasthemage
  37. > Un-nested Captions
  38. @neothm, @magnusthemes
  39. > Custom Like Button, Search Script, Load More
  40. @shythemes
  41. -->
  42.  
  43. <title>{Title}</title>
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. <link rel="shortcut icon" href="{Favicon}">
  46. {block:Description}
  47. <meta name="description" content="{MetaDescription}">
  48. {/block:Description}
  49. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  50.  
  51. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-smooth-scroll/1.7.2/jquery.smooth-scroll.min.js"></script>
  52.  
  53. <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js">
  54. </script>
  55.  
  56. <meta name="viewport" content="width=device-width, initial-scale=1">
  57.  
  58. <meta name="image:Background" content="https://static.tumblr.com/lrtkpti/3yys7m4l7/dark_checked.png" />
  59.  
  60. <meta name="color:Background" content="#000000" />
  61. <meta name="color:Text" content="#f6f6f6" />
  62. <meta name="color:Link" content="#876e7e" />
  63. <meta name="color:Link Hover" content="#e1b7d2" />
  64. <meta name="color:Blockquote" content="#b492a8" />
  65. <meta name="color:Blogtitle" content="#b492a8" />
  66. <meta name="color:Text Post Background" content="#000000" />
  67. <meta name="color:Text Post Borders" content="#876e7e" />
  68. <meta name="color:Post Overlay" content="#000000" />
  69. <meta name="color:Post Icons" content="#f6f6f6" />
  70. <meta name="color:Sidebar Text" content="#f6f6f6" />
  71. <meta name="color:Sidebar Icons" content="#f6f6f6" />
  72. <meta name="color:Tooltip Background" content="#000000" />
  73. <meta name="color:Tooltip Borders" content="#f6f6f6" />
  74. <meta name="color:Tooltip Text" content="#f6f6f6" />
  75. <meta name="color:Scrollbar" content="#5a4954" />
  76. <meta name="color:Text Highlight" content="#876e7e" />
  77.  
  78. <meta name="if:Infinite Scroll" content="1">
  79. <meta name="if:Manual Load" content="0">
  80. <meta name="if:Large Blogtitle" content="1">
  81. <meta name="if:Two Columns" content="0">
  82. <meta name="if:Three Columns" content="0">
  83. <meta name="if:four Columns" content="1">
  84. <meta name="if:Dark Tumblr Controls" content="1">
  85. <meta name="if:Text Navigation" content="1">
  86. <meta name="if:Hover Tab" content="1">
  87.  
  88. <meta name="text:Home Title" content="home">
  89. <meta name="text:Icons Info" content="Visit feathericons.com, find the icon of your choice and copy the name. Paste it below where you want it to be.">
  90. <meta name="text:Home Icon" content="home">
  91. <meta name="text:Ask Title" content="ask">
  92. <meta name="text:Ask Link" content="/ask">
  93. <meta name="text:Ask Icon" content="message-circle">
  94. <meta name="text:Submit Title" content="">
  95. <meta name="text:Submit Icon" content="upload">
  96. <meta name="text:Archive Title" content="past">
  97. <meta name="text:Archive Icon" content="archive">
  98. <meta name="text:Link 1 Title" content="" />
  99. <meta name="text:Link 1" content="" />
  100. <meta name="text:Link 1 Icon" content="star" />
  101. <meta name="text:Link 2 Title" content="" />
  102. <meta name="text:Link 2" content="" />
  103. <meta name="text:Link 2 Icon" content="paperclip" />
  104. <meta name="text:Link 3 Title" content="" />
  105. <meta name="text:Link 3" content="" />
  106. <meta name="text:Link 3 Icon" content="more-horizontal" />
  107. <meta name="text:Link 4 Title" content="" />
  108. <meta name="text:Link 4" content="" />
  109. <meta name="text:Link 4 Icon" content="user" />
  110. <meta name="text:Link 5 Title" content="" />
  111. <meta name="text:Link 5" content="" />
  112. <meta name="text:Link 5 Icon" content="info" />
  113. <meta name="text:Link 6 Title" content="" />
  114. <meta name="text:Link 6" content="" />
  115. <meta name="text:Link 6 Icon" content="grid" />
  116. <meta name="text:Link 7 Title" content="" />
  117. <meta name="text:Link 7" content="" />
  118. <meta name="text:Link 7 Icon" content="camera" />
  119. <meta name="text:Hover Tab Title 1" content="Updates" />
  120. <meta name="text:Hover Tab Text 1" content="Your text goes here" />
  121. <meta name="text:Hover Tab Title 2" content="Blogs" />
  122. <meta name="text:Hover Tab Text 2" content="Your text goes here" />
  123. <meta name="text:Hover Tab Title 3" content="Networks" />
  124. <meta name="text:Hover Tab Text 3" content="Your text goes here" />
  125.  
  126. <meta name="select:Body Font" content="'Avalon', Helvetica, Arial, sans-serif" title="Avalon">
  127. <meta name="select:Body Font" content="'Karla', Helvetica, Arial, sans-serif" title="Karla">
  128. <meta name="select:Body Font" content="'Lato', Helvetica, Arial, sans-serif" title="Lato">
  129. <meta name="select:Body Font" content="'Lora', Times New Roman, Times, serif" title="Lora">
  130. <meta name="select:Body Font" content="'Quicksand', Helvetica, Arial, sans-serif" title="Quicksand">
  131. <meta name="select:Body Font" content="'Raleway', Helvetica, Arial, sans-serif" title="Raleway">
  132. <meta name="select:Body Font" content="'Roboto', Helvetica, Arial, sans-serif" title="Roboto">
  133. <meta name="select:Body Font" content="'Roboto Condensed', Helvetica, Arial, sans-serif" title="Roboto Condensed">
  134. <meta name="select:Body Font" content="'Rubik', Helvetica, Arial, sans-serif" title="Rubik">
  135. <meta name="select:Body Font" content="'Source Serif 4', Times New Roman, Times, serif" title="Source Serif 4">
  136.  
  137. <meta name="select:Title Font" content="'Bilbo', cursive" title="Bilbo">
  138. <meta name="select:Title Font" content="'Kadwa', Times New Roman, Times, serif" title="Kadwa">
  139. <meta name="select:Title Font" content="'Liu Jian Mao Cao', cursive" title="Liu Jian Mao Cao">
  140. <meta name="select:Title Font" content="'Lexend Deca', Helvetica, Arial, sans-serif" title="Lexend Deca">
  141. <meta name="select:Title Font" content="'Ma Shan Zheng', cursive" title="Ma Shan Zheng">
  142. <meta name="select:Title Font" content="'Montserrat', Helvetica, Arial, sans-serif" title="Montserrat">
  143. <meta name="select:Title Font" content="'Nixie One', Helvetica, Arial, sans-serif" title="Nixie One">
  144. <meta name="select:Title Font" content="'Playfair Display', Helvetica, Arial, sans-serif" title="Playfair Display">
  145. <meta name="select:Title Font" content="'Poiret One', Helvetica, Arial, sans-serif" title="Poiret One">
  146. <meta name="select:Title Font" content="'Roboto Slab', Helvetica, Arial, sans-serif" title="Roboto Slab">
  147.  
  148. <meta name="select:Heading Font" content="'Kadwa', Times New Roman, Times, serif" title="Kadwa">
  149. <meta name="select:Heading Font" content="'Lexend Deca', Helvetica, Arial, sans-serif" title="Lexend Deca">
  150. <meta name="select:Heading Font" content="'Montserrat', Helvetica, Arial, sans-serif" title="Montserrat">
  151. <meta name="select:Heading Font" content="'Nixie One', Helvetica, Arial, sans-serif" title="Nixie One">
  152. <meta name="select:Heading Font" content="'Playfair Display', Helvetica, Arial, sans-serif" title="Playfair Display">
  153. <meta name="select:Heading Font" content="'Poiret One', Helvetica, Arial, sans-serif" title="Poiret One">
  154. <meta name="select:Heading Font" content="'Roboto Slab', Helvetica, Arial, sans-serif" title="Roboto Slab">
  155. <meta name="select:Heading Font" content="'Source Serif 4', Times New Roman, Times, serif" title="Source Serif 4">
  156.  
  157. <!-- google fonts -->
  158.  
  159. <link rel="preconnect" href="https://fonts.googleapis.com">
  160. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  161. <link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700&family=Lato:wght@400;700&family=Lora:wght@400;700&family=Quicksand:wght@400;700&family=Raleway:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&family=Rubik:wght@400;700&family=Source+Serif+Pro:wght@400;700&display=swap" rel="stylesheet">
  162.  
  163. <link rel="preconnect" href="https://fonts.googleapis.com">
  164. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  165. <link href="https://fonts.googleapis.com/css2?family=Lexend+Deca&family=Montserrat:wght@400;700&family=Nixie+One&family=Playfair+Display:wght@400;700&family=Poiret+One&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
  166.  
  167. <link rel="preconnect" href="https://fonts.googleapis.com">
  168. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  169. <link href="https://fonts.googleapis.com/css2?family=Bilbo&family=Liu+Jian+Mao+Cao&family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
  170.  
  171. <link rel="preconnect" href="https://fonts.googleapis.com">
  172. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  173. <link href="https://fonts.googleapis.com/css2?family=Kadwa:wght@400;700&family=Source+Serif+4:opsz,[email protected],200;8..60,300;8..60,400;8..60,500;8..60,600;8..60,700;8..60,800;8..60,900&display=swap" rel="stylesheet">
  174.  
  175.  
  176.  
  177. <link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  178.  
  179. <!-- jquery library -->
  180.  
  181. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  182.  
  183.  
  184.  
  185. <style type="text/css">
  186.  
  187. body {
  188. background: {color:Background} url('{image:Background}');
  189. background-attachment:fixed;
  190. background-size:100% 100%;
  191. background-repeat:no-repeat;
  192. color: {color:text};
  193. font-family: {select:body font};
  194. font-size: 12px;
  195. margin: 0;
  196. padding: 0;
  197. -moz-osx-font-smoothing:grayscale;
  198. -webkit-font-smoothing:antialiased;
  199. font-smoothing:antialiased;
  200. }
  201.  
  202. a:link, a:active, a:visited, .npf-link-block a {
  203. color: {color:link};
  204. text-decoration: none;
  205. outline: none;
  206. -webkit-transition: all 0.5s ease-in-out;
  207. -moz-transition: all 0.5s ease-in-out;
  208. -o-transition: all 0.5s ease-in-out;
  209. -ms-transition: all 0.5s ease-in-out;
  210. transition: all 0.5s ease-in-out;
  211. }
  212.  
  213. a:hover, .npf-link-block a:hover{
  214. color:{color:link hover};
  215. -webkit-transition: all 0.5s ease-in-out;
  216. -moz-transition: all 0.5s ease-in-out;
  217. -o-transition: all 0.5s ease-in-out;
  218. -ms-transition: all 0.5s ease-in-out;
  219. transition: all 0.5s ease-in-out;
  220.  
  221. }
  222.  
  223. i.cp, span.cp {
  224. font-weight:200;
  225. }
  226.  
  227. small, sub {
  228. font-size:1em;
  229. vertical-align:baseline;
  230. }
  231.  
  232. cite {
  233. font-style:normal;
  234. }
  235.  
  236. blockquote {
  237. margin: 0;
  238. padding: 0;
  239. border-left:0px solid {color:blockquote};
  240. }
  241.  
  242. ol, ul, pre {
  243. margin:0 0 .6em;
  244. }
  245.  
  246. h1, h2, h3, h4, h5, h6 {
  247. padding-top:0px;
  248. padding-bottom:5px;
  249. margin:0;
  250. font-size:1.5em;
  251. font-weight:normal;
  252. font-family:{select:Heading Font};
  253. }
  254.  
  255. .tumblr_video_container {
  256. max-width: 100%!important;
  257. height:auto;
  258. }
  259.  
  260. iframe, img, embed, object, video {
  261. max-width: 100%;
  262. }
  263.  
  264. img {
  265. border:0;
  266. max-width:100%;
  267. height:auto;
  268. }
  269.  
  270. hr {
  271. margin:1em;
  272. border:0;
  273. height:1px;
  274. -moz-box-sizing:border-box;
  275. box-sizing:border-box;
  276. background-color:{color:text};
  277. }
  278.  
  279. ::-webkit-scrollbar-thumb{
  280. background-color: {color:scrollbar};
  281. border: 2px solid {color:background};
  282. height:auto;
  283. -moz-border-radius: 20%;
  284. border-radius: 20%;
  285. }
  286.  
  287. ::-webkit-scrollbar {
  288. height:auto;
  289. width:8px;
  290. background-color: {color:background};
  291. border: 4px solid {color:background};
  292. }
  293.  
  294. ::-moz-selection {
  295. background: {color:Text highlight};
  296. color: {color:text};
  297. }
  298.  
  299. ::selection {
  300. background: {color:Text highlight};
  301. color: {color:text};
  302. }
  303.  
  304.  
  305. #scroll:link, #scroll:visited {
  306. display: none;
  307. position: fixed;
  308. bottom: 20px;
  309. right: 20px;
  310. z-index:999999;
  311. }
  312.  
  313. #scroll i, #scroll svg {
  314. color:{color:text};
  315. width:20px;
  316. }
  317.  
  318. #s-m-t-tooltip {
  319. font-family: {select:body font};
  320. font-size:0.8em;
  321. color: {color:tooltip text};
  322. background-color:{color:tooltip background};
  323. text-align: center;
  324. max-width:150px;
  325. border: 0.5px solid {color:tooltip borders};
  326. overflow:auto;
  327. text-transform:uppercase;
  328. letter-spacing:0.028em;
  329. position: absolute;
  330. z-index: 999999999999;
  331. padding: .33em .66em .33em .66em;
  332. box-shadow:0 0 rgba(0,0,0,0.2);
  333. -webkit-transition: all 0.2s ease-in-out;
  334. -moz-transition: all 0.2s ease-in-out;
  335. transition: all 0.2s ease-in-out;
  336. margin:20px 0 15px 10px;
  337. }
  338.  
  339. #content {
  340. margin-top:50px;
  341. z-index:9998;
  342. position:absolute;
  343. float:center;
  344. background:transparent;
  345. {block:indexpage}
  346. margin-left: 50%;
  347. transform: translate(-50%);
  348. width: min(28%,500px);
  349. {block:iftwocolumns}
  350. margin-left: 50%;
  351. transform: translate(-50%);
  352. width: min(37%,1100px);
  353. {/block:iftwocolumns}
  354. {block:ifthreecolumns}
  355. margin-left: 50%;
  356. transform: translate(-50%);
  357. width: min(55%,1680px);
  358. {/block:ifthreecolumns}
  359. {block:iffourcolumns}
  360. margin-left: 60%;
  361. transform: translate(-50%);
  362. width: min(75%,1680px);
  363. {/block:iffourcolumns}
  364. {/block:indexpage}
  365. {block:permalinkpage}
  366. width:min(28%,500px);
  367. margin-left: 50%;
  368. transform: translate(-50%);
  369. {/block:permalinkpage}
  370. }
  371.  
  372. @-webkit-keyframes cssAnimation {
  373. from{
  374. -webkit-transform: scale(0.871);}
  375. to{
  376. -webkit-transform:scale(1); }
  377. }
  378.  
  379. @-moz-keyframes cssAnimation {
  380. from{
  381. -moz-transform:scale(0.871);}
  382. to{
  383. -moz-transform: scale(1); }
  384. }
  385.  
  386. @-o-keyframes cssAnimation {
  387. from{
  388. -o-transform: scale(0.871);
  389. }
  390.  
  391. to{
  392. -o-transform: scale(1);}
  393. }
  394.  
  395. .entry {
  396. position:relative;
  397. background: {color:Background};
  398. border:none;
  399. height:auto;
  400. margin: 35px 0;
  401. {block:indexpage}
  402. padding: 0;
  403. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  404. -moz-animation: cssAnimation 1s 1 ease-in-out;
  405. -o-animation: cssAnimation 1s 1 ease-in-out;
  406. {/block:indexpage}
  407. {block:PermalinkPage}
  408. width:100%;
  409. height:auto;
  410. padding: 0;
  411. {/block:PermalinkPage}
  412. }
  413. {block:indexpage}
  414.  
  415. .gutter-sizer {
  416. width: 0px;
  417. }
  418.  
  419. .grid-sizer, .entry {
  420. width: 100%;
  421. }
  422.  
  423. {block:iftwocolumns}
  424. .gutter-sizer {
  425. width: 100px;
  426. }
  427.  
  428. .grid-sizer, .entry {
  429. width: calc((100% - 100px)/2);
  430. }
  431. {/block:iftwocolumns}
  432.  
  433. {block:ifthreecolumns}
  434. .gutter-sizer {
  435. width: 90px;
  436. }
  437.  
  438. .grid-sizer, .entry {
  439. width: calc((100% - 180px)/3);
  440. }
  441. {/block:ifthreecolumns}
  442. {block:iffourcolumns}
  443. .gutter-sizer {
  444. width: 70px;
  445. }
  446.  
  447. .grid-sizer, .entry {
  448. width: calc((90% - 180px)/4);
  449. }
  450. {/block:iffourecolumns}
  451.  
  452. {/block:indexpage}
  453. .entry:last-child {
  454. margin-bottom:5px;
  455. }
  456.  
  457. .entry img {
  458. display:block;
  459. }
  460.  
  461. .entry b {
  462. color:{color:link hover};
  463. }
  464.  
  465. .pinned {
  466. text-align:center;
  467. position:absolute;
  468. margin-top:-5%;
  469. margin-left: 50%;
  470. transform: translate(-50%);
  471. z-index:9999999999999999999999999999999;
  472. }
  473.  
  474. .pinned svg {
  475. width:24px;
  476. fill:{color:text post background};
  477. z-index:9999999999999999999999999999999;
  478. }
  479.  
  480. #overlay{
  481. position:absolute;
  482. left:0px;
  483. top:0px;
  484. height:100%;
  485. width:100%;
  486. background: rgba({RGBcolor:Post Overlay}, 0);
  487. box-sizing:border-box;
  488. z-index:999;
  489. -webkit-transition: all .5s ease-in-out;
  490. -moz-transition: all .5s ease-in-out;
  491. -ms-transition: all .5s ease-in-out;
  492. -o-transition: all .5s ease-in-out;
  493. transition: all .5s ease-in-out;
  494. }
  495.  
  496. .entry:hover #overlay {
  497. {block:indexpage}
  498. background: rgba({RGBcolor:Post Overlay}, 0.85);
  499. -webkit-transition: all .5s ease-in-out;
  500. -moz-transition: all .5s ease-in-out;
  501. -ms-transition: all .5s ease-in-out;
  502. -o-transition: all .5s ease-in-out;
  503. transition: all .5s ease-in-out;
  504. {/block:indexpage}
  505. }
  506.  
  507. .diagonal {
  508. position:relative;
  509. top:50%;
  510. left:50%;
  511. margin-left:-7%;
  512. margin-top:-7%;
  513. opacity:0;
  514. width:20%;
  515. background: rgba(17,17,17,0.2);
  516. -webkit-transition: all .5s ease-in-out;
  517. -moz-transition: all .5s ease-in-out;
  518. -ms-transition: all .5s ease-in-out;
  519. -o-transition: all .5s ease-in-out;
  520. transition: all .5s ease-in-out;
  521. }
  522.  
  523. .diagonal:after {
  524. content:"";
  525. position:absolute;
  526. opacity:1;
  527. border-top:1px solid {color:Post Icons};
  528. width:100%;
  529. transform: rotate(45deg);
  530. transform-origin: 0% 0%;
  531. }
  532.  
  533. .entry:hover .diagonal {
  534. opacity:1;
  535. margin-left:-14%;
  536. margin-top:-14%;
  537. width:40%;
  538. background: rgba(17,17,17,0.2);
  539. -webkit-transition: all .5s ease-in-out;
  540. -moz-transition: all .5s ease-in-out;
  541. -ms-transition: all .5s ease-in-out;
  542. -o-transition: all .5s ease-in-out;
  543. transition: all .5s ease-in-out;
  544. }
  545.  
  546. .diagonal2 {
  547. position:relative;
  548. top:50%;
  549. left:50%;
  550. margin-left:7%;
  551. margin-bottom:-7%;
  552. opacity:0;
  553. width:20%;
  554. background: rgba(17,17,17,0.2);
  555. -webkit-transition: all .5s ease-in-out;
  556. -moz-transition: all .5s ease-in-out;
  557. -ms-transition: all .5s ease-in-out;
  558. -o-transition: all .5s ease-in-out;
  559. transition: all .5s ease-in-out;
  560. }
  561.  
  562. .diagonal2:after {
  563. content:"";
  564. position:absolute;
  565. opacity:1;
  566. border-top:1px solid {color:Post Icons};
  567. width:100%;
  568. transform: rotate(135deg);
  569. transform-origin: 0% 0%;
  570. }
  571.  
  572. .entry:hover .diagonal2 {
  573. opacity:1;
  574. margin-left:14%;
  575. margin-bottom:-14%;
  576. width:40%;
  577. background: rgba(17,17,17,0.2);
  578. -webkit-transition: all .5s ease-in-out;
  579. -moz-transition: all .5s ease-in-out;
  580. -ms-transition: all .5s ease-in-out;
  581. -o-transition: all .5s ease-in-out;
  582. transition: all .5s ease-in-out;
  583. }
  584.  
  585. .permabutton, .reblogbutton, .heartbutton, .timebutton {
  586. {block:indexpage}
  587. position:absolute;
  588. width:auto;
  589. display:inline-block;
  590. z-index:999999;
  591. -webkit-transition: all 0.5s ease-in-out;
  592. -moz-transition: all 0.5s ease-in-out;
  593. -o-transition: all 0.5s ease-in-out;
  594. -ms-transition: all 0.5s ease-in-out;
  595. transition: all 0.5s ease-in-out;
  596. text-transform:uppercase;
  597. opacity:0;
  598. {/block:indexpage}
  599. }
  600.  
  601. .timebutton {
  602. top:50%;
  603. left:50%;
  604. transform: translate(-50%,-50%);
  605. margin-left:12%;
  606. margin-top:auto;
  607. padding:0;
  608. }
  609.  
  610. .permabutton {
  611. top:50%;
  612. left:50%;
  613. transform: translate(-50%,-50%);
  614. margin-left:auto;
  615. margin-top:12%;
  616. padding:0;
  617. }
  618.  
  619. .reblogbutton {
  620. top:50%;
  621. left:50%;
  622. transform: translate(-50%,-50%);
  623. margin-left:-12%;
  624. margin-top:auto;
  625. padding:0;
  626. }
  627.  
  628. .heartbutton {
  629. top:50%;
  630. left:50%;
  631. transform: translate(-50%,-50%);
  632. margin-left:auto;
  633. margin-top:-12%;
  634. padding:0;
  635. }
  636.  
  637. .permabutton svg, .reblogbutton svg, .heartbutton svg, .timebutton svg {
  638. width:18px;
  639. vertical-align:middle;
  640. }
  641.  
  642. .permabutton a, .permabutton a:visited,
  643. .reblogbutton a, .reblogbutton a:visited,
  644. .heartbutton a, .heartbutton a:visited,
  645. .timebutton a, .timebutton a:visited {
  646. color: {color:Post Icons};
  647. text-decoration: none;
  648. -webkit-transition: all 0.5s ease-in-out;
  649. -moz-transition: all 0.5s ease-in-out;
  650. -o-transition: all 0.5s ease-in-out;
  651. -ms-transition: all 0.5s ease-in-out;
  652. transition: all 0.5s ease-in-out;
  653. }
  654.  
  655. .permabutton a:hover, .reblogbutton a:hover, .heartbutton a:hover, .timebutton a:hover {
  656. color: {color:link hover};
  657. -webkit-transition: all 0.5sease-in-out;
  658. -moz-transition: all 0.5s ease-in-out;
  659. -o-transition: all 0.5s ease-in-out;
  660. -ms-transition: all 0.5s ease-in-out;
  661. transition: all 0.5s ease-in-out;
  662. }
  663.  
  664. .blogcaption {
  665. {block:indexpage}
  666. opacity:0;
  667. padding:10px;
  668. max-height:100%;
  669. max-width:100%;
  670. overflow:auto;
  671. color: {color:Post Icons};
  672. -webkit-transition: all 0.5s ease-in-out;
  673. -moz-transition: all 0.5s ease-in-out;
  674. -o-transition: all 0.5s ease-in-out;
  675. -ms-transition: all 0.5s ease-in-out;
  676. transition: all 0.5s ease-in-out;
  677. {/block:indexpage}
  678. }
  679.  
  680. .blogcaption a {
  681. {block:indexpage}
  682. color: {color:Post Icons};
  683. text-decoration:underline;
  684. -webkit-transition: all 0.5s ease-in-out;
  685. -moz-transition: all 0.5s ease-in-out;
  686. -o-transition: all 0.5s ease-in-out;
  687. -ms-transition: all 0.5s ease-in-out;
  688. transition: all 0.5s ease-in-out;
  689. {/block:indexpage}
  690. }
  691.  
  692. .blogcaption a:hover {
  693. {block:indexpage}
  694. color: {color:link hover};
  695. text-decoration:underline;
  696. -webkit-transition: all 0.5s ease-in-out;
  697. -moz-transition: all 0.5s ease-in-out;
  698. -o-transition: all 0.5s ease-in-out;
  699. -ms-transition: all 0.5s ease-in-out;
  700. transition: all 0.5s ease-in-out;
  701. {/block:indexpage}
  702. }
  703.  
  704.  
  705. .entry:hover .permabutton, .entry:hover .reblogbutton, .entry:hover .heartbutton, .entry:hover .blogcaption, .entry:hover .timebutton {
  706. {block:indexpage}
  707. opacity:1;
  708. -webkit-transition: all 0.5s ease-in-out;
  709. -moz-transition: all 0.5s ease-in-out;
  710. -o-transition: all 0.5s ease-in-out;
  711. -ms-transition: all 0.5s ease-in-out;
  712. transition: all 0.5s ease-in-out;
  713. {/block:indexpage}
  714.  
  715. }
  716.  
  717. .controls i, .controls svg {
  718. height:auto;
  719. overflow:visible;
  720. }
  721. .controls a {
  722. position:relative;
  723. overflow:hidden;
  724. }
  725.  
  726. .controls .like .liked + svg {
  727. color:#ec5a5a;
  728. }
  729. .controls .like .like_button {
  730. position:relative;
  731. }
  732. .controls .like .like_button iframe {
  733. position:absolute;
  734. top:0;
  735. left:0;
  736. bottom:0;
  737. right:0;
  738. z-index:2;
  739. opacity:0;
  740. }
  741.  
  742.  
  743.  
  744.  
  745. {block:permalinkpage}
  746.  
  747. .details {
  748. background:{color:Text Post Background};
  749. border-top:1px solid {color:Text Post Background};
  750. border-bottom:1px solid {color:Text Post Borders};
  751. border-left:1px solid {color:Text Post Borders};
  752. border-right:1px solid {color:Text Post Borders};
  753. padding-bottom:10px;
  754. }
  755.  
  756. {/block:permalinkpage}
  757.  
  758. #sidebar {
  759. background:transparent;
  760. padding: 1.2%;
  761. color: {color:sidebar text};
  762. height:auto;
  763. width:min(13%,350px);
  764. top:65px;
  765. left:3%;
  766. position:fixed;
  767. margin:auto;
  768. text-align:left;
  769. z-index:99999;
  770. }
  771.  
  772. .blogtitle {
  773. position:relative;
  774. display:inline-block;
  775. margin:5px;
  776. margin-bottom:8px;
  777. letter-spacing:.8px;
  778. }
  779.  
  780. .blogtitle a, .blogtitle a:visited {
  781. {block:iflargeblogtitle}
  782. font-size:2.2em;
  783. {/block:iflargeblogtitle}
  784. {block:ifnotlargeblogtitle}
  785. font-size:1.8em;
  786. {/block:ifnotlargeblogtitle}
  787. font-weight:400;
  788. font-family:{select:title font};
  789. color: {color:blogtitle};
  790. -webkit-transition: all 0.5s ease-in-out;
  791. -moz-transition: all 0.5s ease-in-out;
  792. -o-transition: all 0.5s ease-in-out;
  793. -ms-transition: all 0.5s ease-in-out;
  794. transition: all 0.5s ease-in-out;
  795. }
  796.  
  797. .blogtitle a:hover{
  798. color: {color:link hover};
  799. -webkit-transition: all 0.5s ease-in-out;
  800. -moz-transition: all 0.5s ease-in-out;
  801. -o-transition: all 0.5s ease-in-out;
  802. -ms-transition: all 0.5s ease-in-out;
  803. transition: all 0.5s ease-in-out;
  804. }
  805.  
  806. .description {
  807. margin:5px;
  808.  
  809. }
  810.  
  811. .navigation {
  812. position:relative;
  813. margin-bottom:-5px;
  814. }
  815.  
  816. .navi {
  817. display:inline-block;
  818. {block:ifnottextnavigation}
  819. margin:5px;
  820. {/block:ifnottextnavigation}
  821. padding:5px;
  822.  
  823. }
  824.  
  825. .navi a {
  826. color: {color:sidebar icons};
  827. {block:ifnottextnavigation}
  828. font-size:1.33em;
  829. {/block:ifnottextnavigation}
  830. -webkit-transition: all 0.5s ease-in-out;
  831. -moz-transition: all 0.5s ease-in-out;
  832. -o-transition: all 0.5s ease-in-out;
  833. -ms-transition: all 0.5s ease-in-out;
  834. transition: all 0.5s ease-in-out;
  835. }
  836.  
  837. .navi a:hover {
  838. color: {color:link hover};
  839. {block:ifnottextnavigation}
  840. font-size:1.33em;
  841. {/block:ifnottextnavigation}
  842. -webkit-transition: all 0.5s ease-in-out;
  843. -moz-transition: all 0.5s ease-in-out;
  844. -o-transition: all 0.5s ease-in-out;
  845. -ms-transition: all 0.5s ease-in-out;
  846. transition: all 0.5s ease-in-out;
  847. }
  848.  
  849. .navi svg {
  850. width:18px;
  851. }
  852.  
  853. nav li {
  854. display:inline;
  855. }
  856.  
  857. .search .query {
  858. border: 1px solid {color:sidebar icons};
  859. -moz-border-radius: 5%;
  860. border-radius:5%;
  861. outline: 0;
  862. padding: 5px;
  863. font-family: inherit;
  864. font-size: inherit;
  865. color: inherit;
  866. background-color: transparent;
  867. }
  868.  
  869. ::-webkit-input-placeholder {color: inherit;}
  870. :-moz-placeholder {color: inherit; opacity:1;}
  871. ::-moz-placeholder {color: inherit; opacity:1;}
  872. :-ms-input-placeholder {color: inherit;}
  873.  
  874. input:focus::-webkit-input-placeholder {color: transparent;}
  875. input:focus:-moz-placeholder {color: transparent;}
  876. input:focus::-moz-placeholder {color: transparent;}
  877. input:focus:-ms-input-placeholder { color: transparent;}
  878.  
  879. /* text post styles */
  880.  
  881. .title {
  882. padding-top:0px;
  883. padding-bottom:5px;
  884. font-size:1.35em;
  885. font-weight:normal;
  886. font-family:{select:Heading Font};
  887. }
  888.  
  889. .title a {
  890. color:{color:text};
  891. text-decoration: none;
  892. -webkit-transition: all 0.5s ease-in-out;
  893. -moz-transition: all 0.5s ease-in-out;
  894. -o-transition: all 0.5s ease-in-out;
  895. -ms-transition: all 0.5s ease-in-out;
  896. transition: all 0.5s ease-in-out;
  897. }
  898.  
  899. .title a:hover {
  900. color:{color:link hover};
  901. -webkit-transition: all 0.5s ease-in-out;
  902. -moz-transition: all 0.5s ease-in-out;
  903. -o-transition: all 0.5s ease-in-out;
  904. -ms-transition: all 0.5s ease-in-out;
  905. transition: all 0.5s ease-in-out;
  906. }
  907.  
  908. .title img {
  909. width:15px;
  910. }
  911.  
  912. .accent,
  913. .tumblr_blog {
  914. color:{color:link hover};
  915. }
  916.  
  917. .text, .textnew {
  918. background:{color:Text Post Background};
  919. padding: 15px;
  920. border:1px solid {color:Text Post Borders};
  921. }
  922.  
  923. .text a, .text img, .textnew a, .textnew img {
  924. max-width:100%;
  925. }
  926.  
  927. /*
  928.  
  929. Code: NPF / Text Post - Image Fix by @mhango | @themesbyeva
  930. Version 5 (15th June 2023)
  931.  
  932. Rules:
  933. > don't alter / remove the credit
  934. > don't copy parts of this code or use as a base
  935. > don't edit this code and redistribute
  936. > don't claim as your own
  937.  
  938. Disclaimer: This code might not work on every theme. Always back-up your theme before changing the code.
  939.  
  940. For detailed instructions and support please visit https://themesbyeva.tumblr.com.
  941.  
  942. */
  943.  
  944. {block:PermalinkPage}
  945.  
  946. .textnew figure + p {
  947. margin-top:1em;
  948. }
  949.  
  950.  
  951.  
  952. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)) p {
  953. margin:10px 20px;
  954. }
  955.  
  956. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)) {
  957. background:{color:Text Post Background};
  958. }
  959.  
  960. {/block:PermalinkPage}
  961.  
  962. {block:indexpage}
  963. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)):has(.tumblr_blog) {
  964. color:{color:text post background};
  965. font-size:0;
  966. }
  967. {/block:indexpage}
  968.  
  969. .textnew:has(.tmblr-full img) .op-blockquote,
  970. .textnew:has(.tmblr-full img) .npf-post-source,
  971. .textnew:has(.tmblr-full img) .tumblr_blog,
  972. .textnew:has(.post_media_photo_anchor img) .op-blockquote,
  973. .textnew:has(.post_media_photo_anchor img) .npf-post-source,
  974. .textnew:has(.post_media_photo_anchor img) .tumblr_blog
  975. {
  976. display:none;
  977. }
  978.  
  979. .textnew {
  980. padding:10px;
  981. }
  982.  
  983. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.tmblr-full img),
  984. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.post_media_photo_anchor img) {
  985. padding:0;
  986. }
  987.  
  988. .post_media_photo_anchor img, .post_media_photo img {
  989. height:100%;
  990. width:100%;
  991. }
  992.  
  993. {block:indexpage}
  994.  
  995.  
  996. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.tmblr-full img) :is(p,ul,ol,h1,h2,h3,h4,h5),
  997. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.post_media_photo_anchor img) :is(p,ul,ol,h1,h2,h3,h4,h5)
  998. {
  999. display:none;
  1000. }
  1001.  
  1002. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.tmblr-full img),
  1003. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.post_media_photo_anchor img)
  1004. {
  1005. background-color: {color:background};
  1006. border-color:{color:background};
  1007. }
  1008.  
  1009. {/block:indexpage}
  1010.  
  1011. /* End of Text Post - Image Fix V5 */
  1012.  
  1013. [photoset-layout] {
  1014. grid-gap: 2px;
  1015. }
  1016.  
  1017. .ask {
  1018. padding-bottom:7px;
  1019. border-bottom: 1px solid {color:Text Post Borders};
  1020. }
  1021.  
  1022. .asker, .asker a {
  1023. color:{color:link};
  1024. font-weight:700;
  1025. margin-bottom:5px;
  1026. }
  1027.  
  1028. .quotetext, p.npf_quote {
  1029. font-size:1.1em;
  1030. font-weight:700;
  1031. font-family: {select:Heading Font};
  1032. }
  1033.  
  1034. .quotesource, p.npf_quote+p {
  1035. padding-top:5px;
  1036. padding-bottom:5px;
  1037. }
  1038.  
  1039. .chat {
  1040. background:{color:Text Post Background};
  1041. padding: 10px;
  1042. border:1px solid {color:Text Post Borders};
  1043. }
  1044.  
  1045. .chat .label, p.npf_chat b {
  1046. font-weight:700;
  1047. }
  1048.  
  1049. .chat span {
  1050. float: left;
  1051. margin-right: 1%;
  1052. }
  1053.  
  1054. .npf_chat, p.npf_chat {
  1055. font-family:{select:body font};
  1056. }
  1057.  
  1058. .npf-link-block {
  1059. border-radius:0;
  1060. border:0px;
  1061. background:{color:text post Borders};
  1062. }
  1063.  
  1064. .npf-link-block .title {
  1065. font-size:1.3em;
  1066. }
  1067.  
  1068. .spotify_audio_player, .soundcloud_audio_player {
  1069. margin-bottom:-3px;
  1070. }
  1071.  
  1072. .spotify_audio_player {
  1073. height:80px!important;
  1074. width:100%!important;
  1075. }
  1076.  
  1077. .soundcloud_audio_player {
  1078. height:150px!important;
  1079. width:100%!important;
  1080. }
  1081.  
  1082. #notes {
  1083. margin-top:5px;
  1084. display:inline-block;
  1085. }
  1086.  
  1087. #notes img {
  1088. display:inline-block;
  1089. }
  1090.  
  1091. .notes {
  1092. clear: both;
  1093. padding: 0;
  1094. }
  1095.  
  1096. ol.notes {
  1097. list-style-type:none;
  1098. line-height:150%;
  1099. padding:0;
  1100. margin 0 0;
  1101. border-bottom:solid 1px {color:blockquote};
  1102. }
  1103.  
  1104. ol.notes li.note {
  1105. border-top:1px solid {color:blockquote};
  1106. padding:5px;
  1107. }
  1108.  
  1109. ol.notes li.note img {
  1110. padding:0 !important;
  1111. }
  1112.  
  1113. ol.notes li.note img.avatar {
  1114. vertical-align:-4px;
  1115. margin-right:5px;
  1116. width:16px;
  1117. height:16px;
  1118. }
  1119.  
  1120. #tags {
  1121. text-align:left;
  1122. opacity: 1;
  1123. }
  1124.  
  1125. #tags, nav ul, .chat ul {
  1126. list-style: none;
  1127. list-style-image: none;
  1128. margin: 0;
  1129. padding: 0;
  1130. }
  1131.  
  1132. #tags li {
  1133. float: left;
  1134. margin-right: 1%;
  1135. }
  1136.  
  1137. .caption {
  1138. margin:10px 20px;
  1139. }
  1140.  
  1141. .caption ul {
  1142. margin: 0;
  1143. padding: 0;
  1144. line-height:150%;
  1145. }
  1146.  
  1147. .blogcaption ul {
  1148. list-style: disc outside none;
  1149. margin: 0 0 10px 20px;
  1150. padding: 0;
  1151. }
  1152.  
  1153. .tagsandmore ul {
  1154. list-style:none;
  1155. list-style-type:none;
  1156. }
  1157.  
  1158. .infoheading {
  1159. font-weight:700;
  1160. color:{color:text};
  1161. }
  1162.  
  1163. .media {
  1164. position:relative;
  1165. display:inline-block;
  1166. width:100%;
  1167. }
  1168.  
  1169. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  1170. position:fixed!important;
  1171. opacity:.67!important;
  1172. padding:4px;
  1173. z-index:99999999999999999999999;
  1174. {block:ifdarktumblrcontrols}
  1175. -webkit-filter:invert(100%);
  1176. -moz-filter:invert(100%);
  1177. -o-filter:invert(100%);
  1178. -ms-filter:invert(100%);
  1179. filter:invert(100%);
  1180. {/block:ifdarktumblrcontrols}
  1181. }
  1182.  
  1183. .tmblr-iframe--controls-phone-container,
  1184. .iframe-controls--phone-mobile,
  1185. .tmblr-iframe--app-cta-button {
  1186. z-index:999999999999999999999999999999999999999999999999999999!important;
  1187. position:fixed!important;
  1188. margin:0!important;
  1189. }
  1190.  
  1191.  
  1192. {block:ifInfiniteScroll}
  1193. .pagination,
  1194. #infscr-loading {
  1195. display:none!important;
  1196. }
  1197. {/block:ifInfiniteScroll}
  1198.  
  1199. {block:ifManualLoad}
  1200.  
  1201. .load-more {
  1202. position:fixed;
  1203. bottom:5px;
  1204. text-align:center;
  1205. background:{color:text post background};
  1206. border:1px solid {color:text post borders};
  1207. padding:10px;
  1208. margin-left: 50%;
  1209. transform: translate(-50%);
  1210. font-size:1.2em;
  1211. color:{color:text};
  1212. }
  1213.  
  1214. .load-more a , .load-more a:active , .load-more a:visited {
  1215. color:{color:text};
  1216. }
  1217.  
  1218. .pagination {
  1219. display:none!important;
  1220. }
  1221.  
  1222. {/block:ifManualLoad}
  1223.  
  1224. {block:ifnotManualLoad}
  1225.  
  1226. .load-more {
  1227. display:none;
  1228. }
  1229.  
  1230. {/block:ifnotManualLoad}
  1231.  
  1232.  
  1233. {block:ifnotInfiniteScroll}
  1234. .pagination {
  1235. margin-bottom:0;
  1236. text-align:center;
  1237. width:auto;
  1238. z-index:9999999999999999999999999999;
  1239. }
  1240.  
  1241. .pagination img, .pagination i, .pagination svg {
  1242. width:18px;
  1243. font-size:1.5em;
  1244. display:inline-block;
  1245. padding:10px 10px 0 10px;
  1246. color:{color:text};
  1247. }
  1248. {/block:ifnotInfiniteScroll}
  1249.  
  1250.  
  1251. #important, #important i, #important svg {
  1252. bottom:2px;
  1253. left:5px;
  1254. width:15px;
  1255. font-size:1.1em;
  1256. position:fixed;
  1257. z-index:9999999999999999999999999999;
  1258. color:{color:text};
  1259. }
  1260.  
  1261. /** hover tab code 1 **/
  1262.  
  1263. #hovertab {
  1264. color:{color:sidebar text};
  1265. width:120px;
  1266. height:120px;
  1267. top:60px;
  1268. right:75px;
  1269. margin:5px auto;
  1270. padding:0px 0px 0px 0px;
  1271. border-radius:100px;
  1272. opacity:1;
  1273. position:fixed;
  1274. z-index:9999;
  1275. text-align:center;
  1276. transition: all .5s ease-in-out;
  1277. -webkit-transition: all .5s ease-in-out;
  1278. -moz-transition: all .5s ease-in-out;
  1279. -o-transition: all .5s ease-in-out;
  1280. -ms-transition: all .5s ease-in-out;
  1281. }
  1282.  
  1283. .hoverx1 {
  1284. position:relative;
  1285. top:50%;
  1286. left:50%;
  1287. margin-left:-51%;
  1288. margin-top:-21%;
  1289. padding:0;
  1290. width:70%;
  1291. padding:0;
  1292. background: rgba(17,17,17,0.2);
  1293. -webkit-transition: all .5s ease-in-out;
  1294. -moz-transition: all .5s ease-in-out;
  1295. -ms-transition: all .5s ease-in-out;
  1296. -o-transition: all .5s ease-in-out;
  1297. transition: all .5s ease-in-out;
  1298. }
  1299.  
  1300. .hoverx1:before {
  1301. content:"";
  1302. position:absolute;
  1303. opacity:1;
  1304. border-top:1px solid {color:sidebar icons};
  1305. width:100%;
  1306. transform: rotate(45deg);
  1307. transform-origin: 0% 0%;
  1308. }
  1309.  
  1310. #hovertab:hover .hoverx1 {
  1311. transform: rotate(45deg);
  1312. width:200%;
  1313. margin-left:0%;
  1314. -webkit-transition: all .5s ease-in-out;
  1315. -moz-transition: all .5s ease-in-out;
  1316. -ms-transition: all .5s ease-in-out;
  1317. -o-transition: all .5s ease-in-out;
  1318. transition: all .5s ease-in-out;
  1319. }
  1320.  
  1321. .hoverx2 {
  1322. position:relative;
  1323. top:50%;
  1324. left:50%;
  1325. margin-left:0%;
  1326. margin-top:-20%;
  1327. width:70%;
  1328. padding:0;
  1329. background: rgba(17,17,17,0.2);
  1330. -webkit-transition: all .5s ease-in-out;
  1331. -moz-transition: all .5s ease-in-out;
  1332. -ms-transition: all .5s ease-in-out;
  1333. -o-transition: all .5s ease-in-out;
  1334. transition: all .5s ease-in-out;
  1335. }
  1336.  
  1337. .hoverx2:before {
  1338. content:"";
  1339. position:absolute;
  1340. opacity:1;
  1341. border-bottom:1px solid {color:sidebar icons};
  1342. width:100%;
  1343. transform: rotate(135deg);
  1344. transform-origin: 0% 0%;
  1345. }
  1346.  
  1347. #hovertab:hover .hoverx2 {
  1348. transform: rotate(-45deg);
  1349. width:200%;
  1350. margin-left:-150%;
  1351. -webkit-transition: all .5s ease-in-out;
  1352. -moz-transition: all .5s ease-in-out;
  1353. -ms-transition: all .5s ease-in-out;
  1354. -o-transition: all .5s ease-in-out;
  1355. transition: all .5s ease-in-out;
  1356. }
  1357.  
  1358. .hoverpanel {
  1359. opacity:0;
  1360. width:150%;
  1361. height:199%;
  1362. margin-top:50%;
  1363. border-top:1px solid {color:sidebar icons};
  1364. border-bottom:1px solid {color:sidebar icons};
  1365. font-size:0.9em;
  1366. -webkit-transition: all .5s ease-in-out;
  1367. -moz-transition: all .5s ease-in-out;
  1368. -ms-transition: all .5s ease-in-out;
  1369. -o-transition: all .5s ease-in-out;
  1370. transition: all .5s ease-in-out;
  1371. }
  1372.  
  1373. #hovertab:hover .hoverpanel {
  1374. opacity:1;
  1375. -webkit-transition: all .5s ease-in-out;
  1376. -moz-transition: all .5s ease-in-out;
  1377. -ms-transition: all .5s ease-in-out;
  1378. -o-transition: all .5s ease-in-out;
  1379. transition: all .5s ease-in-out;
  1380. }
  1381.  
  1382. .hovertab_heading {
  1383. font-family: {select:Heading Font};
  1384. text-align:center;
  1385. padding:2% 0 3% 0;
  1386. font-size:1.1em;
  1387. }
  1388.  
  1389. .hovertab_text{
  1390. padding:2% 5%;
  1391. text-align:center;
  1392. }
  1393.  
  1394. .hovertab_text img {
  1395. height:25px;
  1396. padding:0 2px;
  1397. }
  1398.  
  1399. dl {
  1400. margin:0px;
  1401. padding:0px;
  1402. }
  1403.  
  1404. .hovertab_text dl dt {
  1405. float:left;
  1406. font-weight:700;
  1407. text-decoration:none;
  1408. margin-right:10px;
  1409. width:30px;
  1410. padding:0px 5px 2px 2px;
  1411. }
  1412.  
  1413. .hovertab_text dl dd {
  1414. margin:0px 0;
  1415. padding:0px 0px 2px 0px;
  1416. }
  1417.  
  1418. @media only screen and (max-width:1024px) {
  1419.  
  1420. body {
  1421. max-width:100vw;
  1422. overflow-x:hidden;
  1423. }
  1424.  
  1425. #content {
  1426. max-width:100%;
  1427. width:min(80%,500px);
  1428. margin-top:25px;
  1429. height:auto;
  1430. margin-left: 50%;
  1431. transform: translate(-50%);
  1432. }
  1433.  
  1434. .gutter-sizer {
  1435. width: 0px;
  1436. }
  1437.  
  1438. .grid-sizer, .entry {
  1439. width: calc((100% - 0px));
  1440. }
  1441.  
  1442. #sidebar {
  1443. padding:1%;
  1444. top:25px;
  1445. left:0;
  1446. width:100%;
  1447. height:auto;
  1448. max-width:100vw;
  1449. overflow-x:hidden;
  1450. position:relative;
  1451. margin-top:auto;
  1452. text-align:center;
  1453. }
  1454.  
  1455. .blogtitle {
  1456. text-align:center;
  1457. }
  1458.  
  1459. .navigation {
  1460. padding: 0 5%;
  1461. text-align:center;
  1462. }
  1463.  
  1464. #scroll:link, #scroll:visited {
  1465. bottom:10px;
  1466. right:5px;
  1467. }
  1468.  
  1469. #important {
  1470. bottom:10px;
  1471. left:5px;
  1472. }
  1473.  
  1474. #hovertab {
  1475. display:none;
  1476. }
  1477.  
  1478. }
  1479.  
  1480. </style>
  1481.  
  1482. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  1483.  
  1484. </head>
  1485.  
  1486. <body>
  1487.  
  1488. {block:ifhovertab}
  1489.  
  1490. <div id="hovertab">
  1491.  
  1492. <div class="hoverx1"></div><div class="hoverx2"></div>
  1493. <div class="hoverpanel">
  1494. <div class="hovertab_text">
  1495. {block:ifhovertabtitle1}<div class="hovertab_heading">{text:hover tab title 1}</div>
  1496. {text:hover tab text 1}
  1497. <hr>{/block:ifhovertabtitle1}
  1498. {block:ifhovertabtitle2}
  1499. <div class="hovertab_heading">{text:hover tab title 2}</div>
  1500. {text:hover tab text 2}
  1501. <hr>{/block:ifhovertabtitle2}
  1502. {block:ifhovertabtitle3}
  1503. <div class="hovertab_heading">{text:hover tab title 3}</div>
  1504. {text:hover tab text 3}
  1505. {/block:ifhovertabtitle3}
  1506. </div>
  1507. </div>
  1508.  
  1509. </div>
  1510. {/block:ifhovertab}
  1511.  
  1512. <div id="sidebar">
  1513.  
  1514. <div class="navigation">
  1515.  
  1516. <div class="blogtitle"><a href="/">{Title}</a></div>
  1517.  
  1518. <div class="description">{Description}</div>
  1519.  
  1520. {block:iftextnavigation}
  1521.  
  1522. <div class="navi"><a href="/">{text:home title}</a></div>
  1523. {block:ifasktitle}<div class="navi"><a href="{text:ask link}">{text:ask title}</a></div>{/block:ifasktitle}
  1524. {block:ifsubmittitle}
  1525. <div class="navi"><a href="/submit">{text:submit title}</a></div>{/block:ifsubmittitle}
  1526. <div class="navi"><a href="/archive">{text:archive title}</a></div>
  1527.  
  1528.  
  1529. {block:iflink1}<div class="navi"><a href="{text:link 1}">{text:link 1 title}</a></div>{/block:iflink1}
  1530. {block:iflink2}<div class="navi"><a href="{text:link 2}">{text:link 2 title}</a></div>{/block:iflink2}
  1531. {block:iflink3}<div class="navi"><a href="{text:link 3}">{text:link 3 title}</a></div>{/block:iflink3}
  1532. {block:iflink4}<div class="navi"><a href="{text:link 4}">{text:link 4 title}</a></div>{/block:iflink4}
  1533. {block:iflink5}<div class="navi"><a href="{text:link 5}">{text:link 5 title}</a></div>{/block:iflink5}
  1534. {block:iflink6}<div class="navi"><a href="{text:link 6}">{text:link 6 title}</a></div>{/block:iflink6}
  1535. {block:iflink7}<div class="navi"><a href="{text:link 7}">{text:link 7 title}</a></div>{/block:iflink7}
  1536.  
  1537. <div class="navi"><a href="https://mhango.tumblr.com" target="_blank">theme</a></div>
  1538.  
  1539. {/block:iftextnavigation}
  1540.  
  1541. {block:ifnottextnavigation}
  1542.  
  1543. <div class="navi"><a href="/" title="{text:home title}"><i data-feather="{text:home icon}"></i></a></div>
  1544. {block:ifasktitle}<div class="navi"><a href="{text:ask link}" title="{text:ask title}"><i data-feather="{text:ask icon}"></i></a></div>{/block:ifasktitle}
  1545. {block:ifsubmittitle}
  1546. <div class="navi"><a href="/submit" title="{text:submit title}"><i data-feather="{text:submit icon}"></i></a></div>{/block:ifsubmittitle}
  1547. <div class="navi"><a href="/archive" title="{text:archive title}"><i data-feather="{text:archive icon}"></i></a></div>
  1548.  
  1549.  
  1550. {block:iflink1}<div class="navi"><a href="{text:link 1}" title="{text:link 1 title}"><i data-feather="{text:link 1 icon}"></i></a></div>{/block:iflink1}
  1551. {block:iflink2}<div class="navi"><a href="{text:link 2}" title="{text:link 2 title}"><i data-feather="{text:link 2 icon}"></i></a></div>{/block:iflink2}
  1552. {block:iflink3}<div class="navi"><a href="{text:link 3}" title="{text:link 3 title}"><i data-feather="{text:link 3 icon}"></i></a></div>{/block:iflink3}
  1553. {block:iflink4}<div class="navi"><a href="{text:link 4}" title="{text:link 4 title}"><i data-feather="{text:link 4 icon}"></i></a></div>{/block:iflink4}
  1554. {block:iflink5}<div class="navi"><a href="{text:link 5}" title="{text:link 5 title}"><i data-feather="{text:link 5 icon}"></i></a></div>{/block:iflink5}
  1555. {block:iflink6}<div class="navi"><a href="{text:link 6}" title="{text:link 6 title}"><i data-feather="{text:link 6 icon}"></i></a></div>{/block:iflink6}
  1556. {block:iflink7}<div class="navi"><a href="{text:link 7}" title="{text:link 7 title}"><i data-feather="{text:link 7 icon}"></i></a></div>{/block:iflink7}
  1557.  
  1558. <div class="navi"><a href="https://mhango.tumblr.com" title="theme" target="_blank"><i data-feather="code"></i></a></div>
  1559.  
  1560. <!-- {block:HasPages}
  1561. {block:Pages}
  1562. <div class="nav"><a href="{URL}">{Label}</a>
  1563. {/block:Pages}
  1564. {/block:HasPages}-->
  1565.  
  1566.  
  1567. {/block:ifnottextnavigation}
  1568. </div>
  1569.  
  1570.  
  1571. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}" title="previous"><i data-feather="chevron-left"></i></a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}" title="next"><i data-feather="chevron-right"></i></a>{/block:NextPage}</div>{/block:Pagination}
  1572.  
  1573.  
  1574. </div>
  1575.  
  1576.  
  1577.  
  1578. <div id="content">
  1579.  
  1580. {block:Posts}
  1581.  
  1582. {block:ContentSource}<!-- {SourceURL}
  1583. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1584. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1585. {/block:ContentSource}
  1586.  
  1587. <!-- {block:NoRebloggedFrom}
  1588. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1589. {/block:NoRebloggedFrom} -->
  1590.  
  1591. <div class="entry" id="{PostID}">
  1592.  
  1593. <div class="grid-sizer"></div>
  1594. <div class="gutter-sizer"></div>
  1595.  
  1596. {block:indexpage}
  1597. {block:PinnedPostLabel}<div class="pinned" title="pinned"><i data-feather="hexagon"></i></div>{/block:PinnedPostLabel}
  1598. {/block:indexpage}
  1599.  
  1600. {block:Text}
  1601. <div class="textnew">
  1602. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}<div class="textbody">
  1603. {Body}</div>
  1604. {block:indexpage}
  1605. <div id="overlay"><div class="diagonal"></div><div class="diagonal2"></div></div><div class="controls">
  1606. <div class="timebutton"><a href="{Permalink}" title="{TimeAgo}"><i data-feather="clock"></i></a></div>
  1607. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><i data-feather="link-2"></i></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><i data-feather="repeat"></i></a></div><div class="heartbutton"><a href="#" class="like" title="like">{LikeButton} <i data-feather="heart"></i></a></div></div>{/block:indexpage}
  1608. </div>
  1609. {/block:Text}
  1610.  
  1611. {block:Photo}
  1612.  
  1613. <div class="photo">
  1614. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  1615. {block:indexpage}
  1616. <div id="overlay"><div class="diagonal"></div><div class="diagonal2"></div></div><div class="controls"><div class="timebutton"><a href="{Permalink}" title="{TimeAgo}"><i data-feather="clock"></i></a></div>
  1617. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><i data-feather="link-2"></i></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><i data-feather="repeat"></i></a></div><div class="heartbutton"><a href="#" class="like" title="like">{LikeButton} <i data-feather="heart"></i></a></div></div>{/block:indexpage}
  1618.  
  1619. </div>
  1620. {/block:Photo}
  1621.  
  1622. {block:Photoset}
  1623. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  1624. {block:indexpage}
  1625. <div id="overlay"><div class="diagonal"></div><div class="diagonal2"></div></div><div class="controls"><div class="timebutton"><a href="{Permalink}" title="{TimeAgo}"><i data-feather="clock"></i></a></div>
  1626. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><i data-feather="link-2"></i></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><i data-feather="repeat"></i></a></div><div class="heartbutton"><a href="#" class="like" title="like">{LikeButton} <i data-feather="heart"></i></a></div></div>{/block:indexpage}
  1627. {/block:Photoset}
  1628.  
  1629. {block:Quote}
  1630.  
  1631. <div class="text">
  1632. <div class="quotetext">{Quote}</div>
  1633. <div class="quotesource">{block:Source}<cite>{Source}</cite>{/block:Source}</div>
  1634. {block:indexpage}
  1635. <div id="overlay"><div class="diagonal"></div><div class="diagonal2"></div></div><div class="controls"><div class="timebutton"><a href="{Permalink}" title="{TimeAgo}"><i data-feather="clock"></i></a></div>
  1636. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><i data-feather="link-2"></i></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><i data-feather="repeat"></i></a></div><div class="heartbutton"><a href="#" class="like" title="like">{LikeButton} <i data-feather="heart"></i></a></div></div>{/block:indexpage}
  1637. </div>
  1638. {/block:Quote}
  1639.  
  1640. {block:Link}
  1641.  
  1642. <div class="text">
  1643. <div class="title"><a href="{URL}">{Name}</div>
  1644. <div class="textbody">{block:Description}{Description}{/block:Description}</div>
  1645. {block:indexpage}
  1646. <div id="overlay"><div class="diagonal"></div><div class="diagonal2"></div></div><div class="controls"><div class="timebutton"><a href="{Permalink}" title="{TimeAgo}"><i data-feather="clock"></i></a></div>
  1647. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><i data-feather="link-2"></i></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><i data-feather="repeat"></i></a></div><div class="heartbutton"><a href="#" class="like" title="like">{LikeButton} <i data-feather="heart"></i></a></div></div>{/block:indexpage}
  1648. </div>
  1649. {/block:Link}
  1650.  
  1651. {block:Chat}
  1652.  
  1653. <div class="chat">
  1654. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  1655. <ul>
  1656. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  1657. </ul>
  1658. {block:indexpage}
  1659. <div id="overlay"><div class="diagonal"></div><div class="diagonal2"></div></div><div class="controls"><div class="timebutton"><a href="{Permalink}" title="{TimeAgo}"><i data-feather="clock"></i></a></div>
  1660. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><i data-feather="link-2"></i></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><i data-feather="repeat"></i></a></div><div class="heartbutton"><a href="#" class="like" title="like">{LikeButton} <i data-feather="heart"></i></a></div></div>{/block:indexpage}
  1661. </div>
  1662. {/block:Chat}
  1663.  
  1664. {block:Audio}
  1665.  
  1666. <div class="audio">
  1667. {block:TrackName}{TrackName} by{/block:TrackName} {block:Artist}{Artist} <br><br>{/block:Artist}
  1668. {AudioPlayerGrey}
  1669. {block:indexpage}
  1670. <div id="overlay"><div class="diagonal"></div><div class="diagonal2"></div></div><div class="controls"><div class="timebutton"><a href="{Permalink}" title="{TimeAgo}"><i data-feather="clock"></i></a></div>
  1671. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><i data-feather="link-2"></i></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><i data-feather="repeat"></i></a></div><div class="heartbutton"><a href="#" class="like" title="like">{LikeButton} <i data-feather="heart"></i></a></div></div>{/block:indexpage}
  1672. </div>
  1673. {/block:Audio}
  1674.  
  1675. {block:Video}
  1676.  
  1677. <div class="video">
  1678. <div class="video-player">{Video-500}</div>
  1679. {block:indexpage}
  1680. <div id="overlay"><div class="diagonal"></div><div class="diagonal2"></div></div><div class="controls"><div class="timebutton"><a href="{Permalink}" title="{TimeAgo}"><i data-feather="clock"></i></a></div>
  1681. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><i data-feather="link-2"></i></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><i data-feather="repeat"></i></a></div><div class="heartbutton"><a href="#" class="like" title="like">{LikeButton} <i data-feather="heart"></i></a></div></div>{/block:indexpage}
  1682. </div>
  1683. {/block:Video}
  1684.  
  1685. {block:Answer}
  1686.  
  1687. <div class="text">
  1688. <div class="ask"><div class="asker">{Asker} said:&nbsp;</div>{Question}</div>
  1689. <div class="answer"><div class="textbody">{Answer}</div></div>
  1690. {block:indexpage}
  1691. <div id="overlay"><div class="diagonal"></div><div class="diagonal2"></div></div><div class="controls"><div class="timebutton"><a href="{Permalink}" title="{TimeAgo}"><i data-feather="clock"></i></a></div>
  1692. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><i data-feather="link-2"></i></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><i data-feather="repeat"></i></a></div><div class="heartbutton"><a href="#" class="like" title="like">{LikeButton} <i data-feather="heart"></i></a></div></div>{/block:indexpage}
  1693. </div>
  1694. {/block:Answer}
  1695.  
  1696. {block:Date}
  1697. <div class="details">
  1698. {block:PermalinkPage}
  1699. <div class="caption">
  1700. <div class="blogcaption"><div class="textbody">{block:caption}{Caption}{/block:caption}</div></div>
  1701. <div class="tagsandmore">
  1702. <ul>
  1703. {block:HasTags}<li><div id="tags"><span class="infoheading">Tags:</span> {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div></li>{/block:HasTags}
  1704. <li><span class="infoheading">Posted:</span> {timeago}</li>
  1705. {block:NoteCount}<li><span class="infoheading">Notecount:</span> {notecount}</li>{/block:NoteCount}
  1706. {block:RebloggedFrom}<li><span class="infoheading">Via:</span> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></li>{/block:RebloggedFrom}
  1707. {block:ContentSource}<li><span class="infoheading">Source:</span> <a href="{SourceURL}" target="_blank">{SourceTitle}</a></li>{/block:ContentSource}
  1708. </ul>
  1709. {block:PostNotes}<div id="notes">{PostNotes-16}</div>{/block:PostNotes}
  1710. </div></div>
  1711. {/block:PermalinkPage}
  1712. </div>{/block:Date}
  1713.  
  1714. </div>
  1715.  
  1716. {/block:Posts}
  1717.  
  1718.  
  1719. {block:Pagination}<a href="#" class="load-more" style="color:{color:text}">load more</a>{/block:Pagination}
  1720.  
  1721.  
  1722. </div>
  1723.  
  1724. <!-- Codes for Infinite Scroll, Masonry, etc. -->
  1725. <script src="https://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1726. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1727.  
  1728. {block:IndexPage}
  1729. <script src="https://static.tumblr.com/lrtkpti/68fqnfrtl/masonry.pkgd.min.js"></script>
  1730. <script src="https://static.tumblr.com/lrtkpti/RGIqnfs0v/imagesloaded.pkgd.min.js"></script>
  1731. {block:ifInfiniteScroll}
  1732. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1733. {/block:ifInfiniteScroll}
  1734. {/block:IndexPage}
  1735.  
  1736. <!-- unnested captions -->
  1737.  
  1738. <script>
  1739. $('.entry').unnest({
  1740. yourCaption: ".textbody", {Caption}
  1741. wrapName: ".tumblr_parent",
  1742. newCaptionUsername: false,
  1743. originalPostCaptionUsername: false,
  1744. tumblrAvatars: false,
  1745. tumblrAvatarClass: ".tumblr_avatar",
  1746. usernameColon: false
  1747. });
  1748. </script>
  1749.  
  1750.  
  1751. <script>
  1752. $(document).ready(function(){
  1753. {block:IndexPage}
  1754. var $container = $('#content');
  1755. $container.masonry({
  1756. itemSelector: '.entry',
  1757. columnWidth: '.grid-sizer',
  1758. gutter: '.gutter-sizer',
  1759. percentPosition: true,
  1760. horizontalOrder: true
  1761. });
  1762. $container.imagesLoaded(function(){
  1763. $container.masonry({
  1764. itemSelector: '.entry',
  1765. columnWidth: '.grid-sizer',
  1766. gutter: '.gutter-sizer',
  1767. percentPosition: true,
  1768. horizontalOrder: true
  1769. });
  1770. //$container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  1771. });
  1772. {block:ifInfiniteScroll}
  1773. $container.infinitescroll({
  1774. itemSelector: '.entry',
  1775. navSelector: '.pagination',
  1776. nextSelector: '.next',
  1777. loadingImg: '',
  1778. loadingText: '<em></em>',
  1779. bufferPx: 2000,
  1780. errorCallback: function(){
  1781. $('.load-more').hide();
  1782. }
  1783. },
  1784. function( newElements ) {
  1785. var $newElems = $( newElements )
  1786.  
  1787. $newElems.css({ opacity:0, zIndex:-1 });
  1788. /*startlike*/
  1789. var $newElemsIDs = $newElems.map(function(){
  1790. return this.id;
  1791. }).get();
  1792. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);/*endlike*/
  1793. feather.replace({'stroke-width': 1 })
  1794. $newElems.imagesLoaded(function(){
  1795. $container.masonry( 'appended', $newElems );
  1796. $newElems.animate({ opacity:1, zIndex:1, border:none, background:transparent });
  1797. });
  1798. $newElems.unnest();
  1799. resizeVideos();
  1800. });
  1801. {block:ifManualload}
  1802. $(window).unbind('.infscr');
  1803. $('.load-more').click(function(){
  1804. $container.infinitescroll('retrieve');
  1805. return false
  1806. });{/block:ifManualload}
  1807. {/block:ifInfiniteScroll}
  1808. {/block:IndexPage}
  1809. });
  1810. </script>
  1811.  
  1812. <!-- scroll to top code 1 -->
  1813.  
  1814. <script type="text/javascript">
  1815.  
  1816. $(function(){$window=$(window);$link=$("#scroll");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=0){$link.fadeOut("slow")}else{$link.fadeIn("fast")}})});
  1817.  
  1818. </script>
  1819.  
  1820.  
  1821. <!-- tooltip script -->
  1822.  
  1823. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1824.  
  1825. <script>
  1826.  
  1827. (function($){
  1828.  
  1829. $(document).ready(function(){
  1830.  
  1831. $("[title]").style_my_tooltips({
  1832.  
  1833. tip_follows_cursor:true,
  1834.  
  1835. tip_delay_time:100,
  1836.  
  1837. tip_fade_speed:250,
  1838.  
  1839. attribute:"title"
  1840.  
  1841. });
  1842.  
  1843. });
  1844.  
  1845. })(jQuery);
  1846.  
  1847. </script>
  1848.  
  1849. <!-- search form script -->
  1850.  
  1851. <script>
  1852. $(document).ready(function(){
  1853. $('.search').submit(function(event){
  1854. var value = $('input:first').val();
  1855. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  1856. });
  1857. });
  1858. </script>
  1859.  
  1860. <!-- theme credit -->
  1861.  
  1862. <div id="important"><a href="https://mhango.tumblr.com" target="_blank" title="theme by mhango"><i data-feather="cloud"></i></a></div>
  1863.  
  1864.  
  1865. </body>
  1866.  
  1867. <!-- scroll to top code 3 -->
  1868.  
  1869. <a href="javascript:;" id="scroll" rel="nofollow" title="scroll to top"><i data-feather="chevron-up"></i></a>
  1870.  
  1871. <!-- end of scroll to top code 3 -->
  1872.  
  1873. <script>
  1874. feather.replace({'stroke-width': 1 })
  1875. </script>
  1876.  
  1877. </html>
Advertisement
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!