mhango

Adventurer Theme

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