API tools faq
paste
mhango

Purity Theme

mhango
Apr 29th, 2016 (edited)
3,844
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5.  
  6. <!--
  7.  
  8.  
  9. Theme: Purity by mhango
  10. Version: 2 (9th January 2021)
  11.  
  12. Credits to:
  13. @buildthemes for the base code
  14. @painthemes for the scroll to top
  15. flaticon.com for the icons
  16. fonts.google.com for the fonts
  17.  
  18. Rules: - don't reupload or claim as your own
  19. - never remove the credit!!!
  20. - thievery will be reported immediately
  21.  
  22.  
  23. -->
  24.  
  25. <meta name="color:Background" content="#ffffff" />
  26. <meta name="color:Text" content="#000000" />
  27. <meta name="color:Link" content="#56bc8a" />
  28. <meta name="color:Link Hover" content="#347153" />
  29. <meta name="color:Sidebar Text" content="#000000" />
  30. <meta name="color:Sidebar Background" content="#ffffff" />
  31. <meta name="color:Post Background" content="#ffffff"/>
  32. <meta name="color:Postinfo Text" content="#000000" />
  33. <meta name="color:Postinfo Background" content="#bdebe1" />
  34. <meta name="color:Borders" content="#bdebe1" />
  35. <meta name="color:Blog Borders" content="#90d1c3" />
  36. <meta name="color:Tooltip Bg" content="#bdebe1" />
  37. <meta name="color:Tooltip Borders" content="#bdebe1" />
  38. <meta name="color:Text Highlight" content="#def5f0" />
  39. <meta name="image:Background" content=""/>
  40. <meta name="text:home title" content="home" />
  41. <meta name="text:ask title" content="message" />
  42. <meta name="text:ask link" content="/ask" />
  43. <meta name="text:submit title" content="submit" />
  44. <meta name="text:archive title" content="archive" />
  45. <meta name="text:link 1 title" content="" />
  46. <meta name="text:link 1" content="" />
  47. <meta name="text:link 2 title" content="" />
  48. <meta name="text:link 2" content="" />
  49. <meta name="text:link 3 title" content="" />
  50. <meta name="text:link 3" content="" />
  51. <meta name="if:Blog Borders" content="1" />
  52. <meta name="if:Semicolon" content="1" />
  53. <meta name="select:Body Font" content="'Avalon',sans-serif" title="Avalon">
  54. <meta name="select:Body Font" content="'Calibri', Helvetica, Arial, sans-serif" title="Calibri">
  55. <meta name="select:Body Font" content="'Karla', sans-serif" title="Karla">
  56. <meta name="select:Body Font" content="'Lato',sans-serif" title="Lato">
  57. <meta name="select:Body Font" content="'Raleway',sans-serif" title="Raleway">
  58. <meta name="select:Body Font" content="'Roboto', sans-serif" title="Roboto">
  59. <meta name="select:Body Font" content="'Times New Roman', Times, serif" title="Times New Roman">
  60.  
  61. <meta name="select:Title Font" content="'Bodoni Moda', cursive" title="Bodoni Moda">
  62. <meta name="select:Title Font" content="'Montserrat', sans-serif" title="Montserrat">
  63. <meta name="select:Title Font" content="'Roboto Slab', cursive" title="Roboto Slab">
  64.  
  65.  
  66.  
  67. <link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  68. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  69. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  70. <link href='https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
  71. <link href='https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,300italic,300' rel='stylesheet' type='text/css'>
  72. <link href='https://fonts.googleapis.com/css?family=Raleway:400,400italic,500,500italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  73. <link rel="preconnect" href="https://fonts.gstatic.com">
  74. <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
  75.  
  76.  
  77.  
  78. {block:Description}
  79. <meta name="description" content="{MetaDescription}" />
  80. {/block:Description}
  81.  
  82. <meta charset="utf-8">
  83.  
  84. <title>{Title}</title>
  85.  
  86. <link rel="shortcut icon" href="{Favicon}">
  87.  
  88. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  89.  
  90. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  91.  
  92. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-smooth-scroll/1.7.2/jquery.smooth-scroll.min.js"></script>
  93.  
  94. <style type="text/css">
  95.  
  96. .tmblr-iframe {
  97. position:fixed;
  98. z-index:99999999999999999 !important;
  99. top:20px;
  100. right:25px;
  101. }
  102.  
  103. body {
  104.  
  105. background: {color:Background} url('{image:Background}');
  106. background-attachment:fixed;
  107. background-repeat:repeat;
  108. color: {color:text};
  109. font-family: {select:body font};
  110. font-size: 12px;
  111. margin: 0;
  112. padding: 0;
  113. overflow:auto;
  114.  
  115. }
  116.  
  117. a:link, a:active, a:visited {
  118.  
  119. color: {color:link};
  120. text-decoration: none;
  121. -webkit-transition: all 0.5s ease-in-out;
  122. -moz-transition: all 0.5s ease-in-out;
  123. -o-transition: all 0.5s ease-in-out;
  124. -ms-transition: all 0.5s ease-in-out;
  125. transition: all 0.5s ease-in-out;
  126.  
  127. }
  128.  
  129. a:hover{
  130.  
  131. color:{color:link hover};
  132. -webkit-transition: all 0.5s ease-in-out;
  133. -moz-transition: all 0.5s ease-in-out;
  134. -o-transition: all 0.5s ease-in-out;
  135. -ms-transition: all 0.5s ease-in-out;
  136. transition: all 0.5s ease-in-out;
  137.  
  138. }
  139.  
  140. blockquote {
  141.  
  142. background: transparent;
  143. border-left: 1px solid {color:borders};
  144. margin: 0;
  145. padding-left: 2%;
  146. padding-right:2%;
  147.  
  148. }
  149.  
  150. iframe, img, embed, object, video {
  151.  
  152. max-width: 100%;
  153.  
  154. }
  155.  
  156. img {
  157. height: auto;
  158. width: auto;
  159. }
  160.  
  161. h1, h2, h3 {
  162. font-family: {select:title font};
  163. }
  164.  
  165. /* scroll to top style */
  166. #scroll:link, #scroll:visited {
  167. display: none;
  168. position: fixed;
  169. bottom: 10px;
  170. right: 50px;
  171. }
  172.  
  173. #s-m-t-tooltip {
  174. font-size: 11px;
  175. color:{color:text};
  176. background-color:{color:tooltip bg};
  177. text-align: center;
  178. min-width:50px;
  179. max-width:150px;
  180. border: 1px solid {color:tooltip borders};
  181. overflow:auto;
  182. position: absolute;
  183. z-index: 999999999999;
  184. padding: 3px; /* padding */
  185. box-shadow:0px 0px rgba(0,0,0,0.2);
  186. -webkit-transition: all 0.2s ease-in-out;
  187. -moz-transition: all 0.2s ease-in-out;
  188. transition: all 0.2s ease-in-out;
  189. margin:20px 0px 15px 10px; /* margin size */
  190. z-index:999999999999;
  191.  
  192. }
  193.  
  194. ::-webkit-scrollbar-thumb{
  195.  
  196. background-color: {color:text};
  197. border: 3px solid {color:background};
  198. height:auto;
  199. -moz-border-radius: 10px;
  200. border-radius: 0px;
  201.  
  202. }
  203.  
  204. ::-webkit-scrollbar {
  205. height:auto;
  206. width:9px;
  207. background-color: {color:text};
  208. border: 4px solid {color:background};
  209.  
  210. }
  211.  
  212. ::-moz-selection {
  213.  
  214. background: {color:Text highlight};
  215. color: #000;
  216.  
  217. }
  218.  
  219. ::selection {
  220.  
  221. background: {color:Text highlight};
  222. color: #000;
  223.  
  224. }
  225.  
  226. #overlay {
  227.  
  228. {block:indexpage}
  229. position:absolute;
  230. left:0px;
  231. top:0px;
  232. height:100%;
  233. width:100%;
  234. background:rgba(255,255,255,0.3);
  235. opacity:0;
  236. -moz-transition: all 0.3s ease-in-out;
  237. -webkit-transition: all 0.3s ease-in-out;
  238. -o-transition: all 0.3s ease-in-out;
  239. -ms-transition: all 0.3s ease-in-out;
  240. transition: all 0.3s ease-in-out;
  241. {/block:indexpage}
  242.  
  243. }
  244.  
  245. .post:hover #overlay {
  246.  
  247. {block:indexpage}
  248. opacity:1;
  249. -webkit-transition: all .5s ease;
  250. -moz-transition: all .5s ease;
  251. -o-transition: all .5s ease;
  252. transition: all .5s ease;
  253. {/block:indexpage}
  254.  
  255. }
  256.  
  257. .postinfo {
  258.  
  259. {block:indexpage}
  260. position:absolute;
  261. width: 100px;
  262. height: 55px;
  263. background:{color:postinfo background};
  264. left:50%;
  265. top:50%;
  266. margin-left:-50px;
  267. margin-top:-30px;
  268. border:0px solid {color:borders};
  269. line-height:28px;
  270. opacity:0;
  271. vertical-align:center;
  272. text-align:center;
  273. -moz-transition: all 0.3s ease-in-out;
  274. -webkit-transition: all 0.3s ease-in-out;
  275. -o-transition: all 0.3s ease-in-out;
  276. -ms-transition: all 0.3s ease-in-out;
  277. transition: all 0.3s ease-in-out;
  278. {/block:indexpage}
  279.  
  280. }
  281.  
  282.  
  283. .postinfo:before {
  284. content: "";
  285. position: absolute;
  286. top: -25px;
  287. left: 0;
  288. width: 0;
  289. height: 0;
  290. border-left: 50px solid transparent;
  291. border-right: 50px solid transparent;
  292. border-bottom: 25px solid {color:postinfo background};
  293.  
  294. }
  295.  
  296.  
  297. .postinfo:after {
  298. content: "";
  299. position: absolute;
  300. bottom: -25px;
  301. left: 0;
  302. width: 0;
  303. height: 0;
  304. border-left: 50px solid transparent;
  305. border-right: 50px solid transparent;
  306. border-top: 25px solid {color:postinfo background};
  307.  
  308. }
  309.  
  310. .postinfo a {
  311.  
  312. color:{color:postinfo text};
  313. text-transform:uppercase;
  314. letter-spacing:1px;
  315. font-size:11px;
  316.  
  317. }
  318.  
  319. .postinfo a:hover {
  320.  
  321. color:{color:postinfo text};
  322.  
  323. }
  324.  
  325. .post:hover .postinfo {
  326.  
  327. {block:indexpage}
  328. opacity:1;
  329. {/block:indexpage}
  330.  
  331. }
  332.  
  333. .notebox {
  334. margin-top:5px;
  335. padding-bottom:0px;
  336. background:{color: postinfo background};
  337. line-height:25px;
  338. vertical-align:center;
  339. text-align:center;
  340. border-top:1px solid {color:borders};
  341. font-size:11px;
  342. }
  343.  
  344. .notebox a {
  345. color:{color:postinfo text};
  346. text-transform:uppercase;
  347. letter-spacing:1px;
  348. font-size:11px;
  349. }
  350.  
  351. .notebox a:hover {
  352. color:{color:postinfo text};
  353. }
  354.  
  355. #content {
  356.  
  357. left:50%;
  358. {block:indexpage}
  359. margin-left: -325px;
  360. margin-top:15px;
  361. width: 650px;
  362. {/block:indexpage}
  363. {block:permalinkpage}
  364. margin-left:-230px;
  365. width:400px;
  366. margin-top:15px;
  367. {/block:permalinkpage}
  368. float: left;
  369. position:absolute;
  370.  
  371. }
  372.  
  373. @-webkit-keyframes cssAnimation {
  374. from{
  375. -webkit-transform: scale(0.871);}
  376. to{
  377. -webkit-transform:scale(1); }
  378. }
  379.  
  380. @-moz-keyframes cssAnimation {
  381. from{
  382. -moz-transform:scale(0.871);}
  383. to{
  384. -moz-transform: scale(1); }
  385. }
  386.  
  387. @-o-keyframes cssAnimation {
  388. from{
  389. -o-transform: scale(0.871);
  390. }
  391.  
  392. to{
  393. -o-transform: scale(1);}
  394. }
  395.  
  396. .post {
  397.  
  398. background: {color:post background};
  399. margin: 25px;
  400. border:2px solid {color:borders};
  401. padding:15px 15px 12px 15px;
  402. {block:indexpage}
  403. width: 240px;
  404. box-shadow:none;
  405. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  406. -moz-animation: cssAnimation 1s 1 ease-in-out;
  407. -o-animation: cssAnimation 1s 1 ease-in-out;
  408. {/block:indexpage}
  409. height:auto;
  410. {block:PermalinkPage}
  411. width:400px;
  412. height:auto;
  413. {/block:PermalinkPage}
  414.  
  415. }
  416.  
  417. #header {
  418. text-align:center;
  419. }
  420.  
  421. #sidebar {
  422.  
  423. background: {color:sidebar background};
  424. padding-top: 15px;
  425. padding-bottom: 5px;
  426. padding-right:5px;
  427. padding-left: 5px;
  428. border:2px solid {color:borders};
  429. color: {color:sidebar text};
  430. width: 120px;
  431. float:left;
  432. font-size:12px;
  433. line-height:14px;
  434. height:auto;
  435. right: 50%;
  436. margin-right:360px;
  437. top: 200px;
  438. position:fixed;
  439. box-shadow:0px 0px rgba(0,0,0,0.3);
  440.  
  441. }
  442.  
  443. #linkbar {
  444.  
  445. background: {color:sidebar background};
  446. padding-top: 15px;
  447. text-align:center;
  448. padding-top:5px;
  449. padding-bottom: 5px;
  450. padding-right:5px;
  451. padding-left: 5px;
  452. border:2px solid {color:borders};
  453. color: {color:sidebar text};
  454. width: 120px;
  455. float:left;
  456. line-height:14px;
  457. height:auto;
  458. right: 50%;
  459. margin-right:360px;
  460. margin-top:330px;
  461. position:fixed;
  462. box-shadow:0px 0px rgba(0,0,0,0.3);
  463.  
  464. }
  465.  
  466. #linkbar a {
  467.  
  468. letter-spacing:0px;
  469. text-align:center;
  470. color:{color:sidebar text};
  471. text-transform:lowercase;
  472. line-height:200%;
  473. font-size:13px;
  474. opacity: 1.;
  475. -webkit-transition: all 0.4s ease-in-out;
  476. -moz-transition: all 0.4s ease-in-out;
  477. -ms-transition: all 0.4s ease-in-out;
  478. -o-transition: all 0.4s ease-in-out;
  479. transition: all 0.4s ease-in-out;
  480.  
  481. }
  482.  
  483. #linkbar a:hover {
  484.  
  485. text-decoration:none;
  486. color:{color:link hover};
  487. -webkit-transition: all 0.4s ease-in-out;
  488. -moz-transition: all 0.4s ease-in-out;
  489. -ms-transition: all 0.4s ease-in-out;
  490. -o-transition: all 0.4s ease-in-out;
  491. transition: all 0.4s ease-in-out;
  492.  
  493. }
  494.  
  495. .blogtitle {
  496. font-family: {select:title font};
  497. margin-top:0px;
  498. border-bottom:0px solid {color:sidebar text};
  499. padding:0;
  500. margin-left:5px;
  501. margin-right:5px;
  502. text-align:center;
  503. text-transform:lowercase;
  504. font-size:20px;
  505. font-weight:700;
  506. }
  507.  
  508. .blogtitle a{
  509. text-decoration:none;
  510. color: {color:sidebar text};
  511. }
  512.  
  513. .blogtitle a:hover{
  514. text-decoration:none;
  515. color:{color:link hover};
  516. }
  517.  
  518. .desc a {
  519.  
  520. text-decoration:underline;
  521. color:{color:sidebar text};
  522.  
  523. }
  524.  
  525. .desc a:hover{
  526. text-decoration:underline;
  527. color:{color:link hover};
  528.  
  529. }
  530.  
  531. .photo {
  532. outline:0px solid transparent;
  533. -webkit-transition: all .5s ease;
  534. -moz-transition: all .5s ease;
  535. -o-transition: all .5s ease;
  536. transition: all .5s ease;
  537. }
  538.  
  539. .photo:hover{
  540. -webkit-transition: all .5s ease;
  541. -moz-transition: all .5s ease;
  542. -o-transition: all .5s ease;
  543. transition: all .5s ease;
  544.  
  545. }
  546.  
  547. nav li {
  548. display: inline;
  549. }
  550.  
  551. .title {
  552. padding-top:0px;
  553. font-size:16px;
  554. font-weight:normal;
  555. line-height:22px;
  556. font-family: {select:title font};
  557. }
  558.  
  559. .title a {
  560. color:{color:text};
  561. }
  562.  
  563. .text {
  564. padding: 2px;
  565. }
  566.  
  567. .text a {
  568. max-width:100%;
  569. }
  570.  
  571. .text img {
  572. width:96%;
  573. text-align:center;
  574. margin:auto;
  575. }
  576.  
  577. .linktitle {
  578. padding-top:0px;
  579. font-size:16px;
  580. font-weight:normal;
  581. line-height:22px;
  582. text-decoration:underline;
  583. font-family: {select:title font};
  584. }
  585.  
  586. .asker {
  587. color:{color:link};
  588. font-weight:700;
  589. }
  590.  
  591. .quoteyo {
  592. font-size:13px;
  593. }
  594.  
  595. .quotesource {
  596. padding-top:5px;
  597. }
  598.  
  599. .chat {
  600. padding:8px;
  601. }
  602.  
  603. .chat .label {
  604. font-weight:700;
  605. }
  606.  
  607. .chat span {
  608. float: left;
  609. margin-right: 1%;
  610. }
  611.  
  612. #notes {
  613. display:inline-block;
  614. }
  615.  
  616. #notes img {
  617. display:inline-block;
  618. }
  619.  
  620. .notes {
  621. clear: both;
  622. padding: 0px;
  623. }
  624.  
  625. ol.notes {
  626. list-style-type:none;
  627. line-height:150%;
  628. padding:0px;
  629. margin 0px 0px;
  630. border-bottom:solid 1px {color:borders};
  631. }
  632.  
  633. ol.notes li.note {
  634. border-top:1px solid {color:borders};
  635. padding:5px;
  636. }
  637.  
  638. ol.notes li.note img {
  639. padding:0px !important;
  640. }
  641.  
  642. ol.notes li.note img.avatar {
  643. vertical-align:-4px;
  644. margin-right:5px;
  645. width:16px;
  646. height:16px;
  647. }
  648.  
  649. #tags {
  650. text-align:left;
  651. opacity: 1;
  652. }
  653.  
  654. #tags, nav ul, .chat ul {
  655. list-style: none;
  656. list-style-image: none;
  657. margin: 0 0 5px 0;
  658. padding: 0;
  659. }
  660.  
  661. #tags li {
  662. float: left;
  663. margin-right: 1%;
  664. }
  665.  
  666. .caption {
  667. margin:10px 0px 0px 20px;
  668. }
  669.  
  670. .caption ul {
  671. list-style: none;
  672. list-style-image: none;
  673. margin: 0;
  674. padding: 0;
  675. line-height:150%;
  676. }
  677.  
  678. .infoheading {
  679. font-weight:700;
  680. color:{color:text};
  681. -moz-osx-font-smoothing:grayscale;
  682. -webkit-font-smoothing:antialiased;
  683. font-smoothing:antialiased;
  684. }
  685.  
  686. .metadata {
  687. display: inline-block;
  688. width: 100%;
  689. }
  690. .notecount {
  691. float: right;
  692. }
  693. .reblogged {
  694. float: right;
  695. margin: 3% 0;
  696. width: 100%;
  697. }
  698.  
  699. .sourcesxxx {
  700. filter:alpha(opacity=0);
  701. opacity:0;
  702. }
  703.  
  704. #left {
  705. position:fixed;
  706. left:0px;
  707. bottom:0;
  708. height:100%;
  709. width:25px;
  710. background:-o-linear-gradient(#fff, {color:blog borders});
  711. background:-moz-linear-gradient(#fff, {color:blog borders});
  712. background:linear-gradient(#fff, {color:blog borders});
  713. z-index:6;
  714. }
  715.  
  716. #right {
  717. position:fixed;
  718. right:25px;
  719. bottom:0;
  720. height:100%;
  721. width:10px;
  722. background:{color:borders};
  723. z-index:6;
  724. }
  725.  
  726. #right2 {
  727. position:fixed;
  728. right:10px;
  729. bottom:0;
  730. height:100%;
  731. width:10px;
  732. background:{color:borders};
  733. z-index:6;
  734. }
  735.  
  736.  
  737. #important {
  738. bottom:2px;
  739. left:5px;
  740. font-size:12px;
  741. position:fixed;
  742. z-index:9999999999999999999999999999;
  743. }
  744.  
  745.  
  746. /*Custom CSS*/
  747. {CustomCSS}
  748. </style>
  749. </head>
  750. <body>
  751.  
  752. {block:ifblogborders}
  753. <div id="left"></div>
  754. <div id="right"></div>
  755. <div id="right2"></div>
  756. {/block:ifblogborders}
  757.  
  758.  
  759. <div id="sidebar">
  760.  
  761. <div id="header">
  762.  
  763. <div class="blogtitle"><a href="/">{Title}{block:ifsemicolon};{/block:ifsemicolon}</a></div>
  764.  
  765.  
  766. {block:Description}
  767. <p><div class="desc">{Description}</div></p>
  768. {block:Description}
  769.  
  770. </div>
  771.  
  772. </div>
  773.  
  774. <div id="linkbar">
  775.  
  776. {block:ifhometitle} <a href="/">{text:home title}</a><br>{/block:ifhometitle}
  777. {block:ifasktitle}<a href="{text:ask link}">{text:ask title}</a><br>{/block:ifasktitle}
  778. {block:ifsubmittitle}<a href="/submit">{text:Submit title}</a><br>{/block:ifsubmittitle}
  779. {block:ifarchivetitle}<a href="/archive">{text:archive title}</a><br>{/block:ifarchivetitle}
  780. {block:iflink1}<a href="{text:link 1}">{text:link 1 title}</a><br>{/block:iflink1}
  781. {block:iflink2}<a href="{text:link 2}">{text:link 2 title}</a><br>{/block:iflink2}
  782. {block:iflink3}<a href="{text:link 3}">{text:link 3 title}</a><br>{/block:iflink3}
  783.  
  784. <!-- {block:HasPages}
  785. {block:Pages}
  786. <a href="{URL}">{Label}</a>
  787. {/block:Pages}
  788. {/block:HasPages}-->
  789.  
  790. <!-- Don't touch this, kid!! --> <a href="https://mhango.tumblr.com">theme</a>
  791. <!-- Seriously, you'd better not! -->
  792.  
  793. </div>
  794.  
  795.  
  796.  
  797. <div id="content">
  798.  
  799. {block:Posts}
  800.  
  801. {block:ContentSource}<!-- {SourceURL}
  802. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  803. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  804. {/block:ContentSource}
  805.  
  806. <!-- {block:NoRebloggedFrom}
  807. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  808. {/block:NoRebloggedFrom} -->
  809.  
  810. <div class="post">
  811.  
  812. {block:Text}
  813.  
  814. <div class="text">
  815. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  816. <div class="textbody">{Body}</div>
  817. {block:indexpage}<div class="notebox"><a href="{ReblogURL}">REBLOG</a></a> - <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  818. </div>
  819. {/block:Text}
  820.  
  821.  
  822. {block:Photo}
  823. <div class="photo">
  824. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  825. {block:indexpage}
  826.  
  827. <a href="{permalink}"><div id="overlay"></div></a><div class="postinfo"><a href="{ReblogURL}" target="_blank">REBLOG</a><br><a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
  828. {/block:indexpage}
  829. </div>
  830. {/block:Photo}
  831.  
  832. {block:Photoset}
  833.  
  834. <div class="photoset">
  835. {block:IndexPage}
  836.  
  837. {block:Photos}
  838. <a href="{permalink}"><img src="{PhotoURL-500}" width="218px"/></a>
  839. {/block:Photos}
  840.  
  841. <a href="{permalink}"><div id="overlay"></div></a><div class="postinfo"><a href="{ReblogURL}" target="_blank">REBLOG</a><br><a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
  842.  
  843. {/block:IndexPage}
  844. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  845. </div>
  846. {/block:Photoset}
  847.  
  848. {block:Quote}
  849.  
  850. <div class="text">
  851. <div class="quoteyo">{Quote}</div>
  852. <div class="quotesource">{block:Source}- {Source}{/block:Source}</div>
  853. {block:indexpage}<div class="notebox"><a href="{ReblogURL}" >REBLOG</a></a> - <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  854. </div>
  855. {/block:Quote}
  856.  
  857. {block:Link}
  858. <div class="text">
  859. <div class="title"><a href="{URL}">{Name}</a></div>
  860. {block:Description}{Description}{/block:Description}
  861. {block:indexpage}<div class="notebox"><a href="{ReblogURL}" >REBLOG</a></a> - <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  862. </div>
  863. {/block:Link}
  864.  
  865. {block:Chat}
  866.  
  867. <div class="chat">
  868. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  869. <ul>
  870. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  871. </ul>
  872. {block:indexpage}<div class="notebox"><a href="{ReblogURL}" >REBLOG</a></a> - <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  873. </div>
  874. {/block:Chat}
  875.  
  876. {block:Audio}
  877.  
  878. <div class="audio">{block:TrackName}{TrackName} by{/block:TrackName} {block:Artist}{Artist} <br><br>{/block:Artist}
  879. {AudioPlayerGrey}
  880. {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}
  881. </div>
  882. {/block:Audio}
  883.  
  884. {block:Video}
  885.  
  886. <div class="video">
  887. <div class="video-player">{Video-500}</div>
  888. {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}
  889. </div>
  890. {/block:Video}
  891.  
  892. {block:Answer}
  893.  
  894. <div class="text">
  895. <p><div style="border-bottom: 1px solid {color:borders};"><span class="asker">{Asker} said:</span> {Question}</p></div>
  896. {Answer}
  897. {block:indexpage}<div class="notebox"><a href="{ReblogURL}" >REBLOG</a></a> - <a href="{permalink}">{notecountwithlabel} </a></div>{/block:indexpage}
  898. </div>
  899. {/block:Answer}
  900.  
  901.  
  902. <footer class="details">
  903. {block:PermalinkPage}
  904. <div class="caption">
  905. {block:caption}{Caption}{/block:caption}
  906. {block:Date}
  907. <ul>
  908. {block:HasTags}<li><div id="tags"><span class="infoheading">Tagged with:</span> {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div></li>{/block:HasTags}
  909. <li><span class="infoheading">Posted:</span> {timeago}</li>
  910. {block:NoteCount}<li><span class="infoheading">Notecount:</span> {notecount}</li>{/block:NoteCount}
  911. {block:RebloggedFrom}<li><span class="infoheading">Via:</span> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></li>{/block:RebloggedFrom}
  912. {block:ContentSource}<li><span class="infoheading">Source:</span> <a href="{SourceURL}" target="_blank">{SourceTitle}</a></li>{/block:ContentSource}
  913. </ul>
  914. {/block:Date}
  915. {block:PostNotes}<div id="notes">{PostNotes-16}</div>{/block:PostNotes}
  916. </div>
  917. {/block:PermalinkPage}</footer>
  918.  
  919. </div>
  920.  
  921. {/block:Posts}
  922.  
  923. </div>
  924.  
  925. {block:Pagination}
  926.  
  927. <div class="pagination">
  928. {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
  929. {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage}
  930. </div>
  931.  
  932. {/block:Pagination}
  933.  
  934.  
  935. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded -->
  936.  
  937. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  938. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  939.  
  940. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  941. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  942.  
  943.  
  944. <!-- scroll to top code 1 -->
  945.  
  946.  
  947. <script type="text/javascript">
  948.  
  949. $(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")}})});
  950.  
  951. </script>
  952.  
  953.  
  954. <!-- tooltip script -->
  955.  
  956. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  957.  
  958. <script>
  959.  
  960. (function($){
  961.  
  962. $(document).ready(function(){
  963.  
  964. $("[title]").style_my_tooltips({
  965.  
  966. tip_follows_cursor:true,
  967.  
  968. tip_delay_time:100,
  969.  
  970. tip_fade_speed:250,
  971.  
  972. attribute:"title"
  973.  
  974. });
  975.  
  976. });
  977.  
  978. })(jQuery);
  979.  
  980. </script>
  981.  
  982.  
  983. <!--Code for infinite scroll and grid layout -->
  984.  
  985. <script>
  986. (function() {
  987. var $tumblelog = $('#content');
  988.  
  989. $tumblelog.infinitescroll({
  990. navSelector : ".pagination",
  991. nextSelector : ".pagination a:first",
  992. itemSelector : ".post",
  993. bufferPx : 50,
  994. done : "",
  995. loading: {
  996. img : "",
  997. msgText: ""
  998. },
  999. },
  1000. function( newElements ) {
  1001. var $newElems = $( newElements ).css({ opacity: 0 });
  1002. $newElems.imagesLoaded(function(){
  1003. $newElems.animate({ opacity: 1 });
  1004. $tumblelog.masonry( 'appended', $newElems);
  1005. });
  1006. }
  1007. );
  1008.  
  1009. $tumblelog.imagesLoaded( function(){
  1010. $tumblelog.masonry({
  1011. columnWidth: function( containerWidth ) {
  1012. return containerWidth / 100;
  1013. }
  1014. });
  1015. });
  1016. })();
  1017. </script>
  1018.  
  1019. <!-- Ok if you dare to remove this part I'll report your blog and do everything that it will get deleted. Removing this credit will be seen as thievery so you'd better not. And tbh it's not even that visible so calm down and just let it be there okk? xx -->
  1020.  
  1021. <div id="important"><a href="https://mhango.tumblr.com" target="_blank" title="theme by mhango"><img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYwIDYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MCA2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cGF0aCBkPSJNNTAuOTc2LDI2LjE5NEM1MC40NDcsMTcuMTk0LDQzLjAyOCwxMCwzNC4wODUsMTBjLTUuNDMsMC0xMC42ODgsMi42NjMtMTMuOTQ2LDcuMDA4Yy0wLjA3NS0wLjAzOS0wLjE1NC0wLjA2Ni0wLjIzLTAuMTAyICBjLTAuMTk4LTAuMDk2LTAuMzk5LTAuMTg3LTAuNjA0LTAuMjY5Yy0wLjExNC0wLjA0NS0wLjIyOC0wLjA4Ni0wLjM0My0wLjEyNmMtMC4yMDMtMC4wNzEtMC40MDktMC4xMzQtMC42MTktMC4xOTEgIGMtMC4xMTUtMC4wMzEtMC4yMjktMC4wNjMtMC4zNDUtMC4wODljLTAuMjI1LTAuMDUxLTAuNDU1LTAuMDktMC42ODctMC4xMjVjLTAuMTAxLTAuMDE1LTAuMi0wLjAzNS0wLjMwMi0wLjA0NiAgQzE2LjY3NywxNi4wMjMsMTYuMzQxLDE2LDE2LDE2Yy00Ljk2MywwLTksNC4wMzctOSw5YzAsMC4xMjcsMC4wMDgsMC4yNTIsMC4wMTYsMC4zNzd2MC4wMDRDMi44NTcsMjcuNjQ5LDAsMzIuMzk5LDAsMzcuMTU0ICBDMCw0NC4yMzcsNS43NjIsNTAsMTIuODQ1LDUwaDI0LjUwOGMwLjEwNCwwLDAuMjA3LTAuMDA2LDAuMzExLTAuMDE0bDAuMDYyLTAuMDA4bDAuMTM0LDAuMDA4QzM3Ljk2Miw0OS45OTQsMzguMDY0LDUwLDM4LjE2OSw1MCAgaDkuODAzQzU0LjYwNCw1MCw2MCw0NC42MDQsNjAsMzcuOTcyQzYwLDMyLjQ4Myw1Ni4xNzMsMjcuNTYsNTAuOTc2LDI2LjE5NHogTTQ3Ljk3Miw0OGgtOS44MDNjLTAuMDU5LDAtMC4xMTYtMC4wMDUtMC4xNzQtMC4wMDkgIGwtMC4yNzEtMC4wMTFsLTAuMTk4LDAuMDExQzM3LjQ2OSw0Ny45OTUsMzcuNDExLDQ4LDM3LjM1Myw0OEgxMi44NDVDNi44NjUsNDgsMiw0My4xMzUsMiwzNy4xNTRDMiwzMyw0LjcwNSwyOC42ODgsOC40MzMsMjYuOTAxICBMOSwyNi42M1YyNmMwLTAuMTI3LDAuMDA4LTAuMjU2LDAuMDE1LTAuMzg2bDAuMDA5LTAuMTZsLTAuMDEyLTAuMjFDOS4wMDYsMjUuMTYzLDksMjUuMDgyLDksMjVjMC0zLjg1OSwzLjE0MS03LDctNyAgYzAuMzA5LDAsMC42MTQsMC4wMjcsMC45MTcsMC4wNjdjMC4wNzgsMC4wMSwwLjE1NiwwLjAyMywwLjIzMywwLjAzNmMwLjI2NywwLjA0NCwwLjUzLDAuMTAyLDAuNzg5LDAuMTc3ICBjMC4wMzUsMC4wMSwwLjA3MSwwLjAxNywwLjEwNiwwLjAyN2MwLjI4NSwwLjA4NywwLjU2MywwLjE5NywwLjgzNSwwLjMyMWMwLjA3MSwwLjAzMiwwLjE0LDAuMDY3LDAuMjEsMC4xMDEgIGMwLjI0LDAuMTE5LDAuNDc1LDAuMjQ5LDAuNzAyLDAuMzk2QzIxLjcxOSwyMC4zNzMsMjMsMjIuNTM4LDIzLDI1YzAsMC41NTMsMC40NDcsMSwxLDFzMS0wLjQ0NywxLTFjMC0yLjc1NC0xLjI0Ni01LjIxOS0zLjItNi44NzEgIEMyNC42NjcsMTQuMzc5LDI5LjM4OCwxMiwzNC4wODUsMTJjNy43NDUsMCwxNC4xNzcsNi4xMzUsMTQuODQ4LDEzLjg4OGMtMS4wMjItMC4wNzItMi41NTItMC4xMDktNC4wODMsMC4xMjQgIGMtMC41NDYsMC4wODMtMC45MjEsMC41OTMtMC44MzgsMS4xMzljMC4wNzUsMC40OTUsMC41MDEsMC44NSwwLjk4NywwLjg1YzAuMDUsMCwwLjEwMS0wLjAwNCwwLjE1MS0wLjAxMiAgYzIuMjI3LTAuMzM3LDQuNTQ4LTAuMDIxLDQuNjg0LTAuMDAyQzU0LjQ5LDI4Ljg3Miw1OCwzMy4xNjEsNTgsMzcuOTcyQzU4LDQzLjUwMSw1My41MDEsNDgsNDcuOTcyLDQ4eiIgZmlsbD0iIzAwMDAwMCIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K" /></a></div>
  1022.  
  1023. </body>
  1024.  
  1025. <!-- scroll to top code 3 -->
  1026.  
  1027. <a href="javascript:;" id="scroll" rel="nofollow" title="scroll to top"><img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Mi4wODIsMTk1LjI4NUwxNDkuMDI4LDYyLjI0Yy0xLjkwMS0xLjkwMy00LjA4OC0yLjg1Ni02LjU2Mi0yLjg1NnMtNC42NjUsMC45NTMtNi41NjcsMi44NTZMMi44NTYsMTk1LjI4NSAgIEMwLjk1LDE5Ny4xOTEsMCwxOTkuMzc4LDAsMjAxLjg1M2MwLDIuNDc0LDAuOTUzLDQuNjY0LDIuODU2LDYuNTY2bDE0LjI3MiwxNC4yNzFjMS45MDMsMS45MDMsNC4wOTMsMi44NTQsNi41NjcsMi44NTQgICBjMi40NzQsMCw0LjY2NC0wLjk1MSw2LjU2Ny0yLjg1NGwxMTIuMjA0LTExMi4yMDJsMTEyLjIwOCwxMTIuMjA5YzEuOTAyLDEuOTAzLDQuMDkzLDIuODQ4LDYuNTYzLDIuODQ4ICAgYzIuNDc4LDAsNC42NjgtMC45NTEsNi41Ny0yLjg0OGwxNC4yNzQtMTQuMjc3YzEuOTAyLTEuOTAyLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY2ICAgQzI4NC45MjksMTk5LjM3OCwyODMuOTg0LDE5Ny4xODgsMjgyLjA4MiwxOTUuMjg1eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=" /></a>
  1028.  
  1029. <!-- end of scroll to top code 3 -->
  1030.  
  1031.  
  1032. </html>
  1033.  
  1034.  
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!