API tools faq
paste
chaisthemes

theme 05: the earth watches

chaisthemes
Apr 17th, 2019
2,186
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 36.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3. infinite scroll by paul irish (bless @magnusthemes and @sorrism);
  4. photosets.css by @annasthms and @espoirthemes;
  5. style my tooltips by malihu;
  6. customizable audio by @roxiestheme;
  7. tumblr controls by @cyantists;
  8. icon font: ICONSVG;
  9. unnest captions base and npf photoset fix by @annasthms;
  10. base for all-in-one by @neonbikethemes
  11. -->
  12. <html>
  13.     <head>
  14.         <title>{Title}</title>
  15.         <meta name="viewport" content="width=device-width, initial-scale=1">
  16.         <link rel="shortcut icon" href="{Favicon}">
  17.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.         {block:Description}
  19.             <meta name="description" content="{MetaDescription}" />
  20.         {/block:Description}
  21.         <!--meta tags-->
  22.     <meta name="color:background" content="#f6f6f6" />
  23.     <meta name="color:text" content="#666666" />
  24.     <meta name="color:links" content="#444444" />
  25.     <meta name="color:links hover" content="#a77dc2" />
  26.     <meta name="color:borders" content="#eeeeee" />
  27.     <meta name="color:posts" content="#ffffff" />
  28.     <meta name="color:header" content="#ffffff" />
  29.     <meta name="color:scrollbar" content="#f5f5f5"/>
  30.     <meta name="if:infinite scroll" content="1"/>
  31.     <meta name="color:audio" content="#f5f5f5"/>
  32.     <meta name="select:font" title="Source Sans Pro" content="'Source Sans Pro', sans-serif"/>
  33.     <meta name="select:font" title="Rubik" content="'Rubik', sans-serif"/>
  34.     <meta name="select:font" title="Lato" content="'Lato', sans-serif"/>
  35.     <meta name="select:font" title="Poppins" content="'Poppins', sans-serif"/>
  36.     <meta name="select:heading font" title="Source Sans Pro" content="'Source Sans Pro', sans-serif"/>
  37.     <meta name="select:heading font" title="Rubik" content="'Rubik', sans-serif"/>
  38.     <meta name="select:heading font" title="Lato" content="'Lato', sans-serif"/>
  39.     <meta name="select:heading font" title="Poppins" content="'Poppins', sans-serif"/>
  40.     <meta name="select:font size" content="12px"/>
  41.     <meta name="select:font size" content="13px"/>
  42.     <meta name="select:font size" content="14px"/>
  43.     <meta name="select:font size" content="15px"/>
  44.     <meta name="text:tab 1 title" content="" />
  45.     <meta name="text:tab 2 title" content="" />
  46.     <meta name="text:tab 3 title" content="" />
  47.     <meta name="text:tab 4 title" content="" />
  48.     <!--links and scripts-->
  49.     <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  50.     <script src="https://static.tumblr.com/0podkko/ZHfq8v9rn/photosets.js"></script>
  51.     <link href="https://static.tumblr.com/0podkko/bwepdyarh/photosets.css" rel="stylesheet">
  52.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  53.     <script src="https://static.tumblr.com/puqxgda/0i2paplaq/infinite-scroll.pkgd.min.js"></script>
  54. <link href="https://fonts.googleapis.com/css?family=Lato|Poppins|Rubik|Source+Sans+Pro" rel="stylesheet">
  55.     <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  56.     <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  57.  
  58.     <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("a[title]").style_my_tooltips({
  62. tip_follows_cursor:true,
  63. tip_delay_time:90,
  64. tip_fade_speed:700,
  65. attribute:"title"
  66. });
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71.     <style type="text/css">
  72.     /* TOOLTIPS AND SCROLLBAR */
  73.         #s-m-t-tooltip {
  74.    max-width:300px;
  75.    border-radius: 0px;
  76.    padding:4px;
  77.    margin:5px 10px 5px 0px;
  78.    color:{color:text};
  79.    border:1px solid {color:borders};
  80.    font-family: {select:font}, sans-serif;
  81.    font-size:11px;
  82.    background:{color:background};
  83.    z-index:99999;
  84. }
  85. ::-webkit-scrollbar {
  86.   width: 9px;
  87.   height: 9px;
  88. }
  89. ::-webkit-scrollbar-button {
  90.   width: 0px;
  91.   height: 0px;
  92. }
  93. ::-webkit-scrollbar-thumb {
  94.   background: {color:scrollbar};
  95.   border: 0px none {color:borders};
  96.   border-radius: 2px;
  97. }
  98. ::-webkit-scrollbar-thumb:active {
  99.   background: {color:scrollbar};
  100. }
  101. ::-webkit-scrollbar-track {
  102.   background: {color:posts};
  103.   border: 0px none {color:borders};
  104.   border-radius: 21px;
  105. }
  106. ::-webkit-scrollbar-corner {
  107.   background: transparent;
  108. }
  109.  
  110.     /* GENERAL STYLING */
  111. body {
  112.     background-color: {color:background};
  113.     color: {color:text};
  114.     font-family: {select:font};
  115.     margin: 0;
  116.     padding: 0;
  117.     font-size: {select:font size};
  118.     word-break: break-word;
  119. }
  120. a {
  121.   font-family:inherit;
  122.   font-weight: normal;
  123.   color: {color:links};
  124.   text-decoration:none;
  125.   moz-transition-duration: 0.5s;
  126.     -o-transition-duration: 0.5s;
  127.     -webkit-transition-duration: 0.5s;
  128.     transition-duration: 0.5s;
  129. }
  130. a:hover {
  131.   color: {color:links hover};
  132.   moz-transition-duration: 0.5s;
  133.     -o-transition-duration: 0.5s;
  134.     -webkit-transition-duration: 0.5s;
  135.     transition-duration: 0.5s;
  136. }
  137. blockquote {
  138.  border-left: 1px solid {color:borders};
  139.  padding-left: 5px;
  140.  margin-left: 12px;
  141. }
  142.  
  143. blockquote blockquote {
  144.  padding: 0 0 0 5px;
  145.  margin: 0 0 0 12px;
  146. }
  147. pre, code {
  148.     font-family: Courier;
  149.     background-color: {color:audio};
  150.     padding: 5px;
  151. }
  152. h1 {
  153.   font-size: calc({select:font size} + 8px);
  154.   margin-top: 10px;
  155.   text-align: center;
  156.   position: relative;
  157.   font-family: {select:heading font};
  158.   color: {color:text};
  159. }
  160. h1:hover {
  161.     color: {color:links hover};
  162.   moz-transition-duration: 0.5s;
  163.     -o-transition-duration: 0.5s;
  164.     -webkit-transition-duration: 0.5s;
  165.     transition-duration: 0.5s;
  166. }
  167. h2, h3, h4, h5, h6 {
  168.     font-family: {select:heading font};
  169.     font-size: calc({select:font size} + 3px);
  170.     text-align: center;
  171. }
  172. b, strong {
  173. font-weight: bold;
  174. }
  175. i, em {
  176. font-style: italic;
  177. }
  178. /* CONTROLS */
  179. iframe.tmblr-iframe {
  180.     z-index:99999999999999!important;
  181.     top:-2px!important;
  182.     right:0!important;
  183.     opacity:0;
  184.     padding-right:38px;
  185.     /* delete invert(1) from here */
  186.         filter:invert(1) contrast(150%);
  187.         -webkit-filter:invert(1) contrast(150%);
  188.         -o-filter:invert(1) contrast(150%);
  189.         -moz-filter:invert(1) contrast(150%);
  190.         -ms-filter:invert(1) contrast(150%);
  191.     /* to here if your blog has a dark background */
  192.     transform:scale(0.65);
  193.     transform-origin:100% 0;
  194.     -webkit-transform:scale(0.65);
  195.     -webkit-transform-origin:100% 0;
  196.     -o-transform:scale(0.65);
  197.     -o-transform-origin:100% 0;
  198.     -moz-transform:scale(0.65);
  199.     -moz-transform-origin:100% 0;
  200.     -ms-transform:scale(0.65);
  201.     -ms-transform-origin:100% 0;}
  202.  
  203. iframe.tmblr-iframe:hover {
  204.     opacity:0.6!important;}
  205.  
  206. .hcontrols {
  207.     position:fixed;
  208.     top:0;
  209.     right:0;
  210.     z-index:999999999;}
  211.  
  212. .hcontrols svg {
  213.     width:14px;
  214.     height:14px;
  215.     padding:9px;}
  216.  
  217. .hcontrols svg path {
  218.     fill:#000000;/* change this to change the color of the icon */}
  219.  
  220. .tabcontent {
  221.     position:static;
  222.     margin-left:auto;
  223.     margin-right:auto;
  224.     width: 520px;
  225.     text-align:center;
  226.     margin-bottom:200px;
  227. }
  228. .tabs {
  229.     width:100%;
  230.     margin-left:0px;
  231.     display:inline-block;
  232. }
  233. #topbar {
  234.     width: 100%;
  235.     height: 150px;
  236.     top: 0;
  237.     margin-top: 0!important;
  238.     background-color: {color:header};
  239.     border: 1px solid {color:borders};
  240.     padding: 10px;
  241.     box-sizing: border-box;
  242. }
  243. .description {
  244.     position: relative;
  245.     text-align: center;
  246. }
  247.     /*----- Tab Links -----*/
  248. .tab-links li {
  249.     display: inline-block;
  250.     list-style: none;
  251.     margin-left: 1px;
  252. }
  253. .tab-links {
  254.     text-align: center;
  255. }
  256. li.active a, li.active a:hover {
  257.     background:transparent;
  258.     color:{color:links hover};
  259.     -webkit-transition: all .3s;
  260.     -moz-transition: all .3s;
  261.     -o-transition: all .3s;
  262.     -ms-transition: all .3s;
  263.     transition: all .3s;
  264. }
  265.  
  266.     /*----- Content of Tabs -----*/
  267.     .tab-content {
  268.     }
  269.  
  270.         .tab {
  271.             display:none;
  272.         }
  273.  
  274.         .tab.active {
  275.             display:block;
  276.         }
  277. /* GENERAL POST STYLING, CONTROLS, AND PERMALINKS */
  278. #posts {
  279.     position: relative;
  280.     column-count: 2;
  281.     width: 900px;
  282.     margin-top: 5%;
  283.     left: 50%;
  284.     margin-bottom: 70px;
  285.     margin-left: -430px;
  286. }
  287. .wrapper {
  288.     display: inline-block;
  289.     margin-top: 60px;
  290. }
  291. .post {
  292.     display: inline-block;
  293.     break-inside: avoid;
  294.     width: 400px;
  295.     background-color: {color:posts};
  296.     border: 1px solid {color:borders};
  297.     box-sizing: border-box;
  298. }
  299. .post img, blockquote, li {
  300.   max-width: 100%;
  301. }
  302. .tagwrap {
  303.     margin-bottom: 50px;
  304.     background-color: {color:posts};
  305.     width: 400px;
  306.     padding: 5px;
  307.     box-sizing: border-box;
  308.     border: 1px solid {color:borders};
  309.     border-top: 1px solid transparent;
  310.     height: 30px;
  311.     overflow: scroll;
  312.  
  313. }
  314. .tags  {
  315.     display: inline-block;
  316.     margin-left: 5px;
  317. }
  318. .controls svg {
  319.    width:10px;
  320.    height:auto;
  321.    opacity:.5;
  322.    padding:1px;
  323.    display:block;
  324.    overflow:visible;
  325. }
  326. .controlw {
  327.     background-color: {color:posts};
  328.     border: 1px solid {color:borders};
  329.     border-bottom: 0px transparent;
  330. }
  331. .controls a {
  332.    position:relative;
  333.    display:inline-block;
  334.    overflow:hidden;
  335.    padding:5px;
  336.    width:12px;
  337.    height:12px;
  338. }
  339. .controls .reblog {
  340.    opacity:.93;
  341. }
  342. .controls .reblog svg {
  343.    width:9px;
  344.    margin-top:1px;
  345. }
  346. .controls .like .liked + svg {
  347.    opacity:1;
  348. }
  349. .controls .like .liked + svg path {
  350.    fill:#ec5a5a;
  351. }
  352. .controls .like .like_button {
  353.    position:relative;
  354. }
  355. .controls .like .like_button iframe {
  356.    position:absolute;
  357.    top:0;
  358.    left:0;
  359.    bottom:0;
  360.    right:0;
  361.    z-index:2;
  362.    opacity:0;
  363. }
  364. .permalink {
  365.     position: absolute;
  366.     display: inline-block;
  367.     color: #808080;
  368.     font-weight: normal;
  369.     margin-left: 55px;
  370.     margin-top: 4.5px;
  371. }
  372. /* POST TYPES */
  373. .text {
  374.     width: 400px;
  375.     box-sizing: border-box;
  376. }
  377. .txt {
  378.     padding: 10px;
  379. }
  380. .photo {
  381.     width: 400px;
  382.     display: block;
  383. }
  384. .quote {
  385.     padding: 10px;
  386.     font-size: calc({select:font size} + 3px);
  387.     text-align: center;
  388. }
  389. .source {
  390.     font-size: calc({select:font size} + 2px);
  391.     text-align: center;
  392.     font-variant: small-caps;
  393. }
  394. .link {
  395.     text-align: center;
  396. }
  397. .lnk {
  398.     padding: 10px;
  399.     border-bottom: 1px solid {color:borders};
  400.     background-color: {color:audio};
  401.     font-weight: bold;
  402.     font-size: calc({select:font size} + 2px);
  403. }
  404. .photoset-grid {
  405.     grid-gap: 1px;
  406. }
  407. .audio iframe {
  408.     width: 398px;
  409.     height: 85px;
  410.     display: block;
  411. }
  412. .video iframe {
  413.     width: 400px;
  414.     display: block;
  415. }
  416. .cht h2, h3, h4{
  417.     padding:10px;
  418. }
  419. .chat {
  420.     list-style-type: none;
  421.     padding-left: 3px;
  422. }
  423. .line {
  424.     padding: 10px;
  425. }
  426. .line:nth-of-type(odd) {
  427.     background-color: {color:audio};
  428.     text-align: left;
  429.     border: 1px solid {color:borders};
  430.     border-left: 0px transparent;
  431.     border-right: 0px transparent;
  432. }
  433. .line:nth-of-type(even) {
  434.     text-align: right;
  435. }
  436. .post.text.cht > .line:first-child {
  437.     border-top: none;
  438. }
  439. .post.text.cht > .line:last-of-type {
  440.     border-bottom: none;
  441. }
  442. .question {
  443.     padding: 5px;
  444.     background-color: {color:audio};
  445.     border-bottom: 1px solid {color:borders};
  446.     margin-bottom: 3px;
  447. }
  448. .asker img {
  449.     width: 25px;
  450.     display: inline-block;
  451.     vertical-align: middle;
  452.     padding: 2px 0px 0px 5px;
  453. }
  454. .asker {
  455.     padding: 10px 0px 0px 4px;
  456. }
  457. .question_text {
  458.     padding: 10px;
  459.     margin-bottom: 3px;
  460. }
  461. .answerer {
  462.     text-align: right;
  463.     padding: 0px 10px 0px 7px;
  464. }
  465. .replier img {
  466.     width: 25px;
  467.     display: inline-block;
  468.     vertical-align: middle;
  469.     padding: 2px 4px 0px 10px;
  470. }
  471. .replier {
  472.     padding: 10px 0px 0px 2px;
  473. }
  474. .reply {
  475.     padding: 15px;
  476. }
  477. .answer_text {
  478.     text-align: right;
  479.     padding: 10px;
  480.     margin-top: -6px;
  481. }
  482. .answer_container {
  483.     padding: 5px;
  484.     margin-top: 10px;
  485.     margin-bottom: -10px;
  486. }
  487. /* ASK, SUBMIT, AND PERMALINK PAGE */
  488. {block:PermalinkPage}
  489. .tags {
  490.     text-align: center;
  491.     display: inline-block;
  492.     padding: 4px;
  493. }
  494. {/block:PermalinkPage}
  495.  
  496. /* NOTES */
  497.  
  498. ol.notes {
  499.     margin-top: 50px;
  500.     list-style-type: none;
  501.     background-color: {color:posts};
  502.     padding: 10px;
  503.     width: 400px;
  504.     box-sizing: border-box;
  505.     border: 1px solid {color:borders};
  506. }
  507. ol.notes li.note {
  508.     padding: 5px;
  509.     vertical-align: middle;
  510. }
  511. ol.notes li.note img.avatar {
  512.     vertical-align: middle;
  513.     padding: 5px;
  514.     width: 20px;
  515. }
  516. li.note.more_notes_link_container {
  517.     text-transform: lowercase;
  518. }
  519. /* PAGINATION */
  520. #footer {
  521.     padding: 15px;
  522.     text-align: center;
  523. }
  524. .prev {
  525.     padding: 5px;
  526.     margin: 3px;
  527. }
  528. .next {
  529.     padding: 5px;
  530.     margin: 3px;
  531. }
  532. {block:Ifinfinitescroll}
  533. #footer {
  534.     display: none;
  535. }
  536. {/block:Ifinfinitescroll}
  537.  
  538.  
  539. /* captions */
  540. .commenter img {
  541.     width: 25px;
  542.     vertical-align: middle;
  543.     padding: 5px;
  544. }
  545. .text .commenter {
  546.     padding: 0px;
  547.     padding-bottom: 0px;
  548. }
  549. .text .comment {
  550.     padding: 5px;
  551. }
  552. .commenter {
  553.     padding: 10px;
  554.     padding-bottom: 0px;
  555. }
  556. .comment {
  557.     padding-bottom: 0px;
  558.     padding: 10px 10px 10px 15px;
  559.     margin-top: -8px;
  560. }
  561. .caption {
  562.     background-color: {color:posts};
  563.     width: 400px;
  564.     box-sizing: border-box;
  565.     border: 1px solid {color:borders};
  566.     border-top: 0px transparent;
  567. }
  568. .cap {
  569.     padding: 10px;
  570. }
  571. .comment_container {
  572.     margin-top: -20px;
  573. }
  574. .text .comment_container {
  575.     margin-top: -5px;
  576. }
  577. .comment_container:first-child {
  578.     margin-top: 0;
  579. }
  580. .comment_container:last-child {
  581.     border-bottom: 1px solid transparent;
  582.     margin-bottom: -4px;
  583. }
  584.  
  585. /* TAB 2 - ASK/SUBMIT */
  586.  
  587. .ask {
  588.     margin-top: 27%;
  589.     margin-bottom: 60px;
  590. }
  591.  
  592. /* TAB 3 - ABOUT */
  593. .about {
  594.     margin-top: 27%;
  595. }
  596. .about img {
  597.     width: 100px;
  598.     display:block;
  599.     padding: 10px;
  600.     margin: auto;
  601. }
  602. .about h2 {
  603.     text-align: center;
  604.     font-weight: normal;
  605.     font-size: calc({select:font size} + 6px);
  606. }
  607. .abtext {
  608.     font-size: calc({select:font size} + 4px);
  609. }
  610.  
  611. /*TAB 4 - TAGS */
  612. .tagcontainer {
  613.     margin-top: 27%;
  614.     column-count:3;
  615.     width: 800px;
  616.     margin-left: -150px;
  617. }
  618. .tagss {
  619.     display: inline-block;
  620.     break-inside: avoid;
  621.     width: 200px;
  622.     background-color: {color:posts};
  623.     border: 1px solid {color:borders};
  624.     margin-bottom: 60px;
  625. }
  626. .tagss a {
  627.     text-align: right;
  628.     display: block;
  629.     margin-bottom: 4px;
  630.     left: 5px;
  631.     padding: 10px;
  632.     box-sizing:border-box;
  633. }
  634. .tagss a:nth-of-type(odd) {
  635.     text-align: left;
  636.     background-color: {color:audio};
  637.     border-top: 1px solid {color:borders};
  638.     border-bottom: 1px solid {color:borders};
  639. }
  640. .tagss a:last-of-type {
  641.     margin-bottom: 0px;
  642.     border-bottom: 0px transparent;
  643. }
  644. /* CREDIT - DO NOT TOUCH */
  645. .credit img {
  646.     width: 20px;
  647.     position: fixed;
  648.     bottom: 15px;
  649.     right: 17px;
  650.     text-align: center;
  651. }
  652. #scrollto {
  653.     width: 20px;
  654.     position: fixed;
  655.     bottom: 45px;
  656.     right: 17px;
  657. }
  658. #scrollto a {
  659.     color: {color:links};
  660. }
  661. #scrollto a:hover {
  662.     color: {color:links hover};
  663.     moz-transition-duration: 0.5s;
  664.     -o-transition-duration: 0.5s;
  665.     -webkit-transition-duration: 0.5s;
  666.     transition-duration: 0.5s;
  667. }
  668. /* MEDIA QUERIES */
  669. @media only screen and (max-width: 900px) {
  670.     #posts {
  671.         width: 700px;
  672.         margin-left: -330px;
  673.     }
  674.     .post, .tagwrap, .caption {
  675.         width: 300px;
  676.     }
  677.     .controlw {
  678.         width: 298px;
  679.     }
  680.     .photo {
  681.         width: 300px;
  682.     }
  683.     .audio iframe {
  684.         width: 300px;
  685.     }
  686.     .video iframe {
  687.         width: 300px;
  688.     }
  689.     .tagcontainer {
  690.         column-count: 2;
  691.         width: 600px;
  692.         margin-left: -30px;
  693.     }
  694. }
  695. @media only screen and (max-width: 600px) {
  696.     #posts {
  697.         column-count: 1;
  698.         margin-left: -150px;
  699.         margin-top: 10%;
  700.         overflow-x: hidden;
  701.         width: 300px;
  702.     }
  703.     .post, .wrapper {
  704.         display: block;
  705.     }
  706.     .tagcontainer {
  707.         column-count: 1;
  708.         width: 200px;
  709.         position: absolute;
  710.         margin-top: 10%;
  711.         top: 42%;
  712.         left: 50%;
  713.         margin-left: -100px;
  714.     }
  715.     .tagss {
  716.         display: block;
  717.     }
  718.     .ask iframe {
  719.         position: absolute;
  720.         margin-top: 10%;
  721.         top: 42%;
  722.         width: 250px;
  723.         left: 50%;
  724.         margin-left: -125px;
  725.     }
  726.     .submission iframe {
  727.         position: absolute;
  728.         margin-top: 90%;
  729.         width: 250px;
  730.         left: 50%;
  731.         top: 42%;
  732.         margin-left: -125px;
  733.     }
  734.     .about {
  735.         width: 250px;
  736.         position: absolute;
  737.         margin-top: 10%;
  738.         left: 50%;
  739.         top: 42%;
  740.         margin-bottom: 60px;
  741.         margin-left: -125px;
  742.     }
  743.     iframe.tmblr-iframe {
  744.         display: none;
  745.     }
  746. }
  747.  
  748.  
  749.  
  750.     </style>
  751.     <!--SCRIPTS-->
  752.     <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  753.  
  754. <script>
  755. $(document).ready(function() {
  756.     $('.tabs .tab-links a').on('click', function(e)  {
  757.         var currentAttrValue = $(this).attr('href');
  758.  
  759.         // Show/Hide Tabs
  760.         $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  761.  
  762.         // Change/remove current tab to active
  763.         $(this).parent('li').addClass('active').siblings().removeClass('active');
  764.  
  765.         e.preventDefault();
  766.     });
  767. });
  768. </script>
  769.  
  770. <script>
  771. $(document).ready(function() {
  772.   $('#filterOptions li a').click(function() {
  773.     // fetch the class of the clicked item
  774.     var ourClass = $(this).attr('class');
  775.  
  776.     // reset the active class on all the buttons
  777.     $('#filterOptions li').removeClass('active');
  778.     // update the active state on our clicked button
  779.     $(this).parent().addClass('active');
  780.  
  781.     if(ourClass == 'all') {
  782.       // show all our items
  783.       $('#ourHolder').children('div.item').show();
  784.     }
  785.     else {
  786.       // hide all elements that don't share ourClass
  787.       $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  788.       // show all elements that do share ourClass
  789.       $('#ourHolder').children('div.' + ourClass).show();
  790.     }
  791.     return false;
  792.   });
  793. });
  794. </script>
  795.  
  796.     <script>
  797. $(document).ready(function(){
  798. $(window).scroll(function () {
  799.    if ($(this).scrollTop() > 200)
  800.    { $('#scrollto').fadeIn(); }
  801.    else
  802.    { $('#scrollto').fadeOut(); }
  803.    });
  804. $('#scrollto').click(function () {
  805.    $("html, body").animate({scrollTop:0}, 1000); return false;
  806.    });
  807.    $('.caption').each(function(){if($(this).html().trim() == '')$(this).remove();});
  808. });
  809. </script>
  810.    {block:Ifinfinitescroll}
  811.     <script>
  812.         $(document).ready(function() {
  813.             var $container = $('#posts')
  814.             $container.infiniteScroll({
  815.                 // options
  816.                 path: '.next',
  817.                 append: '.wrapper',
  818.                 history: false,
  819.             });
  820.             $container.on( 'append.infiniteScroll', function(e,r,p,newElements){
  821.        var $newElems = $(newElements);
  822.        var $newElemsIDs = $newElems.map(function(){
  823.            return this.id;
  824.        }).get();
  825.        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  826. $('.caption').each(function(){if($(this).html().trim() == '')$(this).remove();});
  827.             });
  828.     });
  829.     </script>
  830.     {/block:Ifinfinitescroll}
  831.  
  832.     <script>
  833.     $(document).ready(function() {
  834.       undoPhotoset();
  835.       undoPhotoset({
  836.  'posts': '.post.text', // change '.post.text' to the text post selector
  837.  'text class': 'txt', // change 'text' to the text post unique class (can be '')
  838.  'photoset class': 'photo' // change 'photoset' to the photoset post unique class (can be '')
  839.  },false); // true = pxu, false = css photosets
  840.       $('iframe.tumblr_audio_player').load( function() {
  841.          $('iframe.tumblr_audio_player').contents().find("head")
  842.             .append($("<style type='text/css'> .audio-player{background:{color:audio} !important} </style>"));
  843.       });
  844.    });
  845. </script>
  846. <!--END SCRIPTS-->
  847.  
  848.     </head>
  849.  
  850.     <body>
  851. <div id="topbar">
  852.  
  853.    <h1><a href="/">{Title}</a></h1>
  854.  
  855.     <div class="description">{description}</div>
  856.  
  857.     <div id="navbar">
  858.         <div class="tabs">
  859.             <ul class="tab-links">
  860.                 <li class="active" style="margin-left:-30px">
  861.                 <a href="#tab1" title="{text:tab 1 title}"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="square" stroke-linejoin="arcs"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect></svg></a></li>
  862.                 <li><a href="#tab2" title="{text:tab 2 title}"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="square" stroke-linejoin="arcs"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg></a></li>
  863.                 <li><a href="#tab3" title="{text:tab 3 title}"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="square" stroke-linejoin="arcs"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></a></li>
  864.                 <li><a href="#tab4" title="{text:tab 4 title}"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="square" stroke-linejoin="arcs"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></a></li>
  865.             </ul>
  866.         </div>
  867.     </div>
  868.  
  869. </div>
  870. <div class="tabs">
  871.  
  872.  
  873. <!-- --------------------------- TAB 1 -------------------------- -->
  874.  
  875. <div class="tab-content">
  876. <div id="tab1" class="tab active">
  877.  
  878.  
  879. <div id="posts">
  880.             {block:Posts}
  881.             <!--CONTROLS AND PERMALINK-->
  882.             <div class="wrapper" id="{PostID}">
  883.             <div class="controlw">
  884.             {block:Date}<a href="{Permalink}" class="permalink">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{/block:Date}
  885.             <div class="controls">
  886.             {block:Date}
  887. <a href="{ReblogURL}" target="_blank" class="reblog">
  888. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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>
  889. </a>
  890. <a href="#" class="like">{LikeButton}
  891. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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>
  892. </a>
  893. {/block:Date}
  894. </div>
  895. </div>
  896. <!--END CONTROLS AND PERMALINK-->
  897. <!--POST TYPES-->
  898.  
  899.             {block:Text}
  900.             <div class="post text txt" id="{PostId}">{block:Title}<h2>{Title}</h2>{/block:Title}<div class="body">
  901.             {block:NotReblog}{Body}{/block:NotReblog}
  902.             {block:RebloggedFrom}
  903.             {block:Reblogs}
  904.             <div class="comment_container">
  905.                 <div class="commenter">
  906.                     <img src="{PortraitURL-64}" />
  907.                     <span>
  908.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  909.                     </span>
  910.                 </div>
  911.                 <div class="comment">{Body}</div>
  912.             </div>
  913.             {/block:Reblogs}
  914.             {/block:RebloggedFrom}
  915.         </div>
  916.         </div>
  917.         {/block:Text}
  918.  
  919.         {block:Photo}
  920.         <div class="post photo" id="{PostID}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></div>{/block:Photo}
  921.  
  922.  
  923.         {block:Photoset}<div class="post photo" id="{PostID}"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Photoset}
  924.  
  925.         {block:Quote}
  926.         <div class="post text" id="{PostID}"><div class="quote">{Quote}</div>
  927.         {block:Source}<div class="quote">{Source}</div>{/block:Source}</div>
  928.         {/block:Quote}
  929.  
  930.         {block:Link}
  931.         <div class="post text link" id="{PostID}">
  932.         <div class="lnk"
  933.        <a href="{URL}" class="path{block:Description} has-desc{/block:Description}" {Target}>{Name}</a>
  934.         </div>
  935.         {block:Description}
  936.         <div class="link-description">
  937.             {block:NotReblog}{Description}{/block:NotReblog}
  938.             {block:RebloggedFrom}
  939.             {block:Reblogs}
  940.             <div class="comment_container">
  941.                 <div class="commenter">
  942.                     <img src="{PortraitURL-64}" />
  943.                     <span>
  944.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  945.                     </span>
  946.                 </div>
  947.                 <div class="comment">{Body}</div>
  948.             </div>
  949.             {/block:Reblogs}
  950.             {/block:RebloggedFrom}
  951.         </div>
  952.         {/block:Description}</div>
  953.         {/block:Link}
  954.  
  955.         {block:Chat}
  956.         <div class="post text cht" id="{PostID}">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}
  957.             <div class="line"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}</div>
  958.             {/block:Lines}
  959.         </div>
  960.  
  961.         {/block:Chat}
  962.  
  963.         {block:Audio}<div class="post photo" id="{PostID}"><div class="audio">{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}</div></div>{/block:Audio}
  964.  
  965.         {block:Video}<div class="post photo" id="{PostID}">{VideoEmbed-500}</div>{/block:Video}
  966.  
  967.         {block:Answer}
  968.         <div class="post text" id="{PostID}">
  969.         <div class="question">
  970.             <div class="asker">
  971.             <img src="{AskerPortraitURL-128}">
  972.                 {Asker}
  973.             </div>
  974.             <div class="question_text">{Question}</div>
  975.         </div>
  976.         {block:Answerer}
  977.         <div class="answer_container">
  978.             <div class="answerer">
  979.                 {Answerer}
  980.             </div>
  981.             <div class="answer_text">{Answer}</div>
  982.         </div>
  983.         {block:Reblogs}
  984.         <div class="reply_container">
  985.             <div class="replier">
  986.                 <img src="{PortraitURL-64}" />
  987.                 {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}
  988.             </div>
  989.             <div class="reply">{Body}</div>
  990.         </div>
  991.         {/block:Reblogs}
  992.         {/block:Answerer}
  993.         {block:NotReblog}
  994.         <div class="answer_container">
  995.             <div class="answerer">
  996.                 <a href="{Permalink}">{Name}</a>
  997.             </div>
  998.             <div class="answer_text">{Answer}</div>
  999.         </div>
  1000.         {/block:NotReblog}</div>
  1001.  
  1002.         {/block:Answer}
  1003.  
  1004.         {block:Caption}
  1005.        <div class="caption">
  1006.             {block:NotReblog}<div class="cap">{Caption}</div>{/block:NotReblog}
  1007.             {block:RebloggedFrom}
  1008.             {block:Reblogs}
  1009.             <div class="comment_container">
  1010.                 <div class="commenter">
  1011.                     <img src="{PortraitURL-64}" />
  1012.                     <span>
  1013.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  1014.                     </span>
  1015.                 </div>
  1016.                 <div class="comment">{Body}</div>
  1017.             </div>
  1018.             {/block:Reblogs}
  1019.             {/block:RebloggedFrom}
  1020.         </div>
  1021.         {/block:Caption}
  1022.    {block:Date}
  1023.    <div class="tagwrap">
  1024.    <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a>
  1025.    {block:HasTags}
  1026.    {block:Tags}
  1027.    <a href="{TagURL}" class="tags">#{Tag}</a>
  1028.    {/block:Tags}
  1029.    {/block:HasTags}
  1030.    </div>
  1031.    {/block:Date}
  1032.                 {PostNotes}
  1033.                 </div>
  1034.                 {/block:Posts}
  1035.         </div>
  1036.         <!--END POST TYPES-->
  1037.                         <!--PAGINATION-->
  1038.         {block:Pagination}
  1039.         <p id="footer">
  1040.             {block:PreviousPage}
  1041.                 <a href="{PreviousPage}" class="prev"><</a>
  1042.             {/block:PreviousPage}{block:NextPage}
  1043.                 <a class="next" href="{NextPage}">></a>
  1044.             {/block:NextPage}
  1045.         </p>
  1046.         {/block:Pagination}
  1047. </div>
  1048.  
  1049. <!-- -------------------------- TAB 2 -------------------------- -->
  1050.  
  1051. <div id="tab2" class="tab">
  1052.     <div class="tabcontent">
  1053.     <div class="ask">
  1054.         {block:AskEnabled}
  1055.         <p><iframe frameborder="0" height="190" id="ask_form: scrolling="no" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!–[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]–></p>
  1056.         {/block:AskEnabled}
  1057.     </div>
  1058.  
  1059.     <div class="submission">
  1060.         {block:SubmissionsEnabled}
  1061.         <p><iframe frameborder="0" height="500" id="ask_form: scrolling="no" src="https://www.tumblr.com/submit_form/{Name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!–[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]–></p>
  1062.         {/block:SubmissionsEnabled}
  1063.         </div>
  1064.     </div>
  1065. </div>
  1066.  
  1067.  
  1068. <!-- -------------------------- TAB 3 -------------------------- -->
  1069.  
  1070. <div id="tab3" class="tab">
  1071.     <div class="tabcontent">
  1072.         <div class="about">
  1073.             <img src="{PortraitURL-128}"/>
  1074.             <h2>about the blogger</h2>
  1075.             <p class="abtext">I’m fifteen years old, INTJ, and perpetually thinking. I’m passionate about reading, writing, and design, and I love trying out new things. I live in the United States — specifically around San Francisco; my timezone is Pacific Standard Time (PST; UTC - 8). I’m Indian by ethnicity, though I’ve been born and raised in the U.S. I’m vegetarian, have an unhealthy obsession with chai, and pick up more books than I have time to read. I love different languages, and know three myself, though I have a fondness for quotes and phrases in many varying tongues. My first language is English, and I’m semi-fluent in Spanish and Gujarati.</p>
  1076.         </div>
  1077.     </div>
  1078. </div>
  1079.  
  1080.  
  1081. <!-- -------------------------- TAB 4 ---------------------------->
  1082.  
  1083. <div id="tab4" class="tab">
  1084.     <div class="tabcontent">
  1085.         <div class="tagcontainer">
  1086.             <div class="tagss">
  1087.                 <h2>heading</h2>
  1088.                 <a href="/tagged/link">#tag</a>
  1089.                 <a href="/tagged/link">#tag</a>
  1090.                 <a href="/tagged/link">#tag</a>
  1091.                 <a href="/tagged/link">#tag</a>
  1092.                 <a href="/tagged/link">#tag</a>
  1093.                 <a href="/tagged/link">#tag</a>
  1094.                 <a href="/tagged/link">#tag</a>
  1095.                 <a href="/tagged/link">#tag</a>
  1096.             </div>
  1097.             <div class="tagss">
  1098.                 <h2>heading</h2>
  1099.                 <a href="/tagged/link">#tag</a>
  1100.                 <a href="/tagged/link">#tag</a>
  1101.                 <a href="/tagged/link">#tag</a>
  1102.                 <a href="/tagged/link">#tag</a>
  1103.                 <a href="/tagged/link">#tag</a>
  1104.                 <a href="/tagged/link">#tag</a>
  1105.                 <a href="/tagged/link">#tag</a>
  1106.                 <a href="/tagged/link">#tag</a>
  1107.             </div>
  1108.             <div class="tagss">
  1109.                 <h2>heading</h2>
  1110.                 <a href="/tagged/link">#tag</a>
  1111.                 <a href="/tagged/link">#tag</a>
  1112.                 <a href="/tagged/link">#tag</a>
  1113.                 <a href="/tagged/link">#tag</a>
  1114.                 <a href="/tagged/link">#tag</a>
  1115.                 <a href="/tagged/link">#tag</a>
  1116.                 <a href="/tagged/link">#tag</a>
  1117.                 <a href="/tagged/link">#tag</a>
  1118.             </div>
  1119.             <div class="tagss">
  1120.                 <h2>heading</h2>
  1121.                 <a href="/tagged/link">#tag</a>
  1122.                 <a href="/tagged/link">#tag</a>
  1123.                 <a href="/tagged/link">#tag</a>
  1124.                 <a href="/tagged/link">#tag</a>
  1125.                 <a href="/tagged/link">#tag</a>
  1126.                 <a href="/tagged/link">#tag</a>
  1127.                 <a href="/tagged/link">#tag</a>
  1128.                 <a href="/tagged/link">#tag</a>
  1129.             </div>
  1130.             <div class="tagss">
  1131.                 <h2>heading</h2>
  1132.                 <a href="/tagged/link">#tag</a>
  1133.                 <a href="/tagged/link">#tag</a>
  1134.                 <a href="/tagged/link">#tag</a>
  1135.                 <a href="/tagged/link">#tag</a>
  1136.                 <a href="/tagged/link">#tag</a>
  1137.                 <a href="/tagged/link">#tag</a>
  1138.                 <a href="/tagged/link">#tag</a>
  1139.                 <a href="/tagged/link">#tag</a>
  1140.             </div>
  1141.         </div>
  1142.     </div>
  1143. </div>
  1144.  
  1145. <!-- END OF TABS -->
  1146.  
  1147. </div>
  1148. </div>
  1149. </div>
  1150. </div>
  1151.         <!--CREDIT AND SCROLL TO TOP - DO NOT TOUCH THE CREDIT-->
  1152.        <a id="scrollto" title="scroll to top"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="square" stroke-linejoin="arcs"><path d="M18 15l-6-6-6 6"/></svg></a>
  1153.         <a class="credit" href="https://aubadese.tumblr.com" title="theme credit"><img src="https://i.imgur.com/ZLwssBb.png"/></a>
  1154.  
  1155.         <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  1156.     </body>
  1157. </html>
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!