API tools faq
paste
mhango

Lightsome Theme

mhango
Jan 26th, 2021 (edited)
6,736
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.15 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: Lightsome by @mhango | @themesbyeva
  8. Version 3 (15th June 2023)
  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. > PXU Photosets
  22. https://github.com/PixelUnion/Extended-Tumblr-Photoset
  23. Edited by @bychloethemes
  24. > Infinite Scroll
  25. https://infinite-scroll.com
  26. > Masonry
  27. https://masonry.desandro.com
  28. > Icons
  29. icons8.com
  30. > Fonts
  31. fonts.google.com
  32. > Scroll To Top
  33. @painthemes
  34. > Custom Tooltips
  35. @htmlqueens
  36. > Hide / Show Effect
  37. @sophiasthemage
  38. > Un-nested tumblr captions
  39. @neothm, @magnusthemes
  40.  
  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.  
  50. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  51.  
  52. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-smooth-scroll/1.7.2/jquery.smooth-scroll.min.js"></script>
  53.  
  54. <meta name="viewport" content="width=device-width, initial-scale=1">
  55.  
  56. <meta name="image:Background" content="" />
  57. <meta name="image:Topbar Background" content="" />
  58. <meta name="image:Topbar Icon" content="" />
  59.  
  60. <meta name="color:Background" content="#ffffff" />
  61. <meta name="color:Text" content="#000000" />
  62. <meta name="color:Link" content="#000000" />
  63. <meta name="color:Link Hover" content="#c9b6c2" />
  64. <meta name="color:Accent" content="#97738a" />
  65. <meta name="color:Blockquote" content="#eddde7" />
  66. <meta name="color:Blogtitle" content="#000000" />
  67. <meta name="color:Post Borders" content="#eddde7" />
  68. <meta name="color:Post Background" content="#f9f1f6" />
  69. <meta name="color:Post Overlay" content="#000000" />
  70. <meta name="color:Footer Background" content="#f9f1f6" />
  71. <meta name="color:Topbar Text" content="#000000" />
  72. <meta name="color:Topbar Background" content="#f9f1f6" />
  73. <meta name="color:Topbar Borders" content="#eddde7" />
  74. <meta name="color:Topbar Buttons" content="#f9f1f6" />
  75. <meta name="color:Tooltip Text" content="#000000" />
  76. <meta name="color:Tooltip Background" content="#eddde7" />
  77. <meta name="color:Tooltip Borders" content="#dfcbd8" />
  78. <meta name="color:Scrollbar" content="#eddde7" />
  79. <meta name="color:Text Highlight" content="#c9b9c3" />
  80.  
  81. <meta name="if:Infinite Scroll" content="1">
  82. <meta name="if:Fixed Header" content="0">
  83. <meta name="if:Dark Tumblr Controls" content="0">
  84. <meta name="if:News Tab" content="1"/>
  85. <meta name="if:Stats Tab" content="1"/>
  86. <meta name="if:Blogs Tab" content="1"/>
  87. <meta name="if:Groups Tab" content="1"/>
  88. <meta name="if:Always Show Tabs" content="0"/>
  89. <meta name="if:Show Topbar Icon" content="0"/>
  90. <meta name="if:Two Columns" content="0">
  91. <meta name="if:Three Columns" content="1">
  92. <meta name="if:Four Columns" content="0">
  93.  
  94. <meta name="text:News Title" content="NEWS" />
  95. <meta name="text:News Text" content="your news go here" />
  96. <meta name="text:Stats Title" content="STATS" />
  97. <meta name="text:Stats Text" content="your stats go here" />
  98. <meta name="text:Blogs Title" content="BLOGS" />
  99. <meta name="text:Blog 1 Username" content="" />
  100. <meta name="text:Blog 2 Username" content="" />
  101. <meta name="text:Blog 3 Username" content="" />
  102. <meta name="text:Blog 4 Username" content="" />
  103. <meta name="text:Groups Title" content="GROUPS" />
  104. <meta name="text:Group 1 Badge Code" content="badge code" />
  105. <meta name="text:Group 2 Badge Code" content="badge code" />
  106. <meta name="text:Group 3 Badge Code" content="badge code" />
  107. <meta name="text:Group 4 Badge Code" content="badge code" />
  108.  
  109. <meta name="text:home title" content="home" />
  110. <meta name="text:ask title" content="ask" />
  111. <meta name="text:ask link" content="/ask" />
  112. <meta name="text:submit title" content="" />
  113. <meta name="text:archive title" content="past" />
  114. <meta name="text:link 1 title" content="" />
  115. <meta name="text:link 1" content="" />
  116. <meta name="text:link 2 title" content="" />
  117. <meta name="text:link 2" content="" />
  118. <meta name="text:link 3 title" content="" />
  119. <meta name="text:link 3" content="" />
  120. <meta name="text:link 4 title" content="" />
  121. <meta name="text:link 4" content="" />
  122. <meta name="text:link 5 title" content="" />
  123. <meta name="text:link 5" content="" />
  124. <meta name="text:link 6 title" content="" />
  125. <meta name="text:link 6" content="" />
  126.  
  127. <meta name="select:Body Font" content="'Arimo', Helvetica, Arial, sans-serif" title="Arimo">
  128. <meta name="select:Body Font" content="'Avalon', Helvetica, Arial, sans-serif" title="Avalon">
  129. <meta name="select:Body Font" content="'Gudea', Helvetica, Arial, sans-serif" title="Gudea">
  130. <meta name="select:Body Font" content="'Imprima', Helvetica, Arial, sans-serif" title="Imprima">
  131. <meta name="select:Body Font" content="'Karla', Helvetica, Arial, sans-serif" title="Karla">
  132. <meta name="select:Body Font" content="'Lato', Helvetica, Arial, sans-serif" title="Lato">
  133. <meta name="select:Body Font" content="'Muli', Helvetica, Arial, sans-serif" title="Muli">
  134. <meta name="select:Body Font" content="'Quicksand', Helvetica, Arial, sans-serif" title="Quicksand">
  135. <meta name="select:Body Font" content="'Raleway', Helvetica, Arial, sans-serif" title="Raleway">
  136. <meta name="select:Body Font" content="'Roboto', Helvetica, Arial, sans-serif" title="Roboto">
  137. <meta name="select:Body Font" content="'Source Serif Pro', Times New Roman, Times, serif" title="Source Serif Pro">
  138.  
  139. <meta name="select:Title Font" content="'DM Serif Text', Helvetica, Arial, sans-serif" title="DM Serif Text">
  140. <meta name="select:Title Font" content="'Lexend Deca', Helvetica, Arial, sans-serif" title="Lexend Deca">
  141. <meta name="select:Title Font" content="'Montserrat', Helvetica, Arial, sans-serif" title="Montserrat">
  142. <meta name="select:Title Font" content="'Oswald', Helvetica, Arial, sans-serif" title="Oswald">
  143. <meta name="select:Title Font" content="'Playfair Display', Helvetica, Arial, sans-serif" title="Playfair Display">
  144. <meta name="select:Title Font" content="'Poiret One', Helvetica, Arial, sans-serif" title="Poiret One">
  145. <meta name="select:Title Font" content="'Roboto Slab', Helvetica, Arial, sans-serif" title="Roboto Slab">
  146.  
  147. <!-- google fonts -->
  148.  
  149. <link rel="preconnect" href="https://fonts.gstatic.com">
  150. <link href="https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&family=Gudea:wght@400;700&family=Imprima&family=Karla:wght@400;700&family=Lato:wght@400;700&family=Mulish:wght@400;700&family=Quicksand:wght@400;700&family=Raleway:wght@400;700&family=Roboto:wght@400;700&family=Source+Serif+Pro:wght@400;700&display=swap" rel="stylesheet">
  151.  
  152. <link rel="preconnect" href="https://fonts.gstatic.com">
  153. <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Text&family=Lexend+Deca&family=Montserrat:wght@400;700&family=Oswald:wght@400;700&family=Playfair+Display:wght@400;700&family=Poiret+One&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
  154.  
  155. <link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  156.  
  157. <!-- jquery library + hide / show effect -->
  158.  
  159. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  160.  
  161. {block:ifnotalwaysshowtabs}
  162. <script>
  163. $(document).ready(function(){
  164. $("#newsclick").click(function(){
  165. $("#newsshow").slideToggle("slow");
  166. });
  167. });
  168. $(document).ready(function(){
  169. $("#statsclick").click(function(){
  170. $("#statsshow").slideToggle("slow");
  171. });
  172. });
  173. $(document).ready(function(){
  174. $("#blogsclick").click(function(){
  175. $("#blogsshow").slideToggle("slow");
  176. });
  177. });
  178. $(document).ready(function(){
  179. $("#groupsclick").click(function(){
  180. $("#groupsshow").slideToggle("slow");
  181. });
  182. });
  183. </script>
  184. {/block:ifnotalwaysshowtabs}
  185.  
  186. <style type="text/css">
  187.  
  188. body {
  189. background: {color:Background} url('{image:Background}');
  190. background-attachment:fixed;
  191. background-repeat: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 {
  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{
  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. small, sub {
  224. font-size:1em;
  225. vertical-align:baseline;
  226. }
  227.  
  228. cite {
  229. font-style:normal;
  230. }
  231.  
  232. blockquote {
  233. margin: 0;
  234. padding: 0;
  235. border-left:0px solid {color:blockquote};
  236. }
  237.  
  238. ol, ul, p, pre {
  239. margin:0 0 .6em;
  240. }
  241.  
  242. h1, h2, h3, h4, h5, h6 {
  243. margin:0 0 .6em;
  244. font-size:1.2em;
  245. font-weight:inherit;
  246. font-family: {select:title font};
  247. }
  248.  
  249. .tumblr_video_container {
  250. max-width: 100%!important;
  251. height:auto;
  252. }
  253.  
  254. iframe, img, embed, object, video {
  255. max-width: 100%;
  256. }
  257.  
  258. img {
  259. border:0;
  260. max-width:100%;
  261. height:auto;
  262. display:block;
  263. }
  264.  
  265. hr {
  266. margin:1em 0;
  267. border:0;
  268. height:1px;
  269. -moz-box-sizing:border-box;
  270. box-sizing:border-box;
  271. background-color:{color:border};
  272. }
  273.  
  274. ::-webkit-scrollbar-thumb{
  275. background-color: {color:scrollbar};
  276. border: 2px solid {color:background};
  277. height:auto;
  278. -moz-border-radius: 20%;
  279. border-radius: 20%;
  280. }
  281.  
  282. ::-webkit-scrollbar {
  283. height:auto;
  284. width:8px;
  285. background-color: {color:background};
  286. border: 4px solid {color:background};
  287. }
  288.  
  289. ::-moz-selection {
  290. background: {color:Text highlight};
  291. color: {color:text};
  292. }
  293.  
  294. ::selection {
  295. background: {color:Text highlight};
  296. color: {color:text};
  297. }
  298.  
  299. #scroll:link, #scroll:visited {
  300. display: none;
  301. position: fixed;
  302. bottom: 20px;
  303. right: 20px;
  304. width:25px;
  305. z-index:999999;
  306. }
  307.  
  308. #s-m-t-tooltip {
  309. font-weight:600;
  310. font-family: {select:body font};
  311. font-size:0.9em;
  312. color: {color:tooltip text};
  313. background-color:{color:tooltip background};
  314. text-align: center;
  315. max-width:150px;
  316. border: 1px solid {color:tooltip borders};
  317. overflow:auto;
  318. text-transform:none;
  319. letter-spacing:0.028em;
  320. position: absolute;
  321. z-index: 999999999999;
  322. padding: .33em .66em .33em .66em;
  323. box-shadow:0 0 rgba(0,0,0,0.2);
  324. -webkit-transition: all 0.2s ease-in-out;
  325. -moz-transition: all 0.2s ease-in-out;
  326. transition: all 0.2s ease-in-out;
  327. margin:20px 0 15px 10px;
  328. }
  329.  
  330. #content {
  331. {block:iffixedheader}
  332. {block:ifnotshowtopbaricon}
  333. margin-top:170px;
  334. {/block:ifnotshowtopbaricon}
  335. {block:ifshowtopbaricon}
  336. margin-top:calc(170px + 70px);
  337. {/block:ifshowtopbaricon}
  338. {/block:iffixedheader}
  339. {block:ifnotfixedheader}
  340. margin-top:25px;
  341. {/block:ifnotfixedheader}
  342. float: center;
  343. position:absolute;
  344. height:100%;
  345. z-index:9999;
  346. {block:indexpage}
  347. margin-left: 50%;
  348. transform: translate(-50%);
  349. width: min(60%,500px);
  350. {block:iftwocolumns}
  351. width: min(60%,1070px);
  352. {/block:iftwocolumns}
  353. {block:ifthreecolumns}
  354. width: min(60%,1600px);
  355. {/block:ifthreecolumns}
  356. {block:iffourcolumns}
  357. width: min(60%,2090px);
  358. {/block:iffourcolumns}
  359. {/block:indexpage}
  360. {block:permalinkpage}
  361. width:min(30%,500px);
  362. margin-left: 50%;
  363. transform: translate(-50%);
  364. {/block:permalinkpage}
  365. }
  366.  
  367. @-webkit-keyframes cssAnimation {
  368. from{
  369. -webkit-transform: scale(0.871);}
  370. to{
  371. -webkit-transform:scale(1); }
  372. }
  373.  
  374. @-moz-keyframes cssAnimation {
  375. from{
  376. -moz-transform:scale(0.871);}
  377. to{
  378. -moz-transform: scale(1); }
  379. }
  380.  
  381. @-o-keyframes cssAnimation {
  382. from{
  383. -o-transform: scale(0.871);
  384. }
  385.  
  386. to{
  387. -o-transform: scale(1);}
  388. }
  389.  
  390. .entry {
  391. position:relative;
  392. background: {color:Background};
  393. max-width:500px;
  394. border:none;
  395. height:auto;
  396. margin: 20px 0;
  397. padding: 0;
  398. {block:indexpage}
  399. width: 18vw;
  400. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  401. -moz-animation: cssAnimation 1s 1 ease-in-out;
  402. -o-animation: cssAnimation 1s 1 ease-in-out;
  403. {/block:indexpage}
  404. {block:PermalinkPage}
  405. width:100%;
  406. height:auto;
  407. padding: 0;
  408. {/block:PermalinkPage}
  409. }
  410.  
  411.  
  412. /*
  413.  
  414. Code: NPF / Text Post - Image Fix by @mhango | @themesbyeva
  415. Version 5 (15th June 2023)
  416.  
  417. Rules:
  418. > don't alter / remove the credit
  419. > don't copy parts of this code or use as a base
  420. > don't edit this code and redistribute
  421. > don't claim as your own
  422.  
  423. Disclaimer: This code might not work on every theme. Always back-up your theme before changing the code.
  424.  
  425. For detailed instructions and support please visit https://themesbyeva.tumblr.com.
  426.  
  427. */
  428.  
  429. {block:PermalinkPage}
  430.  
  431. .textnew figure + p {
  432. margin-top:1em;
  433. }
  434.  
  435. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)):has(.tumblr_blog) p:first-child {
  436. color:{color:background};
  437. font-size:0;
  438. display:none;
  439. }
  440.  
  441. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)):has(.tumblr_blog) p {
  442. color:{color:text};
  443. font-size:12px;
  444. }
  445.  
  446. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)) p {
  447. margin:10px 20px;
  448. }
  449.  
  450. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)) {
  451. background:{color:Footer Background};
  452. }
  453.  
  454. {/block:PermalinkPage}
  455.  
  456. {block:indexpage}
  457.  
  458. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)):has(.tumblr_blog) {
  459. color:{color:background};
  460. font-size:0;
  461. }
  462. {/block:indexpage}
  463.  
  464. .textnew:has(.tmblr-full img) .op-blockquote,
  465. .textnew:has(.tmblr-full img) .npf-post-source,
  466. .textnew:has(.tmblr-full img) .tumblr_blog,
  467. .textnew:has(.post_media_photo_anchor img) .op-blockquote,
  468. .textnew:has(.post_media_photo_anchor img) .npf-post-source,
  469. .textnew:has(.post_media_photo_anchor img) .tumblr_blog
  470. {
  471. display:none;
  472. }
  473.  
  474. .textnew {
  475. padding:15px;
  476. }
  477.  
  478. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.tmblr-full img),
  479. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.post_media_photo_anchor img) {
  480. padding:0;
  481. }
  482.  
  483. .post_media_photo_anchor img, .post_media_photo img {
  484. height:100%;
  485. width:100%;
  486. }
  487.  
  488. {block:indexpage}
  489.  
  490.  
  491. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.tmblr-full img) :is(p,ul,ol,h1,h2,h3,h4,h5),
  492. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.post_media_photo_anchor img) :is(p,ul,ol,h1,h2,h3,h4,h5)
  493. {
  494. display:none;
  495. }
  496.  
  497. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.tmblr-full img),
  498. .textnew:not(:has(.title)):not(:has(p + .npf_row)):has(.post_media_photo_anchor img)
  499. {
  500. background-color: {color:background};
  501. border-color:{color:background};
  502. }
  503.  
  504. {/block:indexpage}
  505.  
  506. /* End of Text Post - Image Fix V5 */
  507.  
  508.  
  509.  
  510. {block:indexpage}
  511.  
  512. .gutter-sizer {
  513. width: 0px;
  514. }
  515.  
  516. .grid-sizer, .entry {
  517. width: 100%;
  518. }
  519.  
  520. {block:iftwocolumns}
  521. .gutter-sizer {
  522. width: 70px;
  523. }
  524.  
  525. .grid-sizer, .entry {
  526. width: calc((100% - 70px) / 2);
  527. }
  528. {/block:iftwocolumns}
  529.  
  530. {block:ifthreecolumns}
  531. .gutter-sizer {
  532. width: 50px;
  533. }
  534.  
  535. .grid-sizer, .entry {
  536. width: calc((100% - 100px) / 3);
  537. }
  538. {/block:ifthreecolumns}
  539.  
  540. {block:iffourcolumns}
  541. .gutter-sizer {
  542. width: 30px;
  543. }
  544.  
  545. .grid-sizer, .entry {
  546. width: calc((100% - 90px) / 4);
  547. }
  548. {/block:iffourcolumns}
  549.  
  550. {/block:indexpage}
  551.  
  552. .entry:last-child {
  553. margin-bottom:5px;
  554. }
  555.  
  556. #overlay{
  557. position:absolute;
  558. left:0px;
  559. top:0px;
  560. height:100%;
  561. width:100%;
  562. background: rgba({RGBcolor:Post Overlay}, 0);
  563. box-sizing:border-box;
  564. z-index:999;
  565. -webkit-transition: all .5s ease-in-out;
  566. -moz-transition: all .5s ease-in-out;
  567. -ms-transition: all .5s ease-in-out;
  568. -o-transition: all .5s ease-in-out;
  569. transition: all .5s ease-in-out;
  570. }
  571.  
  572. .entry:hover #overlay {
  573. {block:indexpage}
  574. background: rgba({RGBcolor:Post Overlay}, 0.5);
  575. -webkit-transition: all .5s ease-in-out;
  576. -moz-transition: all .5s ease-in-out;
  577. -ms-transition: all .5s ease-in-out;
  578. -o-transition: all .5s ease-in-out;
  579. transition: all .5s ease-in-out;
  580. {/block:indexpage}
  581. }
  582.  
  583. .permabutton, .reblogbutton {
  584. {block:indexpage}
  585. position:absolute;
  586. width:auto;
  587. display:inline-block;
  588. padding: 8px;
  589. height:25px;
  590. border: 1px solid transparent;
  591. border-radius:100%;
  592. z-index:999999;
  593. -webkit-transition: all 0.5s ease-in-out;
  594. -moz-transition: all 0.5s ease-in-out;
  595. -o-transition: all 0.5s ease-in-out;
  596. -ms-transition: all 0.5s ease-in-out;
  597. transition: all 0.5s ease-in-out;
  598. font-size:10px;
  599. font-weight:700;
  600. text-transform:uppercase;
  601. margin:8px;
  602. opacity:0;
  603. {/block:indexpage}
  604. }
  605.  
  606. .permabutton {
  607. left:40%;
  608. top:50%;
  609. margin-top:-22px;
  610. margin-left:-32px;
  611. }
  612.  
  613. .reblogbutton {
  614. right:40%;
  615. top:50%;
  616. margin-top:-22px;
  617. margin-right:-32px;
  618. }
  619.  
  620. .permabutton img, .reblogbutton img {
  621. height:25px;
  622. vertical-align:middle;
  623. }
  624.  
  625. .permabutton a, .permabutton a:visited,
  626. .reblogbutton a, .reblogbutton a:visited {
  627. color: {color:text};
  628. text-decoration: none;
  629. -webkit-transition: all 0.5s ease-in-out;
  630. -moz-transition: all 0.5s ease-in-out;
  631. -o-transition: all 0.5s ease-in-out;
  632. -ms-transition: all 0.5s ease-in-out;
  633. transition: all 0.5s ease-in-out;
  634. }
  635.  
  636. .permabutton:hover, .reblogbutton:hover {
  637. background:{color:accent};
  638. border: 1px solid {color:accent};
  639. border-radius:100%;
  640. -webkit-transition: all 0.5s ease-in-out;
  641. -moz-transition: all 0.5s ease-in-out;
  642. -o-transition: all 0.5s ease-in-out;
  643. -ms-transition: all 0.5s ease-in-out;
  644. transition: all 0.5s ease-in-out;
  645. }
  646.  
  647. .entry:hover .permabutton, .entry:hover .reblogbutton {
  648. {block:indexpage}
  649. opacity:1;
  650. -webkit-transition: all 0.5s ease-in-out;
  651. -moz-transition: all 0.5s ease-in-out;
  652. -o-transition: all 0.5s ease-in-out;
  653. -ms-transition: all 0.5s ease-in-out;
  654. transition: all 0.5s ease-in-out;
  655. {/block:indexpage}
  656.  
  657. }
  658.  
  659. /* audio / video post perma */
  660.  
  661. .permainfo, .rebloginfo {
  662. {block:indexpage}
  663. opacity:1;
  664. margin-top:-8px;
  665. margin-left:3px;
  666. margin-right:3px;
  667. font-size:11px;
  668. text-transform:none;
  669. display:inline-block;
  670. color: {color:text};
  671. padding-bottom:2px;
  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. .permainfo {
  681. {block:indexpage}
  682. float:left;
  683. {/block:indexpage}
  684. }
  685.  
  686. .rebloginfo {
  687. {block:indexpage}
  688. float:right;
  689. {/block:indexpage}
  690. }
  691.  
  692. .rebloginfo:hover, .permainfo:hover {
  693. color: {color:link hover};
  694. -webkit-transition: all 0.5s ease-in-out;
  695. -moz-transition: all 0.5s ease-in-out;
  696. -o-transition: all 0.5s ease-in-out;
  697. -ms-transition: all 0.5s ease-in-out;
  698. transition: all 0.5s ease-in-out;
  699. }
  700.  
  701. .notebox {
  702. background:{color:Post Background};
  703. border:1px solid {color:post borders};
  704. -moz-border-radius: 3%;
  705. border-radius:3%;
  706. width:auto;
  707. height:auto;
  708. padding:15px 10px;
  709. }
  710.  
  711. {block:indexpage}
  712. .photoset #overlay {
  713. height: calc(100% - 2px);
  714. }
  715.  
  716. .photoset {
  717. margin-bottom:-2px;
  718. }
  719. {/block:indexpage}
  720.  
  721.  
  722. {block:permalinkpage}
  723. .details {
  724. background:{color:footer background};
  725. border-top:1px solid {color:footer background};
  726. border-bottom:1px solid {color:blockquote};
  727. border-left:1px solid {color:blockquote};
  728. border-right:1px solid {color:blockquote};
  729. padding-bottom:10px;
  730. }
  731.  
  732. .photoset {
  733. margin-bottom:-3px;
  734. }
  735. {/block:permalinkpage}
  736.  
  737. #topbar {
  738. background:{color:Topbar background} url('{image:Topbar Background}');
  739. padding: 1%;
  740. color: {color:Topbar text};
  741. height:auto;
  742. width: min(58%,1546px);
  743. font-size:1.1em;
  744. line-height:1.2em;
  745. top: 0;
  746. {block:iffixedheader}
  747. position:fixed;
  748. {/block:iffixedheader}
  749. {block:ifnotfixedheader}
  750. position:relative;
  751. {/block:ifnotfixedheader}
  752. margin-left: 50%;
  753. transform: translate(-50%);
  754. text-align:center;
  755. border:1px solid {color:Topbar Borders};
  756. z-index:99999;
  757. }
  758.  
  759. .topblock {
  760. margin-top:15px;
  761. text-align:center;
  762. }
  763.  
  764. .sideicon {
  765. width:70px;
  766. height:70px;
  767. margin:-20px auto 20px auto;
  768. }
  769.  
  770. .sideicon img {
  771. width:70px;
  772. height:70px;
  773. border:1px solid {color:Topbar Borders};
  774. -moz-border-radius: 100%;
  775. border-radius:100%;
  776. }
  777.  
  778. .blogtitle a {
  779. padding:5px;
  780. font-size:1.8em;
  781. font-weight:normal;
  782. font-family:{select:title font};
  783. color: {color:blogtitle};
  784. -webkit-transition: all 0.5s ease-in-out;
  785. -moz-transition: all 0.5s ease-in-out;
  786. -o-transition: all 0.5s ease-in-out;
  787. -ms-transition: all 0.5s ease-in-out;
  788. transition: all 0.5s ease-in-out;
  789. }
  790.  
  791. .blogtitle a:hover{
  792. color:{color:link hover};
  793. -webkit-transition: all 0.5s ease-in-out;
  794. -moz-transition: all 0.5s ease-in-out;
  795. -o-transition: all 0.5s ease-in-out;
  796. -ms-transition: all 0.5s ease-in-out;
  797. transition: all 0.5s ease-in-out;
  798. }
  799.  
  800. .description {
  801. margin:15px 18%;
  802. }
  803.  
  804. .navigation {
  805. text-align:center;
  806. text-transform:none;
  807. padding: 0 15%;
  808. }
  809.  
  810. .navigation a {
  811. color: {color:Topbar text};
  812. -webkit-transition: all 0.5s ease-in-out;
  813. -moz-transition: all 0.5s ease-in-out;
  814. -o-transition: all 0.5s ease-in-out;
  815. -ms-transition: all 0.5s ease-in-out;
  816. transition: all 0.5s ease-in-out;
  817. }
  818.  
  819. .nav {
  820. display:inline-block;
  821. width:80px;
  822. padding:3px 8px;
  823. margin:8px 10px;
  824. line-height:150%;
  825. border:1px solid {color:Topbar Borders};
  826. -moz-border-radius: 3%;
  827. border-radius:3%;
  828. background:{color:Topbar buttons};
  829. -webkit-transition: all 0.5s ease-in-out;
  830. -moz-transition: all 0.5s ease-in-out;
  831. -o-transition: all 0.5s ease-in-out;
  832. -ms-transition: all 0.5s ease-in-out;
  833. transition: all 0.5s ease-in-out;
  834. }
  835.  
  836. .nav:hover{
  837. background:{color:Topbar Borders};
  838. -webkit-transition: all 0.5s ease-in-out;
  839. -moz-transition: all 0.5s ease-in-out;
  840. -o-transition: all 0.5s ease-in-out;
  841. -ms-transition: all 0.5s ease-in-out;
  842. transition: all 0.5s ease-in-out;
  843. }
  844.  
  845. nav li {
  846. display:inline;
  847. }
  848.  
  849. #rightbar {
  850. background:transparent;
  851. padding: 1.250vw;
  852. color: {color:Topbar text};
  853. width: 10vw;
  854. height:100%;
  855. line-height:1.2em;
  856. top: 0;
  857. right: 0;
  858. position:fixed;
  859. margin-top:3vh;
  860. margin-right:3vw;
  861. }
  862.  
  863. .plugin {
  864. position:relative;
  865. display:block;
  866. margin:20px 10px;
  867. width:10vw;
  868. }
  869.  
  870. .plugin img {
  871. width:28px;
  872. height:auto;
  873. border-radius:100%;
  874. -moz-border-radius: 100%;
  875. display:inline-block;
  876. padding:0 2px;
  877. }
  878.  
  879. .plugin_title {
  880. background:{color:Topbar background};
  881. border:1px solid {color:Topbar Borders};
  882. -moz-border-radius: 3%;
  883. border-radius:3%;
  884. padding:8px 10px;
  885. text-align:center;
  886. }
  887.  
  888. .plugin_body {
  889. background:{color:background};
  890. border:1px solid {color:Topbar Borders};
  891. border-top:0px;
  892. -moz-border-radius: 3%;
  893. border-radius:3%;
  894. padding:8px 10px;
  895. }
  896.  
  897. {block:ifnotalwaysshowtabs}
  898. #statsclick,#blogsclick, #newsclick, #groupsclick {cursor:help;}
  899. #statsshow, #blogsshow, #newsshow, #groupsshow {display:none;}
  900. {/block:ifnotalwaysshowtabs}
  901.  
  902. .title {
  903. padding-top:0px;
  904. padding-bottom:5px;
  905. font-size:1.5em;
  906. font-weight:normal;
  907. font-family:{select:title font};
  908. }
  909.  
  910. .title a {
  911. color:{color:text};
  912. }
  913.  
  914. .title img {
  915. width:15px;
  916. }
  917.  
  918. .accent,
  919. .tumblr_blog {
  920. color:{color:accent};
  921. }
  922.  
  923. .text, .textnew {
  924. background:{color:Post Background};
  925. padding: 15px;
  926. border:1px solid {color:post borders};
  927. }
  928.  
  929. .text a, .text img, .textnew a, .textnew img {
  930. max-width:100%;
  931. }
  932.  
  933. .text:last-child,
  934. .text *:last-child,
  935. .textnew:last-child,
  936. .textnew *:last-child {
  937. margin-bottom:0;
  938. }
  939.  
  940. .text img {
  941. text-align:center;
  942. margin:auto;
  943. }
  944.  
  945. .question {
  946. padding-bottom:7px;
  947. border-bottom: 1px solid {color:post borders};
  948. }
  949.  
  950. .asker, .asker a {
  951. color:{color:accent};
  952. font-weight:700;
  953. margin-bottom:5px;
  954. }
  955.  
  956. .quotetext {
  957. font-size:1.1em;
  958. font-weight:700;
  959. font-family: {select:title font};
  960. }
  961.  
  962. .quotesource {
  963. padding-top:5px;
  964. padding-bottom:5px;
  965. }
  966.  
  967. .chat {
  968. background:{color:Post Background};
  969. padding: 15px;
  970. border:1px solid {color:Post Borders};
  971. }
  972.  
  973. .chat .label {
  974. font-weight:700;
  975. }
  976.  
  977. .chat span {
  978. float: left;
  979. margin-right: 1%;
  980. }
  981.  
  982. .spotify_audio_player, .soundcloud_audio_player {
  983. margin-bottom:-3px;
  984. }
  985.  
  986. .spotify_audio_player {
  987. height:80px!important;
  988. width:100%!important;
  989. }
  990.  
  991. .soundcloud_audio_player {
  992. height:150px!important;
  993. width:100%!important;
  994. }
  995.  
  996. #notes {
  997. margin-top:5px;
  998. display:inline-block;
  999. }
  1000.  
  1001. #notes img {
  1002. display:inline-block;
  1003. }
  1004.  
  1005. .notes {
  1006. clear: both;
  1007. padding: 0;
  1008. }
  1009.  
  1010. ol.notes {
  1011. list-style-type:none;
  1012. line-height:150%;
  1013. padding:0;
  1014. margin 0 0;
  1015. border-bottom:solid 1px {color:blockquote};
  1016. }
  1017.  
  1018. ol.notes li.note {
  1019. border-top:1px solid {color:blockquote};
  1020. padding:5px;
  1021. }
  1022.  
  1023. ol.notes li.note img {
  1024. padding:0 !important;
  1025. }
  1026.  
  1027. ol.notes li.note img.avatar {
  1028. vertical-align:-4px;
  1029. margin-right:5px;
  1030. width:16px;
  1031. height:16px;
  1032. }
  1033.  
  1034. #tags {
  1035. text-align:left;
  1036. opacity: 1;
  1037. }
  1038.  
  1039. #tags, nav ul, .chat ul {
  1040. list-style: none;
  1041. list-style-image: none;
  1042. margin: 0;
  1043. padding: 0;
  1044. }
  1045.  
  1046. #tags li {
  1047. float: left;
  1048. margin-right: 1%;
  1049. }
  1050.  
  1051. .caption {
  1052. margin:10px 20px;
  1053. }
  1054.  
  1055. .caption ul {
  1056. list-style: none;
  1057. list-style-image: none;
  1058. margin: 0;
  1059. padding: 0;
  1060. line-height:150%;
  1061. }
  1062.  
  1063. .infoheading {
  1064. font-weight:700;
  1065. color:{color:text};
  1066. -moz-osx-font-smoothing:grayscale;
  1067. -webkit-font-smoothing:antialiased;
  1068. font-smoothing:antialiased;
  1069. }
  1070.  
  1071. .media {
  1072. position:relative;
  1073. display:inline-block;
  1074. width:100%;
  1075. }
  1076.  
  1077. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  1078. position:fixed!important;
  1079. opacity:.67!important;
  1080. padding:4px;
  1081. z-index:99999999999999999999999;
  1082. {block:ifdarktumblrcontrols}
  1083. -webkit-filter:invert(100%);
  1084. -moz-filter:invert(100%);
  1085. -o-filter:invert(100%);
  1086. -ms-filter:invert(100%);
  1087. filter:invert(100%);
  1088. {/block:ifdarktumblrcontrols}
  1089. }
  1090.  
  1091. .tmblr-iframe--controls-phone-container,
  1092. .iframe-controls--phone-mobile,
  1093. .tmblr-iframe--app-cta-button {
  1094. z-index:999999999999999999999999999999999999999999999999999999!important;
  1095. position:fixed!important;
  1096. margin:0!important;
  1097. }
  1098.  
  1099. {block:ifInfiniteScroll}
  1100. .pagination,
  1101. #infscr-loading {
  1102. display:none!important;
  1103. }
  1104. {/block:ifInfiniteScroll}
  1105.  
  1106. {block:ifnotInfiniteScroll}
  1107. .pagination {
  1108. margin-bottom:0;
  1109. text-align:center;
  1110. width:auto;
  1111. z-index:9999999999999999999999999999;
  1112. }
  1113.  
  1114. .pagination img {
  1115. width:20px;
  1116. display:inline-block;
  1117. padding:10px;
  1118. }
  1119.  
  1120. #sitenav {
  1121. background:{color:Topbar background};
  1122. color: {color:Topbar text};
  1123. padding:0px 1%;
  1124. height:auto;
  1125. font-size:1.1em;
  1126. line-height:1.2em;
  1127. bottom: 0;
  1128. position:fixed;
  1129. text-align:center;
  1130. z-index:99999;
  1131. width: min(58%,1546px);
  1132. margin-left: 50%;
  1133. transform: translate(-50%);
  1134. border:1px solid {color:Topbar Borders};
  1135. }
  1136.  
  1137. @media only screen and (max-width:900px){
  1138. #sitenav {
  1139. width:100%;
  1140. max-width:100vw;
  1141. overflow-x:hidden;
  1142. }
  1143. }
  1144.  
  1145. {/block:ifnotInfiniteScroll}
  1146.  
  1147. #important {
  1148. bottom:15px;
  1149. left:15px;
  1150. width:15px;
  1151. font-size:0.9em;
  1152. position:fixed;
  1153. z-index:9999999999999999999999999999;
  1154. }
  1155.  
  1156. @media only screen and (max-width:900px) {
  1157.  
  1158. body {
  1159. max-width:100vw;
  1160. overflow-x:hidden;
  1161. }
  1162.  
  1163. #content {
  1164. max-width:100%;
  1165. width:min(80%,500px);
  1166. margin-top:25px;
  1167. background:{color:background};
  1168. height:auto;
  1169. }
  1170.  
  1171. .gutter-sizer {
  1172. width: 0px;
  1173. }
  1174.  
  1175. .grid-sizer, .entry {
  1176. width: calc((100% - 0px));
  1177. }
  1178.  
  1179. #topbar {
  1180. width:100%;
  1181. max-width:100vw;
  1182. overflow-x:hidden;
  1183. position:relative;
  1184. margin-top:auto;
  1185. }
  1186.  
  1187. .navigation {
  1188. padding: 0 5%;
  1189. }
  1190.  
  1191.  
  1192. #rightbar {
  1193. display:none;
  1194. }
  1195.  
  1196. .sideicon {
  1197. display:none;
  1198. }
  1199.  
  1200. .nav {
  1201. min-width:40px;
  1202. width:auto;
  1203. }
  1204.  
  1205. #scroll:link, #scroll:visited {
  1206. bottom:10px;
  1207. right:5px;
  1208. }
  1209.  
  1210. #important {
  1211. bottom:10px;
  1212. left:5px;
  1213. }
  1214.  
  1215. }
  1216.  
  1217. </style>
  1218.  
  1219. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  1220.  
  1221. </head>
  1222.  
  1223. <body>
  1224.  
  1225. <header id="topbar">
  1226.  
  1227. <div class="topblock">
  1228.  
  1229. {block:ifshowtopbaricon}<div class="sideicon"><img src="{image:topbar icon}"></div>{/block:ifshowtopbaricon}
  1230.  
  1231. <div class="blogtitle"><a href="/">{Title}</a></div>
  1232.  
  1233. {block:Description}
  1234. <div class="description">{Description}</div>
  1235. {block:Description}
  1236.  
  1237.  
  1238. <div class="navigation">
  1239.  
  1240. {block:ifhometitle}
  1241. <a href="/"><div class="nav">{text:home title}</div></a>
  1242. {/block:ifhometitle}
  1243.  
  1244. {block:ifasktitle}
  1245. <a href="{text:ask link}"><div class="nav">{text:ask title}</div></a>
  1246. {/block:ifasktitle}
  1247.  
  1248. {block:ifsubmittitle}
  1249. <a href="/submit"><div class="nav">{text:Submit title}</div></a>
  1250. {/block:ifsubmittitle}
  1251.  
  1252. {block:ifarchivetitle}
  1253. <a href="/archive"><div class="nav">{text:archive title}</div></a>
  1254. {/block:ifarchivetitle}
  1255.  
  1256. {block:iflink1}<a href="{text:link 1}"><div class="nav">{text:link 1 title}</div></a>{/block:iflink1}
  1257. {block:iflink2}<a href="{text:link 2}"><div class="nav">{text:link 2 title}</div></a>{/block:iflink2}
  1258. {block:iflink3}<a href="{text:link 3}"><div class="nav">{text:link 3 title}</div></a>{/block:iflink3}
  1259. {block:iflink4}<a href="{text:link 4}"><div class="nav">{text:link 4 title}</div></a>{/block:iflink4}
  1260. {block:iflink5}<a href="{text:link 5}"><div class="nav">{text:link 5 title}</div></a>{/block:iflink5}
  1261. {block:iflink6}<a href="{text:link 6}"><div class="nav">{text:link 6 title}</div></a>{/block:iflink6}
  1262.  
  1263. <!-- {block:HasPages}
  1264. {block:Pages}
  1265. <div class="nav"><a href="{URL}">{Label}</a>
  1266. {/block:Pages}
  1267. {/block:HasPages}-->
  1268.  
  1269. </div>
  1270.  
  1271. </div>
  1272.  
  1273. </header>
  1274.  
  1275.  
  1276. <div id="sitenav">
  1277. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}" title="previous"><img src="https://img.icons8.com/ios/50/000000/circled-left-2.png"/></a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}" title="next"><img src="https://img.icons8.com/ios/50/000000/circled-right-2.png"/></a>{/block:NextPage}</div>{/block:Pagination}
  1278. </div>
  1279.  
  1280.  
  1281. <aside id="rightbar">
  1282. {block:ifnewstab}<div class="plugin">
  1283. <div id="newsclick" class="plugin_title">{text:news title}</div>
  1284. <div id="newsshow" class="plugin_body">{text:news text}</div>
  1285. </div>
  1286. {/block:ifnewstab}
  1287. {block:ifstatstab}<div class="plugin">
  1288. <div id="statsclick" class="plugin_title">{text:stats title}</div>
  1289. <div id="statsshow" class="plugin_body">{text:stats text}</div>
  1290. </div>
  1291. {/block:ifstatstab}
  1292. {block:ifblogstab}<div class="plugin">
  1293. <div id="blogsclick" class="plugin_title">{text:blogs title}</div>
  1294. <div id="blogsshow" class="plugin_body">
  1295. <center>
  1296. {block:ifblog1username}<a href="https://{text:blog 1 username}.tumblr.com" title="{text:blog 1 username}" target="_blank"><img src="https://api.tumblr.com/v2/blog/{text:blog 1 username}.tumblr.com/avatar/512"></a>{/block:ifblog1username}
  1297. {block:ifblog2username}<a href="https://{text:blog 2 username}.tumblr.com" title="{text:blog 2 username}" target="_blank"><img src="https://api.tumblr.com/v2/blog/{text:blog 2 username}.tumblr.com/avatar/512"></a>{/block:ifblog2username}
  1298. {block:ifblog3username}<a href="https://{text:blog 3 username}.tumblr.com" title="{text:blog 3 username}" target="_blank"><img src="https://api.tumblr.com/v2/blog/{text:blog 3 username}.tumblr.com/avatar/512"></a>{/block:ifblog3username}
  1299. {block:ifblog4username}<a href="https://{text:blog 4 username}.tumblr.com" title="{text:blog 4 username}" target="_blank"><img src="https://api.tumblr.com/v2/blog/{text:blog 4 username}.tumblr.com/avatar/512"></a>{/block:ifblog4username}
  1300. </center>
  1301. </div>
  1302. </div>
  1303. {/block:ifblogstab}
  1304. {block:ifgroupstab}<div class="plugin">
  1305. <div id="groupsclick" class="plugin_title">{text:groups title}</div>
  1306. <div id="groupsshow" class="plugin_body">
  1307. <center>
  1308. {block:ifGroup1badgecode}{text:Group 1 Badge Code}{/block:ifGroup1badgecode}
  1309. {block:ifGroup2badgecode}{text:Group 2 Badge Code}{/block:ifGroup2badgecode}
  1310. {block:ifGroup3badgecode}{text:Group 3 Badge Code}{/block:ifGroup3badgecode}
  1311. {block:ifGroup4badgecode}{text:Group 4 Badge Code}{/block:ifGroup4badgecode}
  1312. </center>
  1313. </div>
  1314. </div>
  1315. {/block:ifgroupstab}
  1316. </aside>
  1317.  
  1318. <div id="content">
  1319.  
  1320. {block:Posts}
  1321.  
  1322. {block:ContentSource}<!-- {SourceURL}
  1323. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1324. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1325. {/block:ContentSource}
  1326.  
  1327. <!-- {block:NoRebloggedFrom}
  1328. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1329. {/block:NoRebloggedFrom} -->
  1330.  
  1331. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}">
  1332.  
  1333. <div class="grid-sizer"></div>
  1334. <div class="gutter-sizer"></div>
  1335.  
  1336. {block:Text}
  1337.  
  1338. <div class="textnew">
  1339. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}<div class="textbody">
  1340. {Body}</div>
  1341. {block:indexpage}
  1342. <div id="overlay"></div>
  1343. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><img src="https://img.icons8.com/ios/50/ffffff/link--v1.png"/></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="https://img.icons8.com/ios/50/ffffff/synchronize.png"/></a></div>{/block:indexpage}
  1344. </div>
  1345. {/block:Text}
  1346.  
  1347. {block:Photo}
  1348.  
  1349. <div class="photo">
  1350. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  1351. {block:indexpage}
  1352. <div id="overlay"></div>
  1353. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><img src="https://img.icons8.com/ios/50/ffffff/link--v1.png"/></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="https://img.icons8.com/ios/50/ffffff/synchronize.png"/></a></div>{/block:indexpage}
  1354.  
  1355. </div>
  1356. {/block:Photo}
  1357.  
  1358. {block:Photoset}
  1359. <div class="media photoset">
  1360. <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}
  1361. {block:indexpage}
  1362. <div id="overlay"></div>
  1363. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><img src="https://img.icons8.com/ios/50/ffffff/link--v1.png"/></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="https://img.icons8.com/ios/50/ffffff/synchronize.png"/></a></div>{/block:indexpage}
  1364. </div>
  1365. </div>
  1366. {/block:Photoset}
  1367.  
  1368. {block:Quote}
  1369.  
  1370. <div class="text">
  1371. <div class="textpost">
  1372. <div class="quotetext">{Quote}</div>
  1373. <div class="quotesource">{block:Source}<cite>{Source}</cite>{/block:Source}</div></div>
  1374. {block:indexpage}<div id="overlay"></div>
  1375. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><img src="https://img.icons8.com/ios/50/ffffff/link--v1.png"/></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="https://img.icons8.com/ios/50/ffffff/synchronize.png"/></a></div>{/block:indexpage}
  1376. </div>
  1377. {/block:Quote}
  1378.  
  1379. {block:Link}
  1380.  
  1381. <div class="text">
  1382. <div class="title"><a href="{URL}">{Name}</div>
  1383. {block:Description}{Description}{/block:Description}
  1384. {block:indexpage}<div id="overlay"></div>
  1385. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><img src="https://img.icons8.com/ios/50/ffffff/link--v1.png"/></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="https://img.icons8.com/ios/50/ffffff/synchronize.png"/></a></div>{/block:indexpage}
  1386. </div>
  1387. {/block:Link}
  1388.  
  1389. {block:Chat}
  1390.  
  1391. <div class="chat">
  1392. <div class="textpost">
  1393. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  1394. <ul>
  1395. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  1396. </ul></div>
  1397. {block:indexpage}<div id="overlay"></div>
  1398. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><img src="https://img.icons8.com/ios/50/ffffff/link--v1.png"/></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="https://img.icons8.com/ios/50/ffffff/synchronize.png"/></a></div>{/block:indexpage}
  1399. </div>
  1400. {/block:Chat}
  1401.  
  1402. {block:Audio}
  1403.  
  1404. <div class="audio">
  1405. <div class="textpost">
  1406. {block:TrackName}{TrackName} by{/block:TrackName} {block:Artist}{Artist} <br><br>{/block:Artist}
  1407. {AudioPlayerGrey}</div>
  1408. {block:indexpage}<div class="notebox"><a href="{Permalink}"><div class="permainfo">{notecountwithlabel}</div></a><a href="{ReblogURL}" target="_blank"><div class="rebloginfo">reblog</div></a></div>{/block:indexpage}
  1409. </div>
  1410. {/block:Audio}
  1411.  
  1412. {block:Video}
  1413.  
  1414. <div class="video">
  1415. <div class="video-player">{Video-500}</div>
  1416. {block:indexpage}<div class="notebox"><a href="{Permalink}"><div class="permainfo">{notecountwithlabel}</div></a><a href="{ReblogURL}" target="_blank"><div class="rebloginfo">reblog</div></a></div>{/block:indexpage}
  1417. </div>
  1418. {/block:Video}
  1419.  
  1420. {block:Answer}
  1421.  
  1422. <div class="text">
  1423. <div class="question"><p><div class="asker">{Asker} said:&nbsp;</div>{Question}</div></p>
  1424. {Answer}
  1425. {block:indexpage}<div id="overlay"></div>
  1426. <div class="permabutton"><a href="{Permalink}" title="{notecountwithlabel}"><img src="https://img.icons8.com/ios/50/ffffff/link--v1.png"/></a></div><div class="reblogbutton"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="https://img.icons8.com/ios/50/ffffff/synchronize.png"/></a></div>{/block:indexpage}
  1427. </div>
  1428. {/block:Answer}
  1429.  
  1430. {block:Date}
  1431. <div class="details">
  1432. {block:PermalinkPage}
  1433. <div class="caption">
  1434. <div class="blogcaption">{block:caption}{Caption}{/block:caption}</div>
  1435. <ul>
  1436. {block:HasTags}<li><div id="tags"><span class="infoheading">Tags:</span> {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div></li>{/block:HasTags}
  1437. <li><span class="infoheading">Posted:</span> {timeago}</li>
  1438. {block:NoteCount}<li><span class="infoheading">Notecount:</span> {notecount}</li>{/block:NoteCount}
  1439. {block:RebloggedFrom}<li><span class="infoheading">Via:</span> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></li>{/block:RebloggedFrom}
  1440. {block:ContentSource}<li><span class="infoheading">Source:</span> <a href="{SourceURL}" target="_blank">{SourceTitle}</a></li>{/block:ContentSource}
  1441. </ul>
  1442. {block:PostNotes}<div id="notes">{PostNotes-16}</div>{/block:PostNotes}
  1443. </div>
  1444. {/block:PermalinkPage}
  1445. </div>{/block:Date}
  1446.  
  1447. </article>
  1448.  
  1449. {/block:Posts}
  1450.  
  1451.  
  1452. </div>
  1453.  
  1454. <!-- Codes for Infinite Scroll, Masonry, PXU Photosets, etc. -->
  1455.  
  1456. <!--<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>-->
  1457. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1458. <script src="https://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1459. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1460. {block:IndexPage}
  1461. <script src="https://static.tumblr.com/lrtkpti/68fqnfrtl/masonry.pkgd.min.js"></script>
  1462. <script src="https://static.tumblr.com/lrtkpti/RGIqnfs0v/imagesloaded.pkgd.min.js"></script>
  1463. {block:ifInfiniteScroll}
  1464. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1465. {/block:ifInfiniteScroll}
  1466. {/block:IndexPage}
  1467. <script>
  1468. $(document).ready(function(){
  1469. $('.photo-slideshow').pxuPhotoset({
  1470. lightbox: true,
  1471. rounded: false,
  1472. gutter: '2px',
  1473. photoset: '.photo-slideshow',
  1474. photoWrap: '.photo-data',
  1475. photo: '.pxu-photo'
  1476. });
  1477. $(function(){ $('.entry').unnest({
  1478. yourCaption: ".blogcaption", {Caption}
  1479. wrapName: ".tumblr_parent",
  1480. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  1481. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  1482. tumblrAvatars: false,
  1483. tumblrAvatarClass: ".tumblr_avatar",
  1484. usernameColon: true
  1485. }); });
  1486. {block:IndexPage}
  1487. var $container = $('#content');
  1488. $container.masonry({ itemSelector: '.entry', columnWidth: '.grid-sizer', gutter: '.gutter-sizer', percentPosition: true });
  1489. $container.imagesLoaded(function(){
  1490. $container.masonry({
  1491. itemSelector: '.entry',
  1492. columnWidth: '.grid-sizer',
  1493. gutter: '.gutter-sizer',
  1494. percentPosition: true
  1495. });
  1496. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  1497. });
  1498. {block:ifInfiniteScroll}
  1499. $container.infinitescroll({
  1500. itemSelector: '.entry',
  1501. navSelector: '.pagination',
  1502. nextSelector: '.next',
  1503. loadingImg: '',
  1504. loadingText: '<em></em>',
  1505. bufferPx: 2000
  1506. },
  1507. function( newElements ) {
  1508. var $newElems = $( newElements ).css({ opacity:0, zIndex:-1 });
  1509. $newElems.unnest();
  1510. $newElems.find('.photo-slideshow').pxuPhotoset({
  1511. lightbox: true,
  1512. rounded: false,
  1513. gutter: '2px',
  1514. photoset: '.photo-slideshow',
  1515. photoWrap: '.photo-data',
  1516. photo: '.pxu-photo'
  1517. },
  1518. function(){
  1519. $container.masonry();
  1520. });
  1521. $newElems.imagesLoaded(function(){
  1522. $newElems.animate({ opacity: 1, zIndex: 1 });
  1523. $container.masonry( 'appended', $newElems );
  1524. });
  1525. });
  1526. {/block:ifInfiniteScroll}
  1527. {/block:IndexPage}
  1528. });
  1529. </script>
  1530.  
  1531. <!-- scroll to top script -->
  1532.  
  1533. <script type="text/javascript">
  1534.  
  1535. $(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")}})});
  1536.  
  1537. </script>
  1538.  
  1539. <!-- tooltip script -->
  1540.  
  1541. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1542.  
  1543. <script>
  1544.  
  1545. (function($){
  1546.  
  1547. $(document).ready(function(){
  1548.  
  1549. $("[title]").style_my_tooltips({
  1550.  
  1551. tip_follows_cursor:true,
  1552.  
  1553. tip_delay_time:100,
  1554.  
  1555. tip_fade_speed:250,
  1556.  
  1557. attribute:"title"
  1558.  
  1559. });
  1560.  
  1561. });
  1562.  
  1563. })(jQuery);
  1564.  
  1565. </script>
  1566.  
  1567. <!-- Don't be a d*** and just leave this part alone, ok? :) -->
  1568.  
  1569. <div id="important"><a href="https://mhango.tumblr.com" target="_blank" title="theme by mhango"><img src="https://img.icons8.com/ios/50/000000/cloud.png" /></a></div>
  1570.  
  1571.  
  1572. </body>
  1573.  
  1574. <!-- scroll to top -->
  1575.  
  1576. <a href="javascript:;" id="scroll" rel="nofollow" title="scroll to top"><img src="https://img.icons8.com/ios/50/000000/circled-up-2.png"/></a>
  1577.  
  1578. </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!