themesbydoori

Shimmering

Mar 30th, 2020 (edited)
2,806
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 60.96 KB | None | 0 0
  1. <!--
  2.  
  3. ╭━━━┳╮╱╭┳━━━┳━━━┳━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮
  4. ┃╭━╮┃┃╱┃┃╭━━┫╭━╮┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃
  5. ┃╰━━┫╰━╯┃╰━━┫┃╱┃┣╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮
  6. ╰━━╮┃╭━╮┃╭━━┫╰━╯┃╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃
  7. ┃╰━╯┃┃╱┃┃╰━━┫╭━╮┃╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃
  8. ╰━━━┻╯╱╰┻━━━┻╯╱╰╯╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯
  9.  
  10. Theme ⎾SHIMMERING⏌ by sheathemes @ tumblr
  11.  
  12. - TERMS -
  13.  
  14. I. Do NOT remove my credit from the index page. Keep it exactly where it is
  15. II. Do NOT take any part of my code to use for your personal designs
  16. III. Do NOT claim any part of my code as your own
  17. IV. NO redistrubuting of any of my code
  18. V. Editing is allowed. As long as it's NOT being claimed as your own
  19.  
  20. CREDITS
  21.  
  22. > PixelUnion/Extended-Tumblr-Photoset: https://github.com/PixelUnion/Extended-Tumblr-Photoset | Modified PXU photoset script tutorial by bychloethemes @ tumblr: http://bychloethemes.tumblr.com/post/155956945114/modified-pxu-photoset-script-modified-by
  23.  
  24. > Video resize script: http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos
  25.  
  26. > Audio player fix: https://shudesigns.tumblr.com/post/158812662057/tutorial-change-the-color-of-tumblrs-new-audio
  27.  
  28. > Inline images resizing script: https://gukthemes.com/post/169692012691/inline-images-resizing-script
  29.  
  30. > Tippy.js: https://atomiks.github.io/tippyjs/
  31.  
  32. > Custom Tumblr lightbox: http://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes
  33.  
  34. > Icons: https://themify.me/themify-icons || https://feathericons.com/
  35.  
  36. > Smoothscroll script: https://cdnjs.com/libraries/smoothscroll
  37.  
  38. > NPF Photoset Fix: https://annalogs.tumblr.com/photosets
  39.  
  40. > Search Suggestions Script: https://shythemes.tumblr.com/post/138692201618/tutorial-search-tags
  41.  
  42. !-->
  43.  
  44. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  45. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  46.  
  47. <head>
  48.  
  49. <!------------Smooth Scroll Script------------>
  50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  51. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  52. <!------------Smooth Scroll Script------------>
  53.  
  54. <!--Custom Fonts-->
  55. <link rel="preconnect" href="https://fonts.gstatic.com">
  56. <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Lato:wght@400;700&family=Merriweather:wght@400;700&family=Noto+Sans+JP:wght@400;700&family=Open+Sans:wght@400;700&family=Playfair+Display&family=Poppins:wght@400;700&family=Roboto:wght@400;700&family=Epilogue:wght@400;700&display=swap" rel="stylesheet">
  57. <!--Custom Fonts-->
  58.  
  59.  
  60. <!--Homelinks Icons -->
  61. <link href="https://rawgit.com/lykmapipo/themify-icons/master/css/themify-icons.css" rel="stylesheet">
  62. <!--Homelinks Icons-->
  63.  
  64.  
  65.     <title>{Title}</title>
  66.     <link rel="shortcut icon" href="{Favicon}">
  67.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  68.     <meta charset="utf-8">
  69.     {block:Description}
  70.     <meta name="description" content="{MetaDescription}" />
  71.     {/block:Description}
  72.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  73.     <meta name="viewport" content="width=device-width, initial-scale=1">
  74.  
  75. <!--Custom Options-->
  76. <meta name="color:background" content="#f8f8f8" />
  77. <meta name="color:accent" content="#ead7c8" />
  78. <meta name="color:accented text" content="#000000" />
  79. <meta name="color:Text" content="#888888" />    
  80. <meta name="color:bold" content="#ead7c8"/>
  81. <meta name="color:italic" content="#ead7c8"/>
  82. <meta name="color:underline" content="#ead7c8"/>
  83. <meta name="color:Links" content="#000000" />
  84. <meta name="color:Link Hover" content="#9f9f9f" />
  85. <meta name="color:text selection" content="#000000" />
  86. <meta name="color:text selection background" content="#ead7c8" />
  87. <meta name="color:tooltip" content="#ffffff" />
  88. <meta name="color:tooltip background" content="#9a705f" />
  89. <meta name="color:Blockquote" content="#ead7c8" />
  90. <meta name="color:sidebar title" content="#000000" />
  91. <meta name="color:Posts" content="#ffffff" />
  92. <meta name="color:Post Title" content="#000000" />
  93. <meta name="color:Post Borders" content="#f6f6f6" />
  94. <meta name="color:question" content="#000000" />
  95. <meta name="color:question background" content="#fafafa" />
  96. <meta name="color:chat odd" content="#5e5f59"/>
  97. <meta name="color:chat even" content="#9a705f"/>
  98. <meta name="color:pagination" content="#000000" />
  99. <meta name="color:permalink" content="#000000" />
  100. <meta name="color:permalink background" content="#ead7c8" />
  101. <meta name="color:permalink hover" content="#9f9f9f" />
  102.  
  103. <meta name="select:Background Attachment" content="fixed" title="fixed">
  104. <meta name="select:Background Attachment" content="scroll" title="scroll">
  105. <meta name="select:Background Repeat" content="repeat" title="repeat">
  106. <meta name="select:Background Repeat" content="no-repeat" title="no repeat">
  107.  
  108. <meta name="select:Body Font" content="Open Sans" title="Open Sans">
  109. <meta name="select:Body Font" content="Lato" title="Lato">
  110. <meta name="select:Body Font" content="Epilogue" title="Epilogue">
  111. <meta name="select:Body Font" content="Noto Sans JP" title="Noto Sans JP">
  112. <meta name="select:Body Font" content="Roboto" title="Roboto">
  113. <meta name="select:Body Font" content="Inter" title="Inter">
  114. <meta name="select:Body Font" content="Poppins" title="Poppins">
  115.  
  116. <meta name="select:font size" content="10" title="10px">
  117. <meta name="select:font size" content="11" title="11px">
  118. <meta name="select:font size" content="12" title="12px">
  119. <meta name="select:font size" content="13" title="13px">
  120. <meta name="select:font size" content="14" title="14px">
  121. <meta name="select:font size" content="15" title="15px">
  122.  
  123. <meta name="select:text align" content="left" title="left">
  124. <meta name="select:text align" content="justify" title="justify">
  125. <meta name="select:desc text align" content="center" title="center">
  126. <meta name="select:desc text align" content="justify" title="justify">
  127.  
  128. <meta name="select:Post Size" content="400" title="400px">
  129. <meta name="select:Post Size" content="450" title="450px">
  130. <meta name="select:Post Size" content="475" title="475px">
  131. <meta name="select:Post Size" content="500" title="500px">
  132. <meta name="select:Post Size" content="525" title="525px">
  133. <meta name="select:Post Size" content="540" title="540px">
  134.  
  135. <meta name="select:Post Padding" content="0" title="0px">
  136. <meta name="select:Post Padding" content="2" title="2px">
  137. <meta name="select:Post Padding" content="5" title="5px">
  138. <meta name="select:Post Padding" content="10" title="10px">
  139. <meta name="select:Post Padding" content="15" title="15px">
  140. <meta name="select:Post Padding" content="20" title="20px">
  141.  
  142. <meta name="select:Photoset gutter" content="1" title="1px">
  143. <meta name="select:Photoset gutter" content="2" title="2px">
  144. <meta name="select:Photoset gutter" content="4" title="4px">
  145. <meta name="select:Photoset gutter" content="6" title="6px">
  146. <meta name="select:Photoset gutter" content="8" title="8px">
  147. <meta name="select:Photoset gutter" content="10" title="10px">
  148.  
  149. <meta name="select:Number of Columns" content="1" title="1">
  150. <meta name="select:Number of Columns" content="2" title="2">
  151.  
  152. <meta name="text:margin bottom" content="50"/>
  153. <meta name="text:top icon" content="star"/>
  154. <meta name="text:top title" content="Interdimensional domination"/>
  155.  
  156. <meta name="if:Link1" content="1" />
  157. <meta name="if:Link2" content="1" />
  158. <meta name="if:Link3" content="1" />
  159. <meta name="if:Link4" content="1" />
  160. <meta name="if:Link5" content="1" />
  161. <meta name="if:Link6" content="1" />
  162.  
  163. <meta name="text:CustomLink1URL" content="Link 1 URL" />
  164. <meta name="text:CustomLink1Name" content="Link 1" />
  165. <meta name="text:CustomLink2URL" content="Link 2 URL" />
  166. <meta name="text:CustomLink2Name" content="Link 2" />
  167. <meta name="text:CustomLink3URL" content="Link 3 URL" />
  168. <meta name="text:CustomLink3Name" content="Link 3" />
  169. <meta name="text:CustomLink4URL" content="Link 4 URL" />
  170. <meta name="text:CustomLink4Name" content="Link 4" />
  171. <meta name="text:CustomLink5URL" content="Link 5 URL" />
  172. <meta name="text:CustomLink5Name" content="Link 5" />
  173. <meta name="text:CustomLink6URL" content="Link 6 URL" />
  174. <meta name="text:CustomLink6Name" content="Link 6" />
  175.  
  176. <meta name="image:background" content=""/>
  177. <meta name="image:header" content="" />
  178. <meta name="image:sidebar" content="" />
  179.  
  180. <meta name="if:inverted tumblr controls" content="1" />
  181. <meta name="if:Small Cursor" content="0" />
  182. <meta name="if:Custom Text Selection" content="0"/>
  183. <meta name="if:Faded Images" content="0"/>
  184. <meta name="if:Grayscale Images" content="0"/>
  185. <meta name="if:Show Captions" content="1"/>
  186. <meta name="if:Show Tags" content="1"/>
  187. <meta name="if:header" content="1"/>
  188. <meta name="if:header content" content="1"/>
  189. <!--Custom Options-->
  190.  
  191. <style type="text/css">
  192.  
  193. /*----------FADE-IN ANIMATION----------*/
  194.  
  195. @keyframes fadein {
  196.     from {opacity:0;}
  197.     to {opacity:1;}
  198. }
  199.  
  200. @-moz-keyframes fadein { /* Firefox */
  201.     from {opacity:0;}
  202.     to {opacity:1;}
  203. }
  204.  
  205. @-webkit-keyframes fadein { /* Safari and Chrome */
  206.     from {opacity:0;}
  207.     to {opacity:1;}
  208. }
  209.  
  210. @-o-keyframes fadein { /* Opera */
  211.     from {opacity:0;}
  212.     to {opacity: 1;}
  213. }
  214.  
  215. /*----------TUMBLR CONTROLS----------*/
  216.  
  217. iframe.tmblr-iframe {
  218.     position:fixed!important;
  219.     z-index: 300!important;
  220.     top: 90px!important;
  221.     right:20px!important;
  222.     opacity:0.4!important;
  223.     {block:ifinvertedtumblrcontrols}
  224.     filter:invert(1);
  225.     -webkit-filter:invert(1);
  226.     -o-filter:invert(1);
  227.     -moz-filter:invert(1);
  228.     -ms-filter:invert(1);
  229.     filter:invert(100%) hue-rotate(180deg);
  230.     -webkit-filter:invert(100%) hue-rotate(180deg);
  231.     -moz-filter:invert(100%) hue-rotate(180deg);
  232.     -o-filter:invert(100%) hue-rotate(180deg);
  233.     -ms-filter:invert(100%) hue-rotate(180deg);
  234.     {/block:ifinvertedtumblrcontrols}
  235.     transform:scale(0.7);
  236.     transform-origin:100% 0;
  237.     -webkit-transform:scale(0.7);
  238.     -webkit-transform-origin:100% 0;
  239.     -o-transform:scale(0.7);
  240.     -o-transform-origin:100% 0;
  241.     -moz-transform:scale(0.7);
  242.     -moz-transform-origin:100% 0;
  243.     -ms-transform:scale(0.7);
  244.     -ms-transform-origin:100% 0;
  245.     -webkit-transition: 0.8s ease;
  246.     -moz-transition: 0.8s ease;
  247.     -o-transition: 0.8s ease;
  248.     transition: 0.8s ease;
  249. }
  250.  
  251. iframe.tmblr-iframe:hover {
  252.     opacity:0.6!important;
  253.     -webkit-transition: 0.8s ease;
  254.     -moz-transition: 0.8s ease;
  255.     -o-transition: 0.8s ease;
  256.     transition: 0.8s ease;
  257. }
  258.  
  259. /*--------CUSTOM TUMBLR LIGHTBOX--------*/
  260.  
  261. .vignette, #vignette {
  262.     opacity:0;
  263. }
  264. .lightbox-image, #tumblr_lightbox img {
  265.     box-shadow:none !important;
  266.     border-radius:0 !important;
  267.     max-width:none;
  268. }
  269.  
  270. .tmblr-lightbox, #tumblr_lightbox {
  271.     background-color:rgba({RGBcolor:Background}, 0.6) !important;
  272. }
  273.  
  274. .lightbox-image, #tumblr_lightbox img {
  275.     background-color: {color:posts} !important;
  276.     padding: 10px !important;
  277.     -moz-box-sizing:border-box;
  278.     box-sizing:border-box;
  279. }
  280.  
  281. /*----------SCROLLBAR----------*/
  282.  
  283. ::-webkit-scrollbar {
  284.     width: 10px;
  285.     height: 6px;
  286. }
  287. ::-webkit-scrollbar-button {
  288.     width: 0px;
  289.     height: 0px;
  290. }
  291. ::-webkit-scrollbar-thumb {
  292.     background-color: {color:accent};
  293.     border-radius: 20px;
  294.     border: 2px solid {color:Background};
  295. }
  296.  
  297. ::-webkit-scrollbar-track {
  298.     background: {color:posts};
  299.     border: 8px solid {color:posts};
  300.     border-radius: 20px;
  301. }
  302.  
  303. ::-webkit-scrollbar-corner {
  304.     background: transparent;
  305. }
  306.  
  307.  
  308. /*----------TOOLTIPS----------*/
  309.  
  310. .tippy-tooltip.custom-theme {
  311.     background-color: {color:tooltip background};
  312.     color: {color:tooltip};
  313.     text-align:center;
  314.     font-size: 12px;
  315. }
  316.  
  317. .tippy-tooltip.custom-theme .tippy-svg-arrow {
  318.   fill: {color:tooltip background};
  319. }
  320.  
  321. /*----------TEXT SELECTION----------*/
  322.  
  323. {block:ifCustomTextSelection}
  324. ::selection {
  325.     background: {color:text selection background};
  326.     color: {color:text selection};
  327. }
  328.  
  329. ::-moz-selection {
  330.     background: {color:text selection background};
  331.     color: {color:text selection};
  332. }
  333.  
  334. ::-webkit-selection {
  335.     background: {color:text selection background};
  336.     color: {color:text selection};
  337. }
  338. {/block:ifCustomTextSelection}
  339.  
  340. /*----------THEME BASICS----------*/
  341.  
  342. html, body {
  343.     color: {color:text};
  344.     font-family: {select:Body Font}, helvetica, sans-serif;
  345.     font-weight: 400;
  346.     font-size: {select:font size}px;
  347.     line-height:180%;
  348.     margin:0;
  349.     padding: 0;
  350.     text-align:left;
  351.     background: {color:background} url({image:Background}) center;
  352.     background-attachment: {select:Background Attachment};
  353.     background-repeat: {select:Background Repeat};
  354.     -webkit-font-smoothing: antialiased;
  355.     -moz-osx-font-smoothing: grayscale;
  356.     animation: fadein 2.5s;
  357.     -moz-animation: fadein 2.5s; /* Firefox */
  358.     -webkit-animation: fadein 2.5s; /* Safari and Chrome */
  359.     -o-animation: fadein  2.5s; /* Opera */
  360. }
  361.  
  362. p:empty {
  363.     display: none;
  364. }
  365.  
  366. b,strong {
  367.     color:{color:bold};
  368.     font-weight: 700;
  369. }
  370.  
  371. i,em {
  372.     color:{color:italic};
  373. }
  374.  
  375. u {
  376.     color:{color:underline};
  377. }
  378.  
  379. hr {
  380.     width: 30%;
  381.     height: 1px;
  382.     background-color: {color:post borders};
  383.     color: {color:post borders};
  384.     border: 0px solid transparent;
  385. }
  386.  
  387. small,sub,sup {
  388.     font-size: calc({select:font size}px - 0.5px);
  389. }
  390.  
  391. h1,h2,h3 {
  392.     font-weight: 700;
  393.     font-size: 1.4em;
  394.     color: {color:bold};
  395. }
  396.  
  397. h4,h5,h6 {
  398.     font-weight: 700;
  399.     font-size: 1.2em;
  400.     color: {color:bold};
  401. }
  402.  
  403. pre {
  404.     white-space: pre-wrap;
  405.     white-space: -moz-pre-wrap;
  406.     white-space: -pre-wrap;
  407.     white-space: -o-pre-wrap;
  408.     word-wrap: break-word;
  409.     padding: 5px 10px;
  410.     font-family: inherit;
  411.     font-weight: 400;
  412.     line-height: 150%;
  413.     color: {color:question};
  414.     background-color: {color:question background};
  415. }
  416.  
  417. blockquote:not(.tumblr_parent) {
  418.     padding-left:10px;
  419.     margin: 10px;
  420.     border-left: 2px solid {color:blockquote};
  421. }
  422.  
  423. blockquote img {
  424.     max-width: 100%;
  425.     height: auto;
  426. }
  427.  
  428. figure {
  429.   margin: 1em 3px;
  430. }
  431.  
  432. a {
  433.     color:{color:links};
  434.     text-decoration:none;
  435.     -moz-transition-duration: 0.8s;
  436.     -o-transition-duration: 0.8s;
  437.     -webkit-transition-duration: 0.8s;
  438.     transition-duration: 0.8s;
  439. }
  440.  
  441. a:hover {
  442.     color:{color:link hover};
  443.     -moz-transition-duration: 0.8s;
  444.     -o-transition-duration: 0.8s;
  445.     -webkit-transition-duration: 0.8s;
  446.     transition-duration: 0.8s;
  447. }
  448.  
  449. {block:ifSmallCursor}
  450. html, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto !important; }
  451. a:hover{cursor:url("https://i.imgur.com/IepP2.jpg"), auto !important;}
  452. {/block:ifSmallCursor}
  453.  
  454. /*----------PAGINATION----------*/
  455.  
  456. #pagination {
  457.     width:auto;
  458.     letter-spacing:1px;
  459.     margin-top: 40px;
  460.     {block:iftopbanner}
  461.     margin-bottom: 30px;
  462.     {/block:iftopbanner}
  463.     z-index:4;
  464.     text-align:center;
  465.     background:transparent;
  466. }
  467.  
  468. .feather-arrow-left, .feather-arrow-right {
  469.     width: 18px;
  470.     height: 18px;
  471.     display: inline-block;
  472.     vertical-align: middle;
  473. }
  474.  
  475. #pagination a {
  476.     font-weight: 700;
  477.     margin: 0 5px;
  478.     background-color: {color:posts};
  479.     border-radius: 3px;
  480.     padding: 5px 10px;
  481.     color: {color:pagination};
  482.     text-decoration:none;
  483.     -webkit-transition:all 0.8s ease-out;
  484.     -moz-transition:all 0.8s ease-out;
  485.     transition:all 0.8s ease-out;
  486. }
  487.  
  488. #pagination a:hover {
  489.     color: {color:link hover};
  490.     -webkit-transition:all 0.8s ease-out;
  491.     -moz-transition:all 0.8s ease-out;
  492.     transition:all 0.8s ease-out;
  493. }
  494.  
  495. /*----------POSIS----------*/
  496.  
  497. .wrap {
  498.     top: 100vh;
  499.     position: relative;
  500.     width: calc({select:post size}px * {select:Number of Columns} + 460px);
  501.     margin: auto 420px;
  502.     {block:ifnotheader}
  503.     top: 0;
  504.     {/block:ifnotheader}
  505.     {block:ifnotheadercontent}
  506.     top: calc(350px + 80px);
  507.     {/block:ifnotheadercontent}
  508.     {block:PermalinkPage}
  509.     top: 0;
  510.     width: calc(540px + 470px);
  511.     {/block:PermalinkPage}
  512. }
  513.  
  514. #content {
  515.     margin: 5px 0 70px 128px;
  516.     {block:ifnotheader}
  517.     {/block:ifnotheader}
  518.     padding-top: 35px;
  519.     {block:IndexPage}
  520.     width: calc({select:post size}px * {select:Number of Columns} + 200px);
  521.     {/block:IndexPage}
  522.     {block:ifnotheader}
  523.     margin-top: 70px;
  524.     {/block:ifnotheader}
  525.     {block:PermalinkPage}
  526.     width: 540px;
  527.     margin-top: 110px;
  528.     margin-left: 160px;
  529.     {/block:PermalinkPage}
  530.     {block:TagPage}
  531.     width: 540px;
  532.     {/block:TagPage}
  533. }
  534.  
  535. .posts {
  536.     position: relative;
  537.     width: {select:post size}px;
  538.     background-color: {color:posts};
  539.     border: 1px solid {color:post borders};
  540.     border-bottom: none;
  541.     {block:IndexPage}
  542.     opacity: 1;
  543.     z-index:-1;
  544.     width:{select:Post Size}px;
  545.     margin: 40px 30px;
  546.     {/block:IndexPage}
  547.     {block:PermalinkPage}
  548.     border: 1px solid {color:post borders};
  549.     margin-bottom: 50px;
  550.     width: 540px;
  551.     {/block:PermalinkPage}
  552.     {block:TagPage}
  553.     width: 540px;
  554.     {/block:TagPage}
  555. }
  556.  
  557. .pinned, .tag-page {
  558.     color: {color:links};
  559.     font-weight: 700;
  560.     margin-bottom: 20px;
  561. }
  562.  
  563. .feather-bookmark {
  564.     display: inline-block;
  565.     vertical-align: middle;
  566.     background-color: {color:permalink background};
  567.     color: {color:permalink};
  568.     padding: 5px;
  569.     border-radius: 100%;
  570.     margin-right: 10px;
  571. }
  572.  
  573. .feather-map-pin {
  574.     display: inline-block;
  575.     vertical-align: middle;
  576.     background-color: {color:permalink background};
  577.     color: {color:permalink};
  578.     padding: 5px;
  579.     border-radius: 100%;
  580.     margin-right: 10px;
  581. }
  582.  
  583. .posts ul li {
  584.     list-style: none;
  585.     margin-left: -25px;
  586.     padding-left: 10;
  587. }
  588.  
  589. .posts ul li:before {
  590.     content: "―";
  591.     padding-right: 5px;
  592.     color: {color:accent};
  593. }
  594.  
  595. .posts ol {
  596.     list-style-type: upper-roman;
  597.     text-transform: justify;
  598.     margin-left: -10px;
  599. }
  600.  
  601. .posts iframe {
  602.     max-width:100%;
  603.     display: block;
  604.     padding: 0;
  605.     margin: 0
  606. }
  607.  
  608. .posts img {
  609.     max-width: 100%;
  610.     display: block;
  611.     border: 0;
  612. }
  613.  
  614. .tumblr_video_container {
  615.     width: auto !important;
  616.     height: auto !important;
  617. }
  618.  
  619. .posts .photo img {
  620.     {block:ifFadedImages}
  621.     {block:IndexPage}
  622.     opacity: 0.6;
  623.     -moz-transition: all 0.8s ease-in;
  624.     -o-transition: all 0.8s ease-in;
  625.     -webkit-transition: all 0.8s ease-in;
  626.     transition: all 0.8s ease-in;
  627. }
  628.  
  629. .posts:hover .photo img {
  630.     opacity: 1.0;
  631.     -moz-transition: all 0.8s ease-in;
  632.     -o-transition: all 0.8s ease-in;
  633.     -webkit-transition: all 0.8s ease-in;
  634.     transition: all 0.8s ease-in;
  635.     {/block:IndexPage}
  636.     {/block:ifFadedImages}
  637. }
  638.  
  639. {block:ifGrayscaleImages}
  640. {block:IndexPage}
  641. .posts .photo img {
  642.     z-index: -9999999999999999999999999px;
  643.     -webkit-filter: grayscale(100%);
  644.     filter: grayscale(100%);
  645.     filter: gray;
  646.     /* IE 6-9 */
  647.     -moz-transition: all 0.8s ease-in;
  648.     -o-transition: all 0.8s ease-in;
  649.     -webkit-transition: all 0.8s ease-in;
  650.     transition: all 0.8s ease-in;
  651. }
  652.  
  653. .posts:hover .photo img {
  654.     -webkit-filter: none;
  655.     filter: none;
  656.     -moz-transition: all 0.8s ease-in;
  657.     -o-transition: all 0.8s ease-in;
  658.     -webkit-transition: all 0.8s ease-in;
  659.     transition: all 0.8s ease-in;
  660. }
  661. {/block:IndexPage}
  662. {/block:ifGrayscaleImages}
  663.  
  664. /*----------TEXT/CAPTION CONTAINER----------*/
  665.  
  666. .photo, .video, .photo-slideshow {
  667.     padding: {select:Post Padding}px;
  668. }
  669.  
  670. .caption {
  671.     text-align: {select:text align};
  672. }
  673.  
  674. .caption figcaption {
  675.     padding: 15px;
  676. }
  677.  
  678. figcaption p {
  679.     margin: 5px 0 0;
  680. }
  681.  
  682. .caption img {
  683.     max-width: 100%;
  684.     height: auto;
  685. }
  686.  
  687. .reblog-list {
  688.     padding: 0 10px;
  689. }
  690.  
  691. .reblog-header {
  692.     padding: 20px 15px 0 15px;
  693. }
  694.  
  695. .reblog-header img {
  696.     width: 25px;
  697.     height: 25px;
  698.     display: inline-block;
  699.     vertical-align: middle;
  700.     margin-right: 10px;
  701.     border-radius: 100%;
  702. }
  703.  
  704. .inactive, .user, .deactivated {
  705.     font-weight: 700;
  706.     color: {color:links};
  707.     text-align: center;
  708. }
  709.  
  710. .user:hover {
  711.     color: {color:link hover};
  712. }
  713.  
  714. .reblog-content {
  715.     padding: 5px 15px;
  716. }
  717.  
  718. .read_more {
  719.     position: relative;
  720.     left: calc(50% - 45px);
  721.     color: {color:links};
  722.     background-color: {color:accent};
  723.     color: {color:accented text};
  724.     padding: 5px 10px;
  725.     border-radius: 5px;
  726.     -webkit-transition: all 0.9s ease;
  727.     -moz-transition: all 0.9s ease;
  728.     -o-transition: all 0.9s ease;
  729.     transition: all 0.9s ease;
  730. }
  731.  
  732. .read_more:hover {
  733.     background-color: transparent;
  734.     color: {color:links};
  735.     -webkit-transition: all 0.9s ease;
  736.     -moz-transition: all 0.9s ease;
  737.     -o-transition: all 0.9s ease;
  738.     transition: all 0.9s ease;
  739. }
  740.  
  741. /*----------POST INFO & PERMALINKS----------*/
  742.  
  743. .time {
  744.    color: {color:permalink};
  745.     background-color: {color:permalink background};
  746.     display: flex;
  747.     flex-direction: row;
  748.     padding: 10px;
  749.     justify-content: space-between;
  750.     align-items: center;
  751.     font-weight: 700;
  752.     font-size: 12px;
  753. }
  754.  
  755. .time img {
  756.     display: inline-block;
  757.     vertical-align: middle;
  758.     margin-right: 5px;
  759.     width: 25px;
  760.     height: 25px;
  761.     border-radius: 100%;
  762. }
  763.  
  764. .time a {
  765.     color: {color:permalink};
  766.    
  767. }
  768.  
  769. .time a:hover {
  770.     color: {color:permalink hover};
  771. }
  772.  
  773. /*----------LIKE/REBLOG----------*/
  774.  
  775. .likereblog {
  776.     text-align: center;
  777.     z-index: 1;
  778. }
  779.  
  780. .controls {
  781.     height: 17px;
  782. }
  783.  
  784. .controls a {
  785.     position:relative;
  786.     display:inline-block;
  787.     margin: 0 2px;
  788.     vertical-align: middle;
  789. }
  790.  
  791. .controls a:hover {
  792.     color: {color:permalink hover};
  793. }
  794.  
  795. .ti-reload {
  796.     font-size: 14px;
  797.     color: {color:permalink};
  798.     -moz-transition-duration: 0.5s;
  799.     -o-transition-duration: 0.5s;
  800.     -webkit-transition-duration: 0.5s;
  801.     transition-duration: 0.5s;
  802. }
  803.  
  804. .ti-reload:hover {
  805.     color: {color:permalink hover};
  806.     -moz-transition-duration: 0.5s;
  807.     -o-transition-duration: 0.5s;
  808.     -webkit-transition-duration: 0.5s;
  809.     transition-duration: 0.5s;
  810. }
  811.  
  812. .ti-heart {
  813.     color: {color:permalink};
  814.     font-size: 14px;
  815.     -moz-transition-duration: 0.5s;
  816.     -o-transition-duration: 0.5s;
  817.     -webkit-transition-duration: 0.5s;
  818.     transition-duration: 0.5s;
  819. }
  820.  
  821. .ti-heart:hover {
  822.     color: {color:permalink};
  823. }
  824.  
  825. .controls .like .liked + .ti-heart {
  826.    opacity: 1;
  827. }
  828.  
  829. .controls .like .liked + .ti-heart {
  830.      color: #E5DBC0;
  831. }
  832.  
  833. .controls .like .like_button iframe {
  834.    position:absolute;
  835.    top: -1px;
  836.    left:0;
  837.    bottom:0;
  838.    right:0;
  839.    width:100%;
  840.    height:100%;
  841.    z-index:2;
  842.    opacity:0.000001;
  843. }
  844.  
  845. /*--------POST TAGS--------*/
  846.  
  847. .feather-tag {
  848.     display: inline-block;
  849.     vertical-align: middle;
  850.     margin-right: 5px;
  851.     width: 15px;
  852.     height: 15px;
  853.     stroke: {color:links};
  854. }
  855.  
  856. .post_tags {
  857.     margin-top: 0px;
  858.     padding: 10px;
  859.     white-space: nowrap;
  860.     overflow: hidden;
  861.     position: absolute;
  862. }
  863.  
  864. .post_tags.draggable .post_tags_inner {
  865.     cursor: col-resize;
  866.     -webkit-touch-callout: none;
  867.     -webkit-user-select: none;
  868.     -khtml-user-select: none;
  869.     -moz-user-select: none;
  870.     -ms-user-select: none;
  871.     user-select: none;
  872. }
  873.  
  874. .post_tags_inner {
  875.     float: left;
  876.     position: relative;
  877.     padding: 0px 20px 0px 0;
  878. }
  879.  
  880. .post_tags a,
  881. .post_tags .post_tag {
  882.     display: inline-block;
  883.     margin-left: 3px;
  884.     color: {color:links};
  885.     font-size: 12px;
  886.     font-weight: 700;
  887. }
  888.  
  889. .post_tags:after {
  890.     content: '';
  891.     position: absolute;
  892.     top: 0;
  893.     right: 0;
  894.     bottom: 0;
  895.     width: 50px;
  896. }
  897.  
  898. .post_tags a:hover,
  899. .post_tags .post_tag:hover,
  900. .post_tags a:focus,
  901. .post_tags .post_tag:focus,
  902. .post_tags a:active,
  903. .post_tags .post_tag:active {color:{color:link hover};}
  904.  
  905. /*----------PERMALINK PAGE----------*/
  906.  
  907. #perma, #permatg, #notecontainer {
  908.     border: 1px solid {color:post borders};
  909. }
  910.  
  911. #perma {
  912.     width: 540px;
  913.     padding: 10px 5px;
  914.     margin: 0 auto;
  915.     background-color: {color:posts};
  916.     text-align: center;
  917.     text-transform: lowercase;
  918.     box-sizing: border-box;
  919.     position: relative;
  920. }
  921.  
  922. #perma span {
  923.     font-family: 'Merriweather', serif;
  924.     font-size: 1.3em;
  925. }
  926.  
  927. #permatg {
  928.     width: 540px;
  929.     padding: 10px;
  930.     margin: 10px auto 10px;
  931.     background-color: {color:posts};
  932.     text-align: center;
  933.     text-transform: lowercase;
  934.     box-sizing: border-box;
  935.     position: relative;
  936. }
  937.  
  938. #permatg a {
  939.     display: inline-block;
  940.     margin: 0 5px;
  941.     color: {color:links};
  942. }
  943.  
  944. #permatg a:hover {
  945.     color: {color:link hover};
  946. }
  947.  
  948. .rb {
  949.     position: absolute;
  950.     left: calc(50% - 25px);
  951.     margin-top: 27px;
  952.     display: inline-block;
  953.     z-index: 1;
  954. }
  955.  
  956. .root img, .via img {
  957.     border-radius: 100%;
  958.     padding: 3px;
  959.     margin-right: 2px;
  960.     background-color: {color:accent};
  961. }
  962.  
  963. #notecontainer {
  964.     margin: 10px auto;
  965.     width: 540px;
  966.     background-color: {color:posts};
  967.     color: {color:text};
  968.     position: relative;
  969. }
  970.  
  971. #notecontainer ol.notes {
  972.     list-style-type: none;
  973.     margin: 0;
  974.     padding: 0;
  975.     font-size: {text:body font}px;
  976. }
  977.  
  978. #notecontainer ol.notes li.note {
  979.     padding: 15px;
  980. }
  981.  
  982. #notecontainer img.avatar {
  983.     margin-right: 10px;
  984.     vertical-align: middle;
  985.     width: 25px;
  986.     height: 25px;
  987.     border-radius: 5px;
  988. }
  989.  
  990. #permpage {
  991.     text-align: center;
  992.     margin-top: 20px;
  993.     margin-top: 90px;
  994. }
  995.  
  996. .feather-arrow-left-circle, .feather-arrow-right-circle {
  997.     width: 30px;
  998.     height: 30px;
  999. }
  1000.  
  1001.  
  1002. /*----------TUMBLR TEXT/LINKS----------*/  
  1003.  
  1004. .posts .title, .posts .link {
  1005.     color: {color:post title};
  1006.     padding: 20px 20px 0;
  1007.     font-size: 1.6em;
  1008.     line-height: 200%;
  1009.     text-align: center;
  1010.     font-weight: 700;
  1011.     position: relative;
  1012. }
  1013.  
  1014. .posts .title:before, .posts .link:before {
  1015.     content: '';
  1016.     position: absolute;
  1017.     top: 110%;
  1018.     left: calc(50% - 45px);
  1019.     width: 85px;
  1020.     height: 2px;
  1021.     background-color: {color:accent};
  1022. }
  1023.  
  1024. .posts .link a {
  1025.     color: {color:post title};
  1026.     -webkit-transition: 0.8s ease;
  1027.     -moz-transition: 0.8s ease;
  1028.     -o-transition: 0.8s ease;
  1029.     transition: 0.8s ease;
  1030. }
  1031.  
  1032. .posts .link a:hover {
  1033.     color: {color:link hover};
  1034. }
  1035.  
  1036. /*----------TUMBLR QUOTES----------*/  
  1037.  
  1038. .qt {
  1039.     padding: 20px 20px 0;
  1040.     display: flex;
  1041.     flex-direction: row;
  1042.     justify-content: space-between;
  1043. }
  1044.  
  1045. .quote {
  1046.     font-family: 'Playfair Display', serif;
  1047.     line-height: 150%;
  1048.     font-size: 1.6em;
  1049.     padding: 20px;
  1050.     color: {color:question};
  1051.     padding-left: 20px;
  1052.     border-left: 1px solid {color:post borders};
  1053. }
  1054.  
  1055. .ti-quote-right {
  1056.     border: 2px dashed {color:accent};
  1057.     color: {color:links};
  1058.     padding: 5px;
  1059.     font-size: 1.2em;
  1060.     align-self: center;
  1061.     border-radius: 5px;
  1062. }
  1063.  
  1064. .quote-box {
  1065.     font-size: 20px;
  1066.     align-self: center;
  1067.     color: {color:text};
  1068.     margin-right: 20px;
  1069. }
  1070.  
  1071. .qtsource {
  1072.     padding: 0 20px 20px;
  1073. }
  1074.  
  1075. /*----------TUMBLR AUDIO----------*/
  1076.  
  1077. .audiowrapper {
  1078.     display: flex;
  1079.     flex-direction: row;
  1080.     width: 100%;
  1081.     box-sizing: border-box;
  1082.     padding: 20px;
  1083. }
  1084.  
  1085. iframe.tumblr_audio_player {
  1086.   height: 85px;
  1087. }
  1088.  
  1089. /*----------TUMBLR QUESTION/ANSWER----------*/
  1090.  
  1091. #askcont, #replycont {
  1092.     padding: 15px;
  1093.     display: flex;
  1094.     flex-direction: column;
  1095. }
  1096.  
  1097. #askcont img {
  1098.     float:left;
  1099.     display: inline-block;
  1100.     vertical-align: middle;
  1101.     margin-right: 20px;
  1102.     width: 40px;
  1103.     height: 40px;
  1104.     border-radius: 100%;
  1105. }
  1106.  
  1107. #asker {
  1108.     text-transform: lowercase;
  1109.     color: {color:links};
  1110.     margin-bottom: 20px;
  1111.     display: flex;
  1112. }
  1113.  
  1114. #asking, #replying {
  1115.     align-self: center;
  1116.     line-height: 18px;
  1117. }
  1118.  
  1119. #replier {
  1120.     text-transform: lowercase;
  1121.     color: {color:links};
  1122.     margin-bottom: 20px;
  1123.     display: flex;
  1124.     justify-content: flex-end;
  1125. }
  1126.  
  1127. #replying {
  1128.     text-align: right;
  1129. }
  1130.  
  1131. #asker a, #replier a {
  1132.     color: {color:bold};
  1133.     font-weight: 700;
  1134.     text-align: capitalize;
  1135.     font-size: 1.1em;
  1136. }
  1137.  
  1138. .asker-link, .replier-link {
  1139.     font-weight: 700;
  1140. }
  1141.  
  1142. #asker a:hover, #replier a:hover {
  1143.     color: {color:link hover};
  1144. }
  1145.  
  1146. #replycont img {
  1147.     float: right;
  1148.     display: inline-block;
  1149.     vertical-align: middle;
  1150.     margin-left: 20px;
  1151.     width: 40px;
  1152.     height: 40px;
  1153.     border-radius: 100%;
  1154. }
  1155.  
  1156. .question {
  1157.     display: block;
  1158.     text-align: justify;
  1159.     padding: 10px 15px;
  1160.     background-color: {color:question background};
  1161.     color: {color:question};
  1162. }
  1163.  
  1164. .question p {
  1165.     margin: 0;
  1166. }
  1167.  
  1168. .answer {
  1169.     padding: 0 15px;
  1170.     background-color: {color:question background};
  1171.     color: {color:question};
  1172. }
  1173.  
  1174. /*----------TUMBLR CHAT----------*/
  1175.  
  1176. .chatp {
  1177.     padding: 20px;
  1178. }
  1179.  
  1180. .chat .line {
  1181.     margin-top: 0px;
  1182.     padding: 20px;
  1183.     border-bottom: 1px solid {color:post borders};
  1184. }
  1185.  
  1186. .chat .line:last-of-type {
  1187.     margin-bottom: 0px;
  1188. }
  1189.  
  1190. .chat .label {
  1191.     text-transform: capitalize;
  1192. }
  1193.  
  1194. .line:nth-child(odd) .label b {
  1195.     color: {color:chat odd};
  1196.     font-weight: 700;
  1197.     margin-right: 5px;
  1198.     font-size: 1.1em;
  1199. }
  1200.  
  1201. .line:nth-child(even) .label b {
  1202.     color: {color:chat even};
  1203.     font-weight: 700;
  1204.     margin-right: 5px;
  1205.     font-size: 1.1em;
  1206. }
  1207.  
  1208. /*----------TOP BANNER----------*/
  1209.  
  1210. #link-bar {
  1211.     width: calc(100% - 491px);
  1212.     position: fixed;
  1213.     height: 80px;
  1214.     top: 0;
  1215.     right: 0;
  1216.     background-color: {color:posts};
  1217.     display: flex;
  1218.     justify-content: space-between;
  1219.     align-items: center;
  1220.     padding: 20px;
  1221.     box-sizing: border-box;
  1222.     z-index: 9;
  1223.     border-bottom: 1px solid {color:post borders};
  1224. }
  1225.  
  1226. #link-bar h2 {
  1227.     font-size: 1.6em;
  1228.     color: {color:links};
  1229. }
  1230.  
  1231. .feather-{text:top icon} {
  1232.     display: inline-block;
  1233.     vertical-align: middle;
  1234.     margin-right: 10px;
  1235.     width: 25px;
  1236.     height: 25px;
  1237.     background-color: {color:accent};
  1238.     stroke: {color:accented text};
  1239.     padding: 5px;
  1240.     border-radius: 100%;
  1241. }
  1242.  
  1243. /*----------HEADER & HEADER CONTENT----------*/
  1244.  
  1245. #header {
  1246.    position: absolute;
  1247.     width: calc(100vw - 490px);
  1248.     height: calc(100vh - 80px);
  1249.     {block:ifnotheadercontent}
  1250.     height: 350px;
  1251.     top: 80px;
  1252.     {/block:ifnotheadercontent}
  1253.     right: 0;
  1254.     bottom: 0;
  1255.     background-color: {color:accent};
  1256.     display: flex;
  1257.     flex-direction: column;
  1258.     {block:ifnotheader}
  1259.     display: none;
  1260.     {/block:ifnotheader}
  1261.     {block:PermalinkPage}
  1262.     display: none;
  1263.     {/block:PermalinkPage}
  1264.     border-bottom: 1px solid {color:post borders};
  1265. }
  1266.  
  1267. .header-image {
  1268.     width: 100%;
  1269.     height: 50%;
  1270.     {block:ifnotheadercontent}
  1271.     height: 100%;
  1272.     {/block:ifnotheadercontent}
  1273.     overflow: hidden;
  1274. }
  1275.  
  1276. .header-image img {
  1277.     width: 100%;
  1278.     height: auto;
  1279. }
  1280.  
  1281. .header-content {
  1282.     padding: 40px 60px;
  1283.     box-sizing: border-box;
  1284.     height: 50%;
  1285.     overflow: hidden;
  1286.     background-color: {color:posts};
  1287.     display: flex;
  1288.     flex-direction: row;
  1289.     justify-content: space-around;
  1290.     {block:ifnotheadercontent}
  1291.     display: none;
  1292.     {block:ifnotheadercontent}
  1293. }
  1294.  
  1295. .about, .updates {
  1296.     width: 50%;
  1297.     margin: 0 40px;  
  1298. }
  1299.  
  1300. .about p {
  1301.     text-align: justify;
  1302. }
  1303.  
  1304. .header-content h2 {
  1305.     color: {color:links};
  1306.     font-size: 1.8em;
  1307.     border-bottom: 1px solid {color:post borders};
  1308.     padding-bottom: 10px;
  1309. }
  1310.  
  1311. /*----------SEARCH BAR----------*/
  1312.  
  1313. .bsearch {
  1314.     padding: 20px;
  1315.     display: flex;
  1316. }
  1317.  
  1318. .search .query {
  1319.    border: 0;
  1320.    outline: 0;
  1321.    padding: 0;
  1322.    font-family: inherit;
  1323.    font-size: inherit;
  1324.    color: inherit;
  1325.    background-color: transparent;
  1326.    width: 200px;
  1327. }
  1328.  
  1329. .search {
  1330.     padding: 2px 10px;
  1331.     border-radius: 20px;
  1332.     color: {color:question};
  1333.     background-color:{color:question background};
  1334.     text-align: left;
  1335.     width: 100%;
  1336.     line-height: 22px;
  1337. }
  1338.  
  1339. ::-webkit-input-placeholder {color: {color:pre formated text};}
  1340. :-moz-placeholder {color: inherit; opacity:1;}
  1341. ::-moz-placeholder {color: inherit; opacity:1;}
  1342. :-ms-input-placeholder {color: inherit;}
  1343.  
  1344. input:focus::-webkit-input-placeholder {color: transparent;}
  1345. input:focus:-moz-placeholder {color: transparent;}
  1346. input:focus::-moz-placeholder {color: transparent;}
  1347. input:focus:-ms-input-placeholder { color: transparent;}
  1348.  
  1349. /*----------SIDEBAR----------*/
  1350.  
  1351. #sidebar {
  1352.     width: 450px;
  1353.     height: 100%;
  1354.     position: fixed;
  1355.     left: 0;
  1356.     top: 0;
  1357.     background-color: {color:posts};
  1358.     display: flex;
  1359.     flex-direction: column;
  1360.     justify-content: center;
  1361.     align-items: center;
  1362.     padding: 20px;
  1363.     border-right: 1px solid {color:post borders};
  1364. }
  1365.  
  1366. #sidebar img {
  1367.     width: 80px;
  1368.     height: 80px;
  1369.     border-radius: 100%;
  1370.     border: 5px solid {color:accent};
  1371.     margin-bottom: 10px;
  1372. }
  1373.  
  1374. #title {
  1375.     color: {color:sidebar title};
  1376.     font-size: 1.5em;
  1377.     font-weight: 700;
  1378.     text-align: left;
  1379.     border-bottom: 1px solid {color:post borders};
  1380.     padding: 20px 10px;
  1381. }
  1382.  
  1383. /*----------TUMBLR LINKS----------*/
  1384.  
  1385. .homelinks {
  1386.     margin-top: 20px;
  1387. }
  1388.  
  1389. .homelinks a {
  1390.     font-weight: 700;
  1391.     display: inline-block;
  1392.     margin: 0 10px;
  1393. }
  1394.  
  1395. #description {
  1396.     margin-top: 20px;
  1397.     width: 85%;
  1398.     text-align: {select:desc text align};
  1399. }
  1400.  
  1401. /*----------NAVIGATION LINKS----------*/
  1402.  
  1403. .morelinks {
  1404.     margin-top: 20px;
  1405.     width: 85%;
  1406. }
  1407.  
  1408. .morelinks a {
  1409.     display: block;
  1410.     margin: 10px 0;
  1411.     padding: 5px 15px;
  1412.     background-color: {color:accent};
  1413.     color: {color:accented text};
  1414.     box-shadow: inset 306px 0 0 0 {color:accent};
  1415.     -webkit-transition: all 0.8s ease-in-out;
  1416.     -moz-transition: all 0.8s ease-in-out;
  1417.     -o-transition: all 0.8s ease-in-out;
  1418.     transition: all 0.8s ease-in-out;
  1419. }
  1420.  
  1421. .morelinks a:hover {
  1422.     color: {color:links};
  1423.     box-shadow: inset -506px 0 0 0 {color:posts};
  1424.     -webkit-transition: all 0.8s ease-in-out;
  1425.     -moz-transition: all 0.8s ease-in-out;
  1426.     -o-transition: all 0.8s ease-in-out;
  1427.     transition: all 0.8s ease-in-out;
  1428.    
  1429. }
  1430.  
  1431. .feather-link {
  1432.     float: right;
  1433.     margin-top: 4px;
  1434.     width: 16px;
  1435.     height: 16px;
  1436. }
  1437.  
  1438. /*----------THEME CREDIT/DO NOT REMOVE!!!---------*/
  1439.  
  1440. #bottom {
  1441.     bottom: 14px;
  1442.     position: fixed;
  1443.     right: 55px;
  1444.     z-index: 9;
  1445. }
  1446.  
  1447. .cred {
  1448.     padding: 5px;
  1449.     width: 12px;
  1450.     height: 12px;
  1451.     font-size: 15px;
  1452.     line-height: 12px;
  1453.     display: inline-block;
  1454.     background-color: {color:accent};
  1455.     color: {color:accented text};
  1456. }
  1457.  
  1458. .ti-angle-double-up {
  1459.     padding: 5px;
  1460.     width: 12px;
  1461.     height: 12px;
  1462.     font-size: 12px;
  1463.     line-height: 12px;
  1464.     display: block;
  1465.     background-color: {color:accent};
  1466.     color: {color:accented text};
  1467. }
  1468.  
  1469. /*----------SCROLL TO TOP---------*/
  1470.  
  1471. #scrollToTop:link,
  1472. #scrollToTop:visited {
  1473.     display: none;
  1474.     position: fixed;
  1475.     font-size: 12px;
  1476.     bottom: 15px;
  1477.     right: 20px;
  1478.     color: {color:links};
  1479.     padding: 0px 5px;
  1480.     width: auto;
  1481.     z-index: 900;
  1482.     font-weight: 700;
  1483. }
  1484.  
  1485. {CustomCSS}
  1486. </style>
  1487.  
  1488. <!-------------------SCRIPTS/JQUERY (PART ONE)------------------->
  1489.  
  1490. <!-----------Scroll To Top Script----------->
  1491. <script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1492. <!-----------Scroll To Top Script----------->
  1493.  
  1494. <!-------------------SCRIPTS/JQUERY (PART ONE)------------------->
  1495.  
  1496. </head>
  1497.  
  1498. <body>
  1499.  
  1500. <footer id="bottom">
  1501. <!-----------SCROLL TO TOP ----------->
  1502. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="scroll to top"><span class="ti-angle-double-up"></span></a>
  1503. <!-----------SCROLL TO TOP ----------->
  1504. <!-------------------DO NOT REMOVE THEME CREDIT!!!------------------->
  1505.  <a href="https://sheathemes.tumblr.com" class="cred" title="theme by sheathemes">&#169;</a>  
  1506. <!-------------------DO NOT REMOVE THEME CREDIT!!!------------------->
  1507. </footer>
  1508.  
  1509. <header id="link-bar"> <!-----------TOP BANNER----------->
  1510.     <h2><i data-feather="{text:top icon}"></i>{text:top title}</h2>
  1511.    
  1512.         <div class="bsearch"> <!-----------SEARCH----------->
  1513.         <form action="/search" method="get" class="search">
  1514.         <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search...">
  1515.         </form>
  1516.      </div> <!-----------SEARCH----------->
  1517. </header> <!-----------TOP BANNER----------->
  1518.  
  1519. <header id="header"> <!-----------HEADER & HEADER CONTENT----------->
  1520.     <div class="header-image">
  1521.         <img src="{image:header}">
  1522.     </div>
  1523.     <div class="header-content">
  1524.         <div class="about"> <!-----------ABOUT / DESCRIPTION SECTION----------->
  1525.        
  1526.             <h2>About me</h2> <!-----------ABOUT / DESCRIPTION TITLE HERE----------->
  1527.             <!-----------EDIT YOUR ABOUT/ DESCRIPTION CONTENT BELOW. REMEMBER TO KEEP IT SHORT TO PREVENT OVERLAP----------->
  1528.             <p>
  1529.             Nullam dignissim a justo eu vestibulum. Praesent lacus eros, pulvinar a lobortis in, ornare sed risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus et dolor id lorem convallis sagittis. Phasellus risus diam, ultrices nec ornare quis, finibus ut nibh. In feugiat egestas hendrerit. Etiam non libero tincidunt, feugiat leo non, pellentesque nisl. Pellentesque nec nisl vel libero vulputate congue. Morbi semper bibendum ex a placerat.
  1530.             </p>
  1531.            
  1532.             <p>
  1533.             Etiam sodales auctor ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent tempus felis vel ipsum tempor, nec gravida nulla viverra. Donec vehicula, tortor a cursus pharetra, leo lectus vehicula velit.
  1534.             </p>
  1535.             <!-----------EDIT YOUR ABOUT/ DESCRIPTION CONTENT ABOVE. REMEMBER TO KEEP IT SHORT TO PREVENT OVERLAP----------->
  1536.         </div> <!-----------ABOUT / DESCRIPTION SECTION----------->
  1537.        
  1538.         <div class="updates"> <!-----------UPDATES SECTION----------->
  1539.        
  1540.             <h2>Updates</h2> <!-----------UPDATES TITLE----------->
  1541.            
  1542.             <!-----------EDIT YOUR UPDATES BELOW----------->
  1543.             <p><b>0.00.0000:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1544.             <p><b>0.00.0000:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1545.             <p><b>0.00.0000:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1546.             <p><b>0.00.0000:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1547.             <p><b>0.00.0000:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1548.             <!-----------EDIT YOUR UPDATES ABOVE----------->
  1549.            
  1550.         </div> <!-----------UPDATES SECTION----------->
  1551.        
  1552.     </div>
  1553. </header> <!-----------HEADER & HEADER CONTENT----------->
  1554.  
  1555. <aside id="sidebar"> <!-----------SIDEBAR ----------->
  1556.  
  1557.         <img src="{image:sidebar}">
  1558.         <div id="title">{Title}</div>
  1559.         <nav class="homelinks"> <!-----------TUMBLR LINKS----------->
  1560.             <a href="/">home</a>
  1561.             <a href="/ask">inbox</a>
  1562.             <a href="/submit">submit</a>
  1563.             <a href="/archive">archive</a>
  1564.         </nav> <!-----------TUMBLR LINKS----------->
  1565.        
  1566.         <div id="description">{Description}</div>
  1567.        
  1568.         <div class="morelinks"> <!----------- NAVIGATION LINKS ----------->
  1569.     {block:ifLink1}<a href="{text:CustomLink1URL}">{text:CustomLink1Name}<i data-feather="link"></i></a>{/block:ifLink1}
  1570.     {block:ifLink2}<a href="{text:CustomLink2URL}">{text:CustomLink2Name}<i data-feather="link"></i></a>{/block:ifLink2}
  1571.     {block:ifLink3}<a href="{text:CustomLink3URL}">{text:CustomLink3Name}<i data-feather="link"></i></a>{/block:ifLink3}
  1572.     {block:ifLink4}<a href="{text:CustomLink4URL}">{text:CustomLink4Name}<i data-feather="link"></i></a>{/block:ifLink4}
  1573.     {block:ifLink5}<a href="{text:CustomLink5URL}">{text:CustomLink5Name}<i data-feather="link"></i></a>{/block:ifLink5}
  1574.     {block:ifLink6}<a href="{text:CustomLink6URL}">{text:CustomLink6Name}<i data-feather="link"></i></a>{/block:ifLink6}
  1575.         </div> <!----------- NAVIGATION LINKS ----------->
  1576.        
  1577.         <nav id="pagination"> <!-----------PAGINATION----------->
  1578.             {block:Pagination}
  1579.             {block:PreviousPage}
  1580.             <a href="{PreviousPage}"><i data-feather="arrow-left"></i></a></a>
  1581.             {/block:PreviousPage}
  1582.             {block:JumpPagination length="3"}
  1583.             {block:CurrentPage}
  1584.             <a href="#" style="color:{color:pagination}; background-color:{color:accent};color:{color:accented text};"><span class="current_page">{CurrentPage}</a></span></a>
  1585.             {/block:CurrentPage}
  1586.             {block:JumpPage}
  1587.             <a class="jump_page" href="{URL}">{PageNumber}</a>
  1588.             {/block:JumpPage}
  1589.             {/block:JumpPagination}
  1590.             {block:NextPage}
  1591.             <a href="{NextPage}"><i data-feather="arrow-right"></i></a>
  1592.             {/block:NextPage}
  1593.             {/block:Pagination}
  1594.         </nav> <!-----------PAGINATION----------->
  1595.        
  1596. </aside> <!-----------SIDEBAR ----------->
  1597.  
  1598. <div class="wrap"> <!-----------POST CONTAINER----------->
  1599.  
  1600. <section id="content"><!-----------POST WRAP----------->
  1601. {block:TagPage}<div class="tag-page"><i data-feather="bookmark"></i> posts tagged [#{URLSafeTag}]</div> {/block:TagPage}
  1602.  
  1603. {block:Posts}
  1604.  
  1605. {block:PinnedPostLabel} <div class="pinned"><i data-feather="map-pin"></i>{PinnedPostLabel}</div> {/block:PinnedPostLabel}
  1606.  
  1607. <article class="posts"> <!-----------POSTS----------->
  1608.  
  1609. {block:ContentSource}
  1610. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1611. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1612. {/block:SourceLogo}
  1613. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1614. {/block:ContentSource}
  1615.  
  1616. <!-- {block:NoRebloggedFrom}
  1617. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1618. {/block:NoRebloggedFrom} -->
  1619.  
  1620. {block:Text}
  1621. <div class="text">
  1622. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1623. <div class="caption">{block:NotReblog} <figcaption> {Body} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
  1624.  
  1625. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1626.  
  1627. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1628.  
  1629. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated} {block:IsActive} <a target="_blank" href="{Permalink}" class="user"> {Username} </a> {/block:IsActive}
  1630.  
  1631. {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div>
  1632. </div>
  1633. {/block:Text}
  1634.  
  1635. {block:Photo}
  1636. <div class="photo">
  1637. {LinkOpenTag}
  1638. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1639. <center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>
  1640. </a>
  1641. {LinkCloseTag}
  1642. </div>
  1643. {block:IfShowCaptions}
  1644. {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
  1645.  
  1646. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1647.  
  1648. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1649.  
  1650. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1651.  
  1652. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1653.  
  1654. {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
  1655. {/block:IfShowCaptions}
  1656.  
  1657. {block:IfnotShowCaptions}
  1658. {block:PermalinkPage}
  1659. {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
  1660.  
  1661. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1662.  
  1663. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1664.  
  1665. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1666.  
  1667. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1668.  
  1669. {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
  1670. {/block:PermalinkPage}
  1671. {/block:IfnotShowCaptions}
  1672. {/block:Photo}
  1673.  
  1674. {block:Photoset}
  1675. <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}</div>
  1676. {block:IfShowCaptions}
  1677. {block:Caption}
  1678. <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  1679. <div class="reblog-list">
  1680.  
  1681. {block:Reblogs}
  1682. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1683. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1684.  
  1685. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1686.  
  1687. {block:IsActive}
  1688. <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1689.  
  1690. {block:IsDeactivated}
  1691. <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
  1692. </div>
  1693. <div class="reblog-content"> {Body}</div></div> {/block:Reblogs} </div>
  1694. {/block:RebloggedFrom} </div>
  1695. {/block:Caption}
  1696. {/block:IfShowCaptions}
  1697.  
  1698. {block:IfnotShowCaptions}
  1699. {block:PermalinkPage}
  1700. {block:Caption}
  1701. <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  1702. <div class="reblog-list">
  1703.  
  1704. {block:Reblogs}
  1705. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1706. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1707.  
  1708. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1709.  
  1710. {block:IsActive}
  1711. <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1712.  
  1713. {block:IsDeactivated}
  1714. <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
  1715. </div>
  1716. <div class="reblog-content"> {Body}</div></div> {/block:Reblogs} </div>
  1717. {/block:RebloggedFrom} </div>
  1718. {/block:Caption}
  1719. {/block:PermalinkPage}
  1720. {/block:IfnotShowCaptions}
  1721. {/block:Photoset}
  1722.  
  1723. {block:Quote}
  1724. <div class="qt">
  1725. <div class="quote-box"><span class="ti-quote-right"></span></div>
  1726. <div class="quote">
  1727. {Quote}
  1728. </div>
  1729. </div>
  1730. {block:Source}<div class="qtsource"><br><center>{Source}</center></div>{/block:Source}
  1731. {/block:Quote}
  1732.  
  1733. {block:Link}
  1734. <div class="link"><a href="{URL}">{Name} »</a></div>
  1735. {block:Description}
  1736. <div class="caption">
  1737. <figcaption>{Description}</figcaption>
  1738. </div>
  1739. {/block:Description}
  1740. {/block:Link}
  1741.  
  1742. {block:Audio}
  1743. <div class="audiowrapper">
  1744. {AudioEmbed-640}
  1745. </div>
  1746. {block:IfShowCaptions}
  1747. {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
  1748.  
  1749. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1750.  
  1751. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1752.  
  1753. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1754.  
  1755. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1756.  
  1757. {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
  1758. {/block:IfShowCaptions}
  1759.  
  1760. {block:IfnotShowCaptions}
  1761. {block:PermalinkPage}
  1762. {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
  1763.  
  1764. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1765.  
  1766. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1767.  
  1768. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1769.  
  1770. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1771.  
  1772. {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
  1773. {/block:PermalinkPage}
  1774. {/block:IfnotShowCaptions}
  1775. {/block:Audio}
  1776.  
  1777. {block:Video}
  1778. <div class="video">{Video-500}</div>
  1779. {block:IfShowCaptions}
  1780. {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
  1781.  
  1782. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1783.  
  1784. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1785.  
  1786. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1787.  
  1788. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1789.  
  1790. {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
  1791.  
  1792. </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
  1793. {/block:IfShowCaptions}
  1794.  
  1795. {block:IfnotShowCaptions}
  1796. {block:PermalinkPage}
  1797. {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
  1798.  
  1799. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1800.  
  1801. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1802.  
  1803. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1804.  
  1805. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1806.  
  1807. {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
  1808.  
  1809. </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
  1810. {/block:PermalinkPage}
  1811. {/block:IfnotShowCaptions}
  1812. {/block:Video}
  1813.  
  1814. {block:Chat}
  1815. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1816. <div class="chatp">
  1817. <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  1818. {Line}</div>{/block:Lines}</div>
  1819. </div>
  1820. {/block:Chat}
  1821.  
  1822. {block:Answer}
  1823. <div id="askcont">
  1824. <div id="asker">
  1825. <img src="{AskerPortraitURL-128}">
  1826. <div id="asking">
  1827. <div class="asker-link">{Asker}</div>
  1828. <div class="asker-text">asked a question</div>
  1829. </div>
  1830. </div>
  1831. <div class="question">{Question}</div>
  1832. </div>
  1833.  
  1834. {block:Answerer}
  1835. <div id="replycont">
  1836. <div id="replier">
  1837. <div id="replying">
  1838. <div class="replier-link">{Answerer}</div>
  1839. <div class="replier-text">replied to your question</div>
  1840. </div>
  1841. <img src="{AnswererPortraitURL-128}">
  1842. </div>
  1843. <div class="answer">{Answer}</div>
  1844. </div>
  1845. {/block:Answerer}
  1846.  
  1847. {block:NotReblog}  <div class="caption"><figcaption> {Answer} </figcaption> </div> {/block:NotReblog}
  1848. {block:RebloggedFrom} <div class="reblog-list">
  1849. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1850.  
  1851. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1852.  
  1853. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1854.  
  1855. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1856.  
  1857. {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div>
  1858.  
  1859. <div class="reblog-content">{Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom}
  1860. {/block:Answer}
  1861.  
  1862. {block:IndexPage} <!-----------POST INFO/PERMALINKS----------->
  1863. {block:Date}
  1864. <div class="time">
  1865. <div class="timestamp">
  1866. {block:RebloggedFrom}
  1867. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-40}"></a> Posted{/block:RebloggedFrom}
  1868. {block:NotReblog}
  1869. <a href="{ReblogRootURL}"><img src="{PortraitURL-40}"></a> Posted {/block:NotReblog} on
  1870. <a href="{Permalink}" title="{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>
  1871. </div>
  1872. {/block:Date}
  1873.  
  1874. <div class="likereblog">
  1875. <div class="controls">
  1876. <a href="{ReblogURL}" target="_blank" title="reblog this post" class="reblog"><span class="ti-reload"></span></a>
  1877. <a title="like this post" class="like">{LikeButton size="15"}
  1878. <span class="ti-heart"></span></a>
  1879. </div>
  1880. </div>
  1881. </div>
  1882. {/block:IndexPage}<!-----------POST INFO/PERMALINKS----------->
  1883.  
  1884. <!-----------POST TAGS----------->
  1885. {block:IndexPage}
  1886. {block:ifShowTags}
  1887. {block:HasTags}
  1888. <div class="post_tags draggable">
  1889. <div class="post_tags_inner">{block:Tags}
  1890. <a href="{TagURL}"> <i data-feather="tag"></i>{Tag}</a>{/block:Tags}</div></div>
  1891. {/block:HasTags}
  1892. {/block:ifShowTags}
  1893. {/block:IndexPage}
  1894. <!-----------POST TAGS----------->
  1895.  
  1896.  
  1897. </article> <!-----------POSTS----------->
  1898.  
  1899. <!-----------PERMALINK PAGE----------->
  1900. {block:PermalinkPage}
  1901. {block:Date}
  1902. <div id="perma">
  1903. <span>
  1904. Posted {ShortMonth} {DayOfMonthWithZero}, {Year} @ {12Hour} {AmPm}
  1905. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  1906. </span>
  1907.  
  1908. {block:RebloggedFrom}
  1909. <div class="rb">
  1910. <a class="via" href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>
  1911. <a class="root" href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>
  1912. </div>
  1913. {/block:RebloggedFrom}
  1914.  
  1915. </div>
  1916.  
  1917. {block:HasTags}
  1918. <div id="permatg">
  1919. {block:Tags}<a href="{TagURL}" title="Tagged as">#{Tag}</a> {/block:Tags}
  1920. </div>
  1921. {/block:HasTags}
  1922.  
  1923. {block:PostNotes}
  1924. <div id="notecontainer">{PostNotes}</div>
  1925. {/block:PostNotes}
  1926.  
  1927. {block:PermalinkPagination}
  1928. <div id="permpage">
  1929.     {block:NextPost}
  1930.         <a href="{NextPost}" title="Previous Post"><i data-feather="arrow-left-circle"></i></a>
  1931.     {/block:NextPost}
  1932.    
  1933.     {block:PreviousPost}
  1934.         <a href="{PreviousPost}" title="Next Post"><i data-feather="arrow-right-circle"></i></a>
  1935.     {/block:PreviousPost}
  1936. </div>
  1937. {/block:PermalinkPagination}
  1938. {/block:Date}
  1939. {/block:PermalinkPage}
  1940. <!-----------PERMALINK PAGE----------->
  1941. {/block:Posts}
  1942. </section><!------------------POSTS WRAPPER----------------------->
  1943.  
  1944. </div>  <!--------- POSTS CONTAINER ----------->
  1945.  
  1946. <!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
  1947.  
  1948. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1949.  
  1950. <!--Pixel Union photosets script-->
  1951. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1952. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1953. <!--Pixel Union photosets script-->
  1954.  
  1955. {block:IndexPage}
  1956. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1957. <script src="https://static.tumblr.com/pbhn8p5/PH4oshh3z/imagesloaded.pkgd.min.js"></script>
  1958. {/block:IndexPage}
  1959.  
  1960. <!--Video resizing script-->
  1961. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1962. <!--Video resizing script-->
  1963.  
  1964. <!---------- inline images resizing script ---------->
  1965. <script src="//dl.dropbox.com/s/1mztc6y7i6ry9ri/gtresizing.js"> </script>
  1966. <!---------- inline images resizing script ---------->
  1967.  
  1968. <!-----------Tooltips Script----------->
  1969. <script src="https://unpkg.com/popper.js@1"></script> <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script> <link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/svg-arrow.css" />
  1970. <!-----------Tooltips Script----------->
  1971.  
  1972. <!-----------NPF photosets script by annasthms @ tumblr----------->
  1973. <script src="https://static.tumblr.com/0podkko/qWqq8va08/photosets.js"></script>
  1974. <!-----------NPF photosets script by annasthms @ tumblr----------->
  1975.  
  1976. <script src="https://unpkg.com/feather-icons"></script>
  1977.  
  1978. <script>
  1979. $(document).ready(function(){
  1980.     //NPF photosets script by annasthms
  1981.     undoPhotoset({
  1982.         'posts': '.text',
  1983.         'text class': 'caption',
  1984.         'photoset class': 'photoset'
  1985.     },true);
  1986.     //pxu photosets by @ shythemes & bychloethemes
  1987.    $('.photo-slideshow').pxuPhotoset({
  1988.        lightbox: true,
  1989.        rounded: false,
  1990.        gutter: '{select:photoset gutter}px',
  1991.        photoset: '.photo-slideshow',
  1992.        photoWrap: '.photo-data',
  1993.        photo: '.pxu-photo'
  1994.    });
  1995.     {block:IndexPage}
  1996.     var $container = $('#content');
  1997.         $container.masonry({ itemSelector: '.posts' });
  1998.         $container.imagesLoaded(function(){
  1999.         $container.masonry();
  2000.         $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
  2001.     });
  2002.     {/block:IndexPage}
  2003.         tippy('a[title]', {
  2004.             theme: 'custom',
  2005.             arrow: tippy.roundArrow,
  2006.             zIndex: 9999999999,
  2007.             placement: 'auto',
  2008.             maxWidth: 300,
  2009.             content(reference) {
  2010.                 const title = reference.getAttribute('title');
  2011.                 reference.removeAttribute('title'); return title; },
  2012.         });
  2013.         feather.replace()
  2014.           // audio player fix by @ shudesigns
  2015.         var $audio = $('iframe.tumblr_audio_player');
  2016.         $audio.load(function() {
  2017.         $(this).contents().find('head').append('<style type="text/css">' +
  2018.       '.audio-player { background: {color:question background}; color: {color:question} !important; }' +
  2019.       '.audio-player .audio-info .track-artist { color: {color:question} !important; }' +
  2020.     '</style>');
  2021.   });
  2022.      //search suggestions script    
  2023.     $('.search').submit(function(event){
  2024.        var value = $('input:first').val();
  2025.        location.replace('https://{Name}.tumblr.com/tagged/' + value);
  2026.     });
  2027.    
  2028. });
  2029. </script>
  2030.  
  2031. <!--Draggable Tags Script-->
  2032. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  2033. <script src="https://static.tumblr.com/pbhn8p5/OSRos9gz8/draggabletags.js"></script>
  2034. <!--Draggable Tags Script-->
  2035.  
  2036. <!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
  2037.  
  2038. </body>
  2039. </html> <!---------------------------END--------------------------->
Advertisement
Add Comment
Please, Sign In to add comment