API tools faq
paste
rottenfollow229

sheathemes

rottenfollow229
Jul 10th, 2017 (edited)
322
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 71.52 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <!------------Smooth Scroll Script------------>
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  9. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  10. <!------------Smooth Scroll Script------------>
  11.  
  12. <!--Custom Fonts-->
  13. <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i|Lora:400,400i,700,700i|Titillium+Web:400,400i,600,600i,700,700i|Poppins:400,400i,500,500i,600,600i,700,700i&|Source+Sans+Pro:400,600,700,900|Inter:400,500,600,700|Noto+Sans+JP:400,500,700|Titillium+Web:400,400i,600,600i,700,700i|Roboto:400,400i,700,700i|Playfair+Display|Merriweather:400,400i&display=swap" rel="stylesheet">
  14. <!--Custom Fonts-->
  15.  
  16. <!--Homelinks Icons -->
  17. <link href="https://rawgit.com/lykmapipo/themify-icons/master/css/themify-icons.css" rel="stylesheet">
  18. <!--Homelinks Icons-->
  19.  
  20.  
  21.     <title>{Title}</title>
  22.     <link rel="shortcut icon" href="{Favicon}">
  23.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  24.     <meta charset="utf-8">
  25.     {block:Description}
  26.     <meta name="description" content="{MetaDescription}" />
  27.     {/block:Description}
  28.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  29.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  30.  
  31. <!--Custom Options-->
  32. <meta name="color:background" content="#fefefe" />
  33. <meta name="color:accent" content="#f74553" />
  34. <meta name="color:accented text" content="#ffffff" />
  35. <meta name="color:Text" content="#888888" />    
  36. <meta name="color:bold" content="#f74553"/>
  37. <meta name="color:italic" content="#f74553"/>
  38. <meta name="color:underline" content="#f74553"/>
  39. <meta name="color:Links" content="#000000" />
  40. <meta name="color:Link Hover" content="#f74553" />
  41. <meta name="color:text selection" content="#ffffff" />
  42. <meta name="color:text selection background" content="#f74553" />
  43. <meta name="color:Blockquote" content="#f74553" />
  44. <meta name="color:navigation" content="#000000" />
  45. <meta name="color:navigation background" content="##fbfbfb" />
  46. <meta name="color:Posts" content="#ffffff" />
  47. <meta name="color:Post Title" content="#000000" />
  48. <meta name="color:Post Title Background" content="#B0747C" />
  49. <meta name="color:Post Borders" content="#f6f6f6" />
  50. <meta name="color:question" content="#000000" />
  51. <meta name="color:question background" content="#fbfbfb" />
  52. <meta name="color:pagination" content="#000000" />
  53. <meta name="color:permalink" content="#000000" />
  54. <meta name="color:permalink hover" content="#f74553" />
  55. <meta name="color:panel title background" content="#ffffff" />
  56. <meta name="color:panel title" content="#000000" />
  57. <meta name="color:panel icon background" content="#B0747C" />
  58. <meta name="color:panel icon" content="#ffffff" />
  59.  
  60. <meta name="select:Background Attachment" content="fixed" title="fixed">
  61. <meta name="select:Background Attachment" content="scroll" title="scroll">
  62. <meta name="select:Background Repeat" content="repeat" title="repeat">
  63. <meta name="select:Background Repeat" content="no-repeat" title="no repeat">
  64.  
  65. <meta name="select:Body Font" content="Open Sans" title="Open Sans">
  66. <meta name="select:Body Font" content="Lato" title="Lato">
  67. <meta name="select:Body Font" content="Titillium Web" title="Titillium Web">
  68. <meta name="select:Body Font" content="Noto Sans JP" title="Noto Sans JP">
  69. <meta name="select:Body Font" content="Roboto" title="Roboto">
  70. <meta name="select:Body Font" content="Inter" title="Inter">
  71. <meta name="select:Body Font" content="Poppins" title="Poppins">
  72. <meta name="select:Body Font" content="Titillium Web" title="Titillium Web">
  73.  
  74. <meta name="select:font size" content="10" title="10px">
  75. <meta name="select:font size" content="11" title="11px">
  76. <meta name="select:font size" content="12" title="12px">
  77. <meta name="select:font size" content="13" title="13px">
  78.  
  79. <meta name="select:text align" content="left" title="left">
  80. <meta name="select:text align" content="justify" title="justify">
  81. <meta name="select:desc text align" content="center" title="center">
  82. <meta name="select:desc text align" content="justify" title="justify">
  83.  
  84. <meta name="select:Post Size" content="400" title="400px">
  85. <meta name="select:Post Size" content="450" title="450px">
  86. <meta name="select:Post Size" content="475" title="475px">
  87. <meta name="select:Post Size" content="500" title="500px">
  88. <meta name="select:Post Size" content="525" title="525px">
  89. <meta name="select:Post Size" content="540" title="540px">
  90.  
  91. <meta name="select:Post Padding" content="0" title="0px">
  92. <meta name="select:Post Padding" content="2" title="2px">
  93. <meta name="select:Post Padding" content="5" title="5px">
  94. <meta name="select:Post Padding" content="10" title="10px">
  95. <meta name="select:Post Padding" content="15" title="15px">
  96. <meta name="select:Post Padding" content="20" title="20px">
  97.  
  98. <meta name="select:Photoset gutter" content="1" title="1px">
  99. <meta name="select:Photoset gutter" content="2" title="2px">
  100. <meta name="select:Photoset gutter" content="4" title="4px">
  101. <meta name="select:Photoset gutter" content="6" title="6px">
  102. <meta name="select:Photoset gutter" content="8" title="8px">
  103. <meta name="select:Photoset gutter" content="10" title="10px">
  104.  
  105. <meta name="text:margin bottom" content="50"/>
  106.  
  107. <meta name="if:Link1" content="1" />
  108. <meta name="if:Link2" content="1" />
  109. <meta name="if:Link3" content="1" />
  110. <meta name="if:Link4" content="1" />
  111. <meta name="if:Link5" content="1" />
  112. <meta name="if:Link6" content="1" />
  113.  
  114. <meta name="text:CustomLink1URL" content="Link 1 URL" />
  115. <meta name="text:CustomLink1Name" content="Link 1" />
  116. <meta name="text:CustomLink2URL" content="Link 2 URL" />
  117. <meta name="text:CustomLink2Name" content="Link 2" />
  118. <meta name="text:CustomLink3URL" content="Link 3 URL" />
  119. <meta name="text:CustomLink3Name" content="Link 3" />
  120. <meta name="text:CustomLink4URL" content="Link 4 URL" />
  121. <meta name="text:CustomLink4Name" content="Link 4" />
  122. <meta name="text:CustomLink5URL" content="Link 5 URL" />
  123. <meta name="text:CustomLink5Name" content="Link 5" />
  124. <meta name="text:CustomLink6URL" content="Link 6 URL" />
  125. <meta name="text:CustomLink6Name" content="Link 6" />
  126.  
  127. <meta name="image:background" content=""/>
  128. <meta name="image:sidebar" content=""/>
  129.  
  130. <meta name="if:inverted tumblr controls" content="1" />
  131. <meta name="if:Small Cursor" content="0" />
  132. <meta name="if:Custom Text Selection" content="0"/>
  133. <meta name="if:post shadows" content="0"/>
  134. <meta name="if:rounded corners" content="0"/>
  135. <meta name="if:Faded Images" content="0"/>
  136. <meta name="if:Grayscale Images" content="0"/>
  137. <meta name="if:Show Captions" content="1"/>
  138. <meta name="if:Show Tags" content="1"/>
  139. <meta name="if:hover tags" content="1"/>
  140.  
  141. <!--Custom Options-->
  142.  
  143. <style type="text/css">
  144.  
  145. @-ms-viewport{
  146.   width: device-width;
  147. }
  148.  
  149. /*----------FADE-IN ANIMATION----------*/
  150.  
  151. @keyframes fadein {
  152.     from {opacity:0;}
  153.     to {opacity:1;}
  154. }
  155.  
  156. @-moz-keyframes fadein { /* Firefox */
  157.     from {opacity:0;}
  158.     to {opacity:1;}
  159. }
  160.  
  161. @-webkit-keyframes fadein { /* Safari and Chrome */
  162.     from {opacity:0;}
  163.     to {opacity:1;}
  164. }
  165.  
  166. @-o-keyframes fadein { /* Opera */
  167.     from {opacity:0;}
  168.     to {opacity: 1;}
  169. }
  170.  
  171. /*----------TUMBLR CONTROLS----------*/
  172.  
  173. iframe.tmblr-iframe {
  174.     position:fixed!important;
  175.     z-index: 300!important;
  176.     top: 15px!important;
  177.     right:10px!important;
  178.     opacity:0.7!important;
  179.     {block:ifinvertedtumblrcontrols}
  180.     filter:invert(1);
  181.     -webkit-filter:invert(1);
  182.     -o-filter:invert(1);
  183.     -moz-filter:invert(1);
  184.     -ms-filter:invert(1);
  185.     filter:invert(100%) hue-rotate(180deg);
  186.     -webkit-filter:invert(100%) hue-rotate(180deg);
  187.     -moz-filter:invert(100%) hue-rotate(180deg);
  188.     -o-filter:invert(100%) hue-rotate(180deg);
  189.     -ms-filter:invert(100%) hue-rotate(180deg);
  190.     {/block:ifinvertedtumblrcontrols}
  191.     transform:scale(0.8);
  192.     transform-origin:100% 0;
  193.     -webkit-transform:scale(0.6);
  194.     -webkit-transform-origin:100% 0;
  195.     -o-transform:scale(0.6);
  196.     -o-transform-origin:100% 0;
  197.     -moz-transform:scale(0.6);
  198.     -moz-transform-origin:100% 0;
  199.     -ms-transform:scale(0.6);
  200.     -ms-transform-origin:100% 0;
  201.     -webkit-transition: 0.8s ease;
  202.     -moz-transition: 0.8s ease;
  203.     -o-transition: 0.8s ease;
  204.     transition: 0.8s ease;
  205. }
  206.  
  207. iframe.tmblr-iframe:hover {
  208.     opacity:1.0!important;
  209.     -webkit-transition: 0.8s ease;
  210.     -moz-transition: 0.8s ease;
  211.     -o-transition: 0.8s ease;
  212.     transition: 0.8s ease;
  213. }
  214.  
  215. /*--------CUSTOM TUMBLR LIGHTBOX--------*/
  216.  
  217. .vignette, #vignette {
  218.     opacity:0;
  219. }
  220. .lightbox-image, #tumblr_lightbox img {
  221.     box-shadow:none !important;
  222.     border-radius:0 !important;
  223.     max-width:none;
  224. }
  225.  
  226. .tmblr-lightbox, #tumblr_lightbox {
  227.     background-color:rgba({RGBcolor:Background}, 0.6) !important;
  228. }
  229.  
  230. .lightbox-image, #tumblr_lightbox img {
  231.     background-color: {color:posts} !important;
  232.     padding: 10px !important;
  233.     -moz-box-sizing:border-box;
  234.     box-sizing:border-box;
  235. }
  236.  
  237. /*----------SCROLLBAR----------*/
  238.  
  239. ::-webkit-scrollbar {
  240.     width: 10px;
  241.     height: 6px;
  242. }
  243. ::-webkit-scrollbar-button {
  244.     width: 0px;
  245.     height: 0px;
  246. }
  247. ::-webkit-scrollbar-thumb {
  248.     background-color: {color:accent};
  249.     border-radius: 20px;
  250.     border: 2px solid {color:Background};
  251. }
  252.  
  253. ::-webkit-scrollbar-track {
  254.     background: {color:posts};
  255.     border: 8px solid {color:posts};
  256.     border-radius: 20px;
  257. }
  258.  
  259. ::-webkit-scrollbar-corner {
  260.     background: transparent;
  261. }
  262.  
  263. /*----------TOOLTIPS----------*/
  264.  
  265. #s-m-t-tooltip {
  266.     max-width: 300px;
  267.     padding: 2px 5px;
  268.     margin: -20px 7px -2px 20px;
  269.     background-color: {color:accent};
  270.     font-size: {select:font size}px;
  271.     text-transform: lowercase;
  272.     color: {color:accented text};
  273.     font-weight: 600;
  274.     z-index: 999999999999999999999999999999999999;
  275. }
  276.  
  277. /*----------TEXT SELECTION----------*/
  278.  
  279. {block:ifCustomTextSelection}
  280. ::selection {
  281.     background: {color:text selection background};
  282.     color: {color:text selection};
  283. }
  284.  
  285. ::-moz-selection {
  286.     background: {color:text selection background};
  287.     color: {color:text selection};
  288. }
  289.  
  290. ::-webkit-selection {
  291.     background: {color:text selection background};
  292.     color: {color:text selection};
  293. }
  294. {/block:ifCustomTextSelection}
  295.  
  296. /*----------THEME BASICS----------*/
  297.  
  298. html, body {
  299.     color: {color:text};
  300.     font-family: {select:Body Font}, helvetica, sans-serif;
  301.     font-weight: 400;
  302.     font-size: {select:font size}px;
  303.     line-height:180%;
  304.     margin:0;
  305.     padding: 0;
  306.     text-align:left;
  307.     background: {color:background} url({image:Background}) center;
  308.     background-attachment: {select:Background Attachment};
  309.     background-repeat: {select:Background Repeat};
  310.     -webkit-font-smoothing: antialiased;
  311.     -moz-osx-font-smoothing: grayscale;
  312.     animation: fadein 2.5s;
  313.     -moz-animation: fadein 2.5s; /* Firefox */
  314.     -webkit-animation: fadein 2.5s; /* Safari and Chrome */
  315.     -o-animation: fadein  2.5s; /* Opera */
  316. }
  317.  
  318. p:empty {
  319.     display: none;
  320. }
  321.  
  322. b,strong {
  323.     color:{color:bold};
  324.     font-weight: 700;
  325. }
  326.  
  327. i,em {
  328.     color:{color:italic};
  329. }
  330.  
  331. u {
  332.     color:{color:underline};
  333. }
  334.  
  335. hr {
  336.     width: 30%;
  337.     height: 1px;
  338.     background-color: {color:post borders};
  339.     color: {color:post borders};
  340.     border: 0px solid transparent;
  341. }
  342.  
  343. small,sub,sup {
  344.     font-size: calc({select:font size}px - 0.5px);
  345. }
  346.  
  347. h1,h2,h3 {
  348.     font-weight: 700;
  349.     font-size: 2em;
  350.     color: {color:bold};
  351. }
  352.  
  353. h4,h5,h6 {
  354.     font-weight: 700;
  355.     font-size: 1.8em;
  356.     color: {color:bold};
  357. }
  358.  
  359. pre {
  360.     white-space: pre-wrap;
  361.     white-space: -moz-pre-wrap;
  362.     white-space: -pre-wrap;
  363.     white-space: -o-pre-wrap;
  364.     word-wrap: break-word;
  365.     padding: 5px 10px;
  366.     font-family: inherit;
  367.     font-weight: 400;
  368.     line-height: 150%;
  369. }
  370.  
  371. blockquote:not(.tumblr_parent) {
  372.     padding-left:10px;
  373.     margin: 10px;
  374.     border-left:1px solid {color:blockquote};
  375. }
  376.  
  377. blockquote img {
  378.     max-width: 100%;
  379.     height: auto;
  380. }
  381.  
  382. figure {
  383.   margin: 1em 3px;
  384. }
  385.  
  386. a {
  387.     color:{color:links};
  388.     text-decoration:none;
  389.     -moz-transition-duration: 0.5s;
  390.     -o-transition-duration: 0.5s;
  391.     -webkit-transition-duration: 0.5s;
  392.     transition-duration: 0.5s;
  393. }
  394.  
  395. a:hover {
  396.     color:{color:link hover};
  397.     -moz-transition-duration: 0.5s;
  398.     -o-transition-duration: 0.5s;
  399.     -webkit-transition-duration: 0.5s;
  400.     transition-duration: 0.5s;
  401. }
  402.  
  403. {block:ifSmallCursor}
  404. html, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto !important; }
  405. a:hover{cursor:url("https://i.imgur.com/IepP2.jpg"), auto !important;}
  406. {/block:ifSmallCursor}
  407.  
  408. /*----------PAGINATION----------*/
  409.  
  410. #pagination {
  411.     height:auto;
  412.     width:auto;
  413.     letter-spacing:1px;
  414.     margin-left:auto;
  415.     margin-right:auto;
  416.     margin-bottom: 90px;
  417.     margin-top: 20px;
  418.     text-transform:uppercase;
  419.     z-index:4;
  420.     text-align:center;
  421.     background:transparent;
  422. }
  423.  
  424. .ti-angle-left, .ti-angle-right {
  425.     font-size: 10px;
  426. }
  427.  
  428. #pagination a {
  429.     margin-left:1px;
  430.     background-color: {color:posts};
  431.     padding:10px;
  432.     color: {color:pagination};
  433.     text-decoration:none;
  434.     -webkit-transition:all 0.8s ease-out;
  435.     -moz-transition:all 0.8s ease-out;
  436.     transition:all 0.8s ease-out;
  437. }
  438.  
  439. #pagination a:hover {
  440.     color: {color:accented text};
  441.     background-color: {color:accent};
  442.     -webkit-transition:all 0.8s ease-out;
  443.     -moz-transition:all 0.8s ease-out;
  444.     transition:all 0.8s ease-out;
  445. }
  446.  
  447. /*----------POSIS CONTAINER----------*/
  448.  
  449. .cage {
  450.     display: flex;
  451.     flex-flow: row wrap;
  452. }
  453.  
  454. .wrap {
  455.     position: relative;
  456.     width: 50vw;
  457.     height: 100%;
  458.     padding: 0;
  459.     margin: 0;
  460.     box-sizing: border-box;
  461.     {block:PermalinkPage}
  462.     width: calc(540px + 470px);
  463.     {/block:PermalinkPage}
  464. }
  465.  
  466. #content-content-box, #about-cont-content-box, #help-cont-content-box, #terms-cont-content-box, #credit-cont-content-box {
  467.     position: relative;
  468.     margin: 110px auto 60px;
  469.     padding-top: 35px;
  470.     width: {select:Post Size}px;
  471.     {block:PermalinkPage}
  472.     width: 540px;
  473.     {/block:PermalinkPage}
  474. }
  475.  
  476. .posts, .about-section, .help-section, .terms-section, .credit-section {
  477.     position: relative;
  478.     width: {select:post size}px;
  479.     background-color: {color:posts};
  480.     box-sizing: border-box;
  481.     {block:IndexPage}
  482.     margin-bottom: {text:margin bottom}px;
  483.     {/block:IndexPage}
  484.     {block:PermalinkPage}
  485.     margin-bottom: 50px;
  486.     width: 540px;
  487.     {/block:PermalinkPage}
  488. }
  489.  
  490. .about-section {
  491.     margin-bottom: 30px;
  492.     padding-bottom: 20px;
  493.     border-bottom: 1px solid {color:post borders};
  494. }
  495.  
  496. .about-section:last-of-type {
  497.     border-bottom: none;
  498. }
  499.  
  500. .about-me-title, .help-title, .terms-title, .credit-title {
  501.     color: #000;
  502.     font-family: 'Playfair Display', serif;
  503.     font-size: 1.6em;
  504.     font-weight: 700;
  505.     padding: 10px 0;
  506.     line-height: 200%;
  507.     margin-bottom: 20px;
  508. }
  509.  
  510. .ti-pencil-alt, .ti-face-smile, .ti-face-sad {
  511.     font-size: 20px;
  512.     background-color: #222;
  513.     color: #fff;
  514.     padding: 10px;
  515.     margin-right: 10px;
  516.     display: inline-block;
  517.     vertical-align: middle;
  518. }
  519.  
  520. .about-section p {
  521.     text-align: justify;
  522. }
  523.  
  524. .updates {
  525.     margin-top: 10px;
  526. }
  527.  
  528. .image-canvas {
  529.     display: flex;
  530.     flex-wrap: wrap;
  531.     justify-content: center;
  532. }
  533.  
  534. .image-title {
  535.     display: flex;
  536.     justify-content: center;
  537.     align-items: center;
  538.     margin: 10px 0 20px;
  539. }
  540.  
  541. .image-title h2 {
  542.     font-size: 1.1em;
  543.     color: #000;
  544. }
  545.  
  546. .image-title i {
  547.     margin-left: 5px;
  548. }
  549.  
  550. .image-cont {
  551.     margin: 10px;
  552. }
  553.  
  554. .image-cont img {
  555.     width: 250px;
  556.     padding: 20px;
  557.     box-sizing: border-box;
  558.     border: 1px solid {color:post borders};
  559. }
  560.  
  561. .navigation {
  562.     display: flex;
  563.     flex-wrap: wrap;
  564.     justify-content: center;
  565. }
  566.  
  567. .navigation a {
  568.     width: 250px;
  569.     margin: 20px 10px;
  570.     box-sizing: border-box;
  571. }
  572.  
  573. .ti-help-alt, .ti-settings {
  574.     margin-right: 10px;
  575.     font-size: 18px;
  576.     display: inline-block;
  577.     vertical-align: middle;
  578. }
  579.  
  580. #quick-stats {
  581.     padding: 0;
  582.     list-style: none;
  583. }
  584.  
  585. #quick-stats h2 {
  586.     font-size: 1.5em;
  587. }
  588.  
  589. .help-section h2 {
  590.     font-size: 1.2em;
  591.     color: #222;
  592. }
  593.  
  594. .help-section ul, .terms-section ul, .credit-section ul {
  595.     padding: 0;
  596. }
  597.  
  598. .help-section ul li, .terms-section ul li, .credit-section ul li {
  599.     list-style: none;
  600.     margin: 10px 0;
  601.     border-bottom: 1px solid {color:post borders};
  602.     padding: 10px 0;
  603.     text-align: justify;
  604. }
  605.  
  606. .terms-section a {
  607.     color: #627A86;
  608. }
  609.  
  610. .terms-section a:hover {
  611.     color: #ccc;
  612. }
  613.  
  614. .ti-help {
  615.     font-size: 15px;
  616.     display: inline-block;
  617.     vertical-align: middle;
  618.     margin-right: 10px;
  619.     background-color: #627A86;
  620.     padding: 5px;
  621.     color: #fff;
  622. }
  623.  
  624. .ti-alert {
  625.     font-size: 18px;
  626.     display: inline-block;
  627.     vertical-align: middle;
  628.     border: 1px solid {color:post borders};
  629.     margin-right: 10px;
  630.     padding: 5px;
  631. }
  632.  
  633. .posts ul li {
  634.     list-style: none;
  635.     margin-left: -25px;
  636.     padding-left: 10;
  637. }
  638.  
  639. .posts ul li:before {
  640.     content: "―";
  641.     padding-right: 5px;
  642.     color: {color:accent};
  643. }
  644.  
  645. .posts ol {
  646.     list-style-type: upper-roman;
  647.     text-transform: justify;
  648.     margin-left: -10px;
  649. }
  650.  
  651. .posts iframe {
  652.     max-width:100%;
  653.     display: block;
  654.     padding: 0;
  655.     margin: 0
  656. }
  657.  
  658. .posts img {
  659.     max-width: 100%;
  660.     display: block;
  661.     border: 0;
  662. }
  663.  
  664. .tumblr_video_container {
  665.     width: auto !important;
  666.     height: auto !important;
  667. }
  668.  
  669. .posts .photo img {
  670.     {block:ifFadedImages}
  671.     {block:IndexPage}
  672.     opacity: 0.6;
  673.     -moz-transition: all 0.8s ease-in;
  674.     -o-transition: all 0.8s ease-in;
  675.     -webkit-transition: all 0.8s ease-in;
  676.     transition: all 0.8s ease-in;
  677. }
  678.  
  679. .posts:hover .photo img {
  680.     opacity: 1.0;
  681.     -moz-transition: all 0.8s ease-in;
  682.     -o-transition: all 0.8s ease-in;
  683.     -webkit-transition: all 0.8s ease-in;
  684.     transition: all 0.8s ease-in;
  685.     {/block:IndexPage}
  686.     {/block:ifFadedImages}
  687. }
  688.  
  689. {block:ifGrayscaleImages}
  690. {block:IndexPage}
  691. .posts .photo img {
  692.     z-index: -9999999999999999999999999px;
  693.     -webkit-filter: grayscale(100%);
  694.     filter: grayscale(100%);
  695.     filter: gray;
  696.     /* IE 6-9 */
  697.     -moz-transition: all 0.8s ease-in;
  698.     -o-transition: all 0.8s ease-in;
  699.     -webkit-transition: all 0.8s ease-in;
  700.     transition: all 0.8s ease-in;
  701. }
  702.  
  703. .posts:hover .photo img {
  704.     -webkit-filter: none;
  705.     filter: none;
  706.     -moz-transition: all 0.8s ease-in;
  707.     -o-transition: all 0.8s ease-in;
  708.     -webkit-transition: all 0.8s ease-in;
  709.     transition: all 0.8s ease-in;
  710. }
  711. {/block:IndexPage}
  712. {/block:ifGrayscaleImages}
  713.  
  714. /*----------TEXT/CAPTION CONTAINER----------*/
  715.  
  716. .photo, .video, .photo-slideshow {
  717.     padding: {select:Post Padding}px;
  718. }
  719.  
  720. .caption {
  721.     text-align: {select:text align};
  722. }
  723.  
  724. .caption figcaption {
  725.     padding: 10px 15px 15px;
  726. }
  727.  
  728. figcaption p {
  729.     margin: 5px 0 0;
  730. }
  731.  
  732. .caption img {
  733.     max-width: 100%;
  734.     height: auto;
  735. }
  736.  
  737. .reblog-list {
  738.     padding: 0;
  739. }
  740.  
  741. .reblog-header {
  742.     padding: 20px 15px 0 15px;
  743. }
  744.  
  745. .reblog-header img {
  746.     width: 25px;
  747.     height: 25px;
  748.     display: inline-block;
  749.     vertical-align: middle;
  750.     margin-right: 10px;
  751. }
  752.  
  753. .inactive, .user, .deactivated {
  754.     font-weight: 700;
  755.     color: {color:links};
  756.     text-align: center;
  757. }
  758.  
  759. .user:hover {
  760.     color: {color:link hover};
  761. }
  762.  
  763. .reblog-content {
  764.     padding: 5px 15px;
  765.     border-bottom: 1px solid {color:post borders};
  766. }
  767.  
  768. .read_more {
  769.     position: relative;
  770.     width: 100%;
  771.     -webkit-transition: all 0.9s ease;
  772.     -moz-transition: all 0.9s ease;
  773.     -o-transition: all 0.9s ease;
  774.     transition: all 0.9s ease;
  775.     position: relative;
  776.     left: calc(50% - 40px);
  777.     color: {color:links};
  778.     border-bottom: 2px solid {color:accent};
  779. }
  780.  
  781. .read_more:hover {
  782.     color: {color:link hover};
  783.     border-bottom: 2px solid transparent;
  784.     -webkit-transition: all 0.9s ease;
  785.     -moz-transition: all 0.9s ease;
  786.     -o-transition: all 0.9s ease;
  787.     transition: all 0.9s ease;
  788. }
  789.  
  790. /*----------POST INFO & PERMALINKS----------*/
  791.  
  792. .time {
  793.    color: #fff;
  794.     background-color: #222;
  795.     display: flex;
  796.     flex-direction: row;
  797.     padding: 0 10px;
  798. }
  799.  
  800. .time a {
  801.     color: {color:permalink};
  802.     text-transform: lowercase;
  803.     font-weight: 600;
  804.    
  805. }
  806.  
  807. .time a:hover {
  808.     color: {color:permalink hover};
  809. }
  810.  
  811. .timestamp , .likereblog, .note-count {
  812.     text-align: center;
  813.     padding: 5px;
  814.     width: 30%;
  815. }
  816.  
  817. /*----------LIKE/REBLOG----------*/
  818.  
  819. .likereblog {
  820.     text-align: center;
  821.     padding-top: 5px;
  822. }
  823.  
  824. .controls a {
  825.     position:relative;
  826.     display:inline-block;
  827.     margin: 0 3px;
  828. }
  829.  
  830. .controls a:hover {
  831.     color: {color:permalink hover};
  832. }
  833.  
  834. .ti-reload {
  835.     font-size: 13px;
  836.     color: {color:permalink};
  837.     -moz-transition-duration: 0.5s;
  838.     -o-transition-duration: 0.5s;
  839.     -webkit-transition-duration: 0.5s;
  840.     transition-duration: 0.5s;
  841. }
  842.  
  843. .ti-reload:hover {
  844.     color: {color:permalink hover};
  845.     -moz-transition-duration: 0.5s;
  846.     -o-transition-duration: 0.5s;
  847.     -webkit-transition-duration: 0.5s;
  848.     transition-duration: 0.5s;
  849. }
  850.  
  851. .ti-heart {
  852.     color: {color:permalink};
  853.     font-size: 13px;
  854.     -moz-transition-duration: 0.5s;
  855.     -o-transition-duration: 0.5s;
  856.     -webkit-transition-duration: 0.5s;
  857.     transition-duration: 0.5s;
  858. }
  859.  
  860. .ti-heart:hover {
  861.     color: {color:permalink};
  862. }
  863.  
  864. .controls .like .liked + .ti-heart {
  865.    opacity: 1;
  866. }
  867.  
  868. .controls .like .liked + .ti-heart {
  869.      color: #E5DBC0;
  870. }
  871.  
  872. .controls .like .like_button iframe {
  873.    position:absolute;
  874.    top: -1px;
  875.    left:0;
  876.    bottom:0;
  877.    right:0;
  878.    width:100%;
  879.    height:100%;
  880.    z-index:2;
  881.    opacity:0.000001;
  882. }
  883.  
  884. /*--------POST TAGS--------*/
  885.  
  886. .post_tags {
  887.     position: absolute;
  888.     width: {select:post size}px;
  889.     padding: 10px 0 0;
  890.     white-space: nowrap;
  891.     overflow: hidden;
  892.     margin-top: 0px;
  893.     opacity: 1;
  894.     {block:ifhovertags}
  895.     opacity: 0;
  896.     -webkit-transition: all 0.6s ease-in-out;
  897.     -moz-transition: all 0.6s ease-in-out;
  898.     -o-transition: all 0.6s ease-in-out;
  899.     transition: all 0.6s ease-in-out;
  900. }
  901.  
  902. .posts:hover .post_tags {
  903.     opacity: 1.0;
  904.     -webkit-transition: all 0.6s ease-in-out;
  905.     -moz-transition: all 0.6s ease-in-out;
  906.     -o-transition: all 0.6s ease-in-out;
  907.     transition: all 0.6s ease-in-out;
  908.     {/block:ifhovertags}
  909. }
  910.  
  911. .post_tags.draggable .post_tags_inner {
  912.     cursor: col-resize;
  913.     -webkit-touch-callout: none;
  914.     -webkit-user-select: none;
  915.     -khtml-user-select: none;
  916.     -moz-user-select: none;
  917.     -ms-user-select: none;
  918.     user-select: none;
  919. }
  920.  
  921. .post_tags_inner {
  922.     float: left;
  923.     position: relative;
  924.     padding: 0px 20px 0px 0;
  925. }
  926.  
  927. .post_tags a,
  928. .post_tags .post_tag {
  929.     display: inline-block;
  930.     margin-left: 3px;
  931.     color: {color:links};
  932.     font-size: 12px;
  933. }
  934.  
  935. .post_tags:after {
  936.     content: '';
  937.     position: absolute;
  938.     top: 0;
  939.     right: 0;
  940.     bottom: 0;
  941.     width: 50px;
  942. }
  943.  
  944. .post_tags a:hover,
  945. .post_tags .post_tag:hover,
  946. .post_tags a:focus,
  947. .post_tags .post_tag:focus,
  948. .post_tags a:active,
  949. .post_tags .post_tag:active {color:{color:permalink hover};}
  950.  
  951. /*----------PERMALINK PAGE----------*/
  952.  
  953. #perma {
  954.     width: 540px;
  955.     padding: 10px 5px;
  956.     margin: 0 auto;
  957.     background-color: {color:posts};
  958.     text-align: center;
  959.     text-transform: lowercase;
  960.     box-sizing: border-box;
  961. }
  962.  
  963. #perma span {
  964.     font-family: 'Merriweather', serif;
  965.     font-size: 1.3em;
  966. }
  967.  
  968. #permatg {
  969.     width: 540px;
  970.     padding: 10px;
  971.     margin: 10px auto 10px;
  972.     background-color: {color:posts};
  973.     text-align: center;
  974.     text-transform: lowercase;
  975.     box-sizing: border-box;
  976. }
  977.  
  978. #permatg a {
  979.     display: inline-block;
  980.     margin: 0 5px;
  981.     color: {color:links};
  982. }
  983.  
  984. #permatg a:hover {
  985.     color: {color:link hover};
  986. }
  987.  
  988. .rb {
  989.     position: absolute;
  990.     left: calc(50% + 55px);
  991.     margin-top: 25px;
  992.     display: inline-block;
  993.     z-index: 10;
  994. }
  995.  
  996. .root img, .via img {
  997.     border-radius: 100%;
  998.     padding: 3px;
  999.     margin-right: 2px;
  1000.     background-color: {color:accent};
  1001. }
  1002.  
  1003. #notecontainer {
  1004.     margin: 10px auto;
  1005.     width: 540px;
  1006.     background-color: {color:posts};
  1007.     color: {color:text};
  1008.     position: relative;
  1009. }
  1010.  
  1011. #notecontainer ol.notes {
  1012.     list-style-type: none;
  1013.     margin: 0;
  1014.     padding: 0;
  1015.     font-size: {text:body font}px;
  1016. }
  1017.  
  1018. #notecontainer ol.notes li.note {
  1019.     padding: 15px;
  1020. }
  1021.  
  1022. #notecontainer img.avatar {
  1023.     margin-right: 10px;
  1024.     vertical-align: middle;
  1025.     width: 20px;
  1026.     height: 20px;
  1027.     border-radius: 10px;
  1028. }
  1029.  
  1030. /*----------TUMBLR TEXT/LINKS----------*/  
  1031.  
  1032. .posts .title, .posts .link {
  1033.     color: {color:post title};
  1034.     background-color: {color:Post Title Background};
  1035.     font-family: 'Playfair Display', serif;
  1036.     font-size: 1.6em;
  1037.     font-weight: 700;
  1038.     padding: 10px;
  1039.     line-height: 200%;
  1040.     text-align: center;
  1041. }
  1042.  
  1043. .posts .link a {
  1044.     color: {color:post title};
  1045.     -webkit-transition: 0.8s ease;
  1046.     -moz-transition: 0.8s ease;
  1047.     -o-transition: 0.8s ease;
  1048.     transition: 0.8s ease;
  1049. }
  1050.  
  1051. .posts .link a:hover {
  1052.     box-shadow: inset 0px -3px 0px 0px {color:post title};
  1053.     -webkit-transition: 0.8s ease;
  1054.     -moz-transition: 0.8s ease;
  1055.     -o-transition: 0.8s ease;
  1056.     transition: 0.8s ease;
  1057. }
  1058.  
  1059. /*----------TUMBLR QUOTES----------*/  
  1060.  
  1061. .qt {
  1062.     padding: 20px;
  1063.     display: flex;
  1064.     flex-direction: column;
  1065.     justify-content: center;
  1066. }
  1067.  
  1068. .quote {
  1069.     font-family: 'Merriweather', serif;
  1070.     line-height: 25px;
  1071.     font-size: 1.5em;
  1072.     font-style: italic;
  1073.     text-align: center;
  1074.     padding: 20px;
  1075.     background-color: {color:question background};
  1076.     color: {color:question};
  1077. }
  1078.  
  1079. .ti-quote-right {
  1080.     background-color: {color:question background};
  1081.     color: {color:question};
  1082.     padding: 5px;
  1083.     border-radius: 100%;
  1084.     font-size: 1.0em;
  1085.     position: absolute;
  1086. }
  1087.  
  1088. .quote-box {
  1089.     font-size: 20px;
  1090.     margin-bottom: 15px;
  1091.     color: {color:text};
  1092. }
  1093.  
  1094. /*----------TUMBLR AUDIO----------*/
  1095.  
  1096. .audiowrapper {
  1097.     display: flex;
  1098.     flex-direction: row;
  1099.     width: 100%;
  1100.     box-sizing: border-box;
  1101.     padding: 20px;
  1102. }
  1103.  
  1104. iframe.tumblr_audio_player {
  1105.   height: 85px;
  1106. }
  1107.  
  1108. /*----------TUMBLR QUESTION/ANSWER----------*/
  1109.  
  1110. #askcont, #replycont {
  1111.     padding: 15px;
  1112.     display: flex;
  1113.     flex-direction: column;
  1114. }
  1115.  
  1116. #askcont img {
  1117.     float:left;
  1118.     display: inline-block;
  1119.     vertical-align: middle;
  1120.     margin-right: 20px;
  1121.     width: 40px;
  1122.     height: 40px;
  1123.     border-radius: 100%;
  1124. }
  1125.  
  1126.  
  1127. #asker {
  1128.     text-transform: lowercase;
  1129.     color: {color:links};
  1130.     margin-bottom: 20px;
  1131.     display: flex;
  1132. }
  1133.  
  1134. #asking, #replying {
  1135.     align-self: center;
  1136.     line-height: 15px;
  1137. }
  1138.  
  1139. #replier {
  1140.     text-transform: lowercase;
  1141.     color: {color:links};
  1142.     margin-bottom: 20px;
  1143.     display: flex;
  1144.     justify-content: flex-end;
  1145. }
  1146.  
  1147. #replying {
  1148.     text-align: right;
  1149. }
  1150.  
  1151. #asker a, #replier a {
  1152.     color: {color:accent};
  1153.     font-weight: 700;
  1154.     text-align: capitalize;
  1155.     font-size: 1.1em;
  1156. }
  1157.  
  1158. #asker a:hover, #replier a:hover {
  1159.     color: {color:links};
  1160. }
  1161.  
  1162. #replycont img {
  1163.     float: right;
  1164.     display: inline-block;
  1165.     vertical-align: middle;
  1166.     margin-left: 20px;
  1167.     width: 40px;
  1168.     height: 40px;
  1169.     border-radius: 100%;
  1170. }
  1171.  
  1172. .question {
  1173.     display: block;
  1174.     text-align: justify;
  1175.     padding: 10px 15px;
  1176.     background-color: {color:question background};
  1177.     color: {color:question};
  1178. }
  1179.  
  1180. .answer {
  1181.     padding: 0 15px;
  1182.     background-color: {color:question background};
  1183.     color: {color:question};
  1184. }
  1185.  
  1186.  
  1187. /*----------TUMBLR CHAT----------*/
  1188.  
  1189. .chatp {
  1190.     padding: 20px;
  1191. }
  1192.  
  1193. .chat .line {
  1194.     margin-top: 0px;
  1195.     padding: 20px;
  1196.     border-bottom: 1px solid {color:post borders};
  1197. }
  1198.  
  1199. .chat .line:last-of-type {
  1200.     margin-bottom: 0px;
  1201. }
  1202.  
  1203. .chat .label {
  1204.     text-transform: capitalize;
  1205. }
  1206.  
  1207. .line:nth-child(odd) .label b {
  1208.     color: {color:links};
  1209.     font-weight: 700;
  1210.     margin-right: 5px;
  1211.     font-size: 1.1em;
  1212. }
  1213.  
  1214. .line:nth-child(even) .label b {
  1215.     color: {color:bold};
  1216.     font-weight: 700;
  1217.     margin-right: 5px;
  1218.     font-size: 1.1em;
  1219. }
  1220.  
  1221. #banner {
  1222.     position: fixed;
  1223.     width: 50%;
  1224.     left: 0;
  1225.     top: 0;
  1226.     background-color: #627A86;
  1227.     height: 50px;
  1228.     padding: 10px;
  1229.     box-sizing: border-box;
  1230.     z-index: 1;
  1231. }
  1232.  
  1233. #banner img {
  1234.     margin-right: 15px;
  1235.     border-radius: 100%;
  1236.     display: inline-block;
  1237.     vertical-align: middle;
  1238. }
  1239.  
  1240. #banner h2 {
  1241.     color: #fff;
  1242.     font-size: 1.4em;
  1243. }
  1244.  
  1245. .ti-layout-grid3, .ti-plus {
  1246.     line-height: 28px;
  1247.     display: inline-block;
  1248.     vertical-align: middle;
  1249.     margin-right: 5px;
  1250. }
  1251.  
  1252. .homelinks {
  1253.     background-color: #222;
  1254.     padding: 30px 10px;
  1255.     box-sizing: border-box;
  1256.     text-align: center;
  1257. }
  1258.  
  1259. .homelinks a {
  1260.     margin: 0 5px;
  1261.     color: #fff;
  1262. }
  1263.  
  1264. .homelinks a:hover {
  1265.     color: #ccc;
  1266. }
  1267.  
  1268. /*---------- Fade in tabs ----------*/
  1269.  
  1270. .hide {
  1271.     display: none;
  1272.     -webkit-animation: fadeEffect 1.5s;
  1273.     animation: fadeEffect 1.5s;
  1274. }
  1275.  
  1276. .active {
  1277.     display: block;
  1278.      -webkit-animation: fadeEffect 1.5s;
  1279.     animation: fadeEffect 1.5s;
  1280. }
  1281.  
  1282. @-webkit-keyframes fadeEffect {
  1283.   from {opacity: 0;}
  1284.   to {opacity: 1;}
  1285. }
  1286.  
  1287. @keyframes fadeEffect {
  1288.   from {opacity: 0;}
  1289.   to {opacity: 1;}
  1290. }
  1291.  
  1292. #header {
  1293.     display: none;
  1294. }
  1295.  
  1296. #sidebar {
  1297.     width: 50vw;
  1298.     height: 100vh;
  1299.     position: fixed;
  1300.     right: 0;
  1301.     background-color: {color:posts};
  1302.     display: flex;
  1303.     justify-content: center;
  1304.     align-items: center;
  1305.     overflow: hidden;
  1306.     border-left: 50px solid #627A86;
  1307.     z-index: 2;
  1308.     box-sizing: border-box;
  1309. }
  1310.  
  1311. #description-wrap {
  1312.     position: fixed;
  1313.     z-index: 10;
  1314. }
  1315.  
  1316. .description-cont {
  1317.     display: flex;
  1318.     flex-direction: row;
  1319.    
  1320. }
  1321.  
  1322. #link-box {
  1323.     order: 2;
  1324.     width: 70px;
  1325.     height: 344px;
  1326.     padding: 20px;
  1327.     background-color: #6E8D75;
  1328.     display: flex;
  1329.     flex-direction: column;
  1330.     justify-content: center;
  1331. }
  1332.  
  1333. #link-box ul {
  1334.     color: #fff;
  1335.     font-weight: 700;
  1336.     padding: 0;
  1337. }
  1338.  
  1339. #link-box ul li {
  1340.     color: #222;
  1341.     margin: 10px 0;
  1342.     box-sizing: border-box;
  1343.     list-style: none;
  1344.     text-align: center;
  1345.     cursor: help;
  1346. }
  1347.  
  1348. #link-box ul li.active {
  1349.     color: #fff;
  1350. }
  1351.  
  1352. #link-box ul li:hover {
  1353.     color: #fff;
  1354.     -webkit-transition: all 0.6s ease-in-out;
  1355.     -moz-transition: all 0.6s ease-in-out;
  1356.     -o-transition: all 0.6s ease-in-out;
  1357.     transition: all 0.6s ease-in-out;
  1358. }
  1359.  
  1360. #description-box {
  1361.     background-color: #fff;
  1362.     color: #000;
  1363.     width: 300px;
  1364.     padding: 20px;
  1365.     text-align: center;
  1366. }
  1367.  
  1368. #blog-title {
  1369.     font-family: 'Playfair Display', serif;
  1370.     color: #fff;
  1371.     font-size: 2.4em;
  1372.     font-weight: 700;
  1373.     mix-blend-mode: difference;
  1374.     text-shadow: 2px 2px #444;
  1375.     margin-top: 20px;
  1376.     margin-bottom: 20px;
  1377.     line-height: 30px;
  1378. }
  1379.  
  1380. @media screen and (max-width: 1092px) {
  1381.    
  1382.     html, body {
  1383.         overflow-x: hidden;
  1384.     }
  1385.     .tmblr-iframe--app-cta-button {
  1386.         display: none!important;
  1387.     }
  1388.     #header {
  1389.         display: block;
  1390.         width: 100%;
  1391.         position: relative;
  1392.         background-color: #fff;
  1393.         margin-top: 150px;
  1394.     }
  1395.    
  1396.     #description-min {
  1397.         padding: 20px;
  1398.         display: flex;
  1399.         flex-direction: column;
  1400.         justify-content: center;
  1401.         align-items: center
  1402.     }
  1403.    
  1404.     .homelinks {
  1405.         display: none;
  1406.     }
  1407.    
  1408.     .homelinks-min {
  1409.         text-align: center;
  1410.         margin-top: 30px;
  1411.     }
  1412.    
  1413.     .homelinks-min a {
  1414.         margin: 0 10px;
  1415.         font-weight: 700;
  1416.     }
  1417.    
  1418.     .homelinks-min a:hover {
  1419.         color: {color:link hover};
  1420.     }
  1421.     #blog-title-min {
  1422.         color: #000;
  1423.         font-size: 4.4em;
  1424.         font-weight: 700;
  1425.         margin-bottom: 10px;
  1426.         padding: 0 20px 30px;
  1427.         border-bottom: 1px solid {color:post borders};
  1428.         text-align: center;
  1429.         line-height: 70px;
  1430.     }
  1431.    
  1432.     #description {
  1433.         color: #000;
  1434.         margin-top: 30px;
  1435.         text-align: center;
  1436.     }
  1437.    
  1438.     #sidebar {
  1439.         display: none;
  1440.     }
  1441.    
  1442.     #banner {
  1443.         width: 100%;
  1444.     }
  1445.    
  1446.     .cage {
  1447.         display: flex;
  1448.         flex-flow: column wrap;
  1449.     }
  1450.    
  1451.     .wrap {
  1452.         width: 100vw;
  1453.         padding: 20px;
  1454.     }
  1455.    
  1456.     #content-content-box, #about-cont-content-box {
  1457.         position: relative;
  1458.         margin: 50px auto 60px;
  1459.         width: 100%;
  1460.     }
  1461.    
  1462.     .posts, .about-section {
  1463.         width: 100%;
  1464.     }
  1465.    
  1466.     .image-cont img {
  1467.         width: 100%;
  1468.     }
  1469.    
  1470.     .navigation {
  1471.         display: flex;
  1472.         justify-content: flex-start;
  1473.     }
  1474.  
  1475.     .navigation a {
  1476.         width: 100%;
  1477.         text-align: left;
  1478.     }
  1479.    
  1480. }
  1481.  
  1482. /*----------THEME CREDIT/DO NOT REMOVE!!!---------*/
  1483.  
  1484. #bottom {
  1485.     bottom: 14px;
  1486.     position: fixed;
  1487.     right: 55px;
  1488.     z-index: 99;
  1489. }
  1490.  
  1491. .ti-angle-double-up {
  1492.     padding: 5px;
  1493.     width: 12px;
  1494.     height: 12px;
  1495.     font-size: 12px;
  1496.     line-height: 12px;
  1497.     display: block;
  1498.     background-color: {color:posts};
  1499.     color: {color:links};
  1500. }
  1501.  
  1502. /*----------SCROLL TO TOP---------*/
  1503.  
  1504. #scrollToTop:link,
  1505. #scrollToTop:visited {
  1506.     display: none;
  1507.     position: fixed;
  1508.     font-size: 12px;
  1509.     bottom: 15px;
  1510.     right: 20px;
  1511.     color: {color:links};
  1512.     padding: 0px 5px;
  1513.     width: auto;
  1514.     z-index: 900;
  1515.     font-weight: 700;
  1516. }
  1517.  
  1518. {CustomCSS}
  1519. </style>
  1520.  
  1521. <!-----------Scroll To Top Script----------->
  1522. <script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1523. <!-----------Scroll To Top Script----------->
  1524.  
  1525. </head>
  1526.  
  1527. <body>
  1528.  
  1529. <footer id="bottom">
  1530. <!-----------SCROLL TO TOP ----------->
  1531. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="scroll to top"><span class="ti-angle-double-up"></span></a>
  1532. <!-----------SCROLL TO TOP ----------->
  1533. </footer>
  1534.  
  1535. <header id="banner">
  1536. </header>
  1537.  
  1538. <div class="cage"> <!-----------BLOG CONTAINER----------->
  1539.  
  1540. <header id="header">
  1541.     <div id="description-min">
  1542.         <div id="blog-title-min">Welcome to Sheathemes</div>
  1543.         <div id="description">Welcome to sheathemes, a blog where you will find free custom themes and pages for various needs, which is curated by <b>Doori</b>. Furthermore, be sure to check out the resources and tutorials tag for all your web and graphic design needs.
  1544.  
  1545. <br><br>
  1546. <b><i>Please remember to read the terms of use before using any of my codes.</i></b>
  1547.  
  1548.     <center><br><br>
  1549.         <script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#627A86', 'P5P094WD');kofiwidget2.draw();</script>
  1550.     </center>
  1551.         </div>
  1552.        
  1553.     </div>
  1554.    
  1555.     <nav class="homelinks-min">
  1556.         <a href="/">index</a>
  1557.         <a href="/archive">archive</a>
  1558.         <a href="/shea-about">about</a>
  1559.         <a href="/tagged/answered">answered</a>
  1560.         <a href="https://docs.google.com/forms/d/e/1FAIpQLSfiZAhD_q8463-0fuTMriWZp_W04St_UFpDWkWazeIV9Z3QQw/viewform">suggestion box</a>
  1561.     </nav>
  1562. </header>
  1563.  
  1564. <aside id="sidebar">
  1565. <div id="description-wrap">
  1566. <div class="description-cont">
  1567. <div id="link-box">
  1568.     <ul>
  1569.         <li id="content" class="active">blog</li>
  1570.         <li id="about-cont">about</li>
  1571.         <li id="help-cont">help</li>
  1572.         <li id="terms-cont">portfolio</li>
  1573.         <li id="credit-cont">credits</li>
  1574.     </ul>
  1575. </div>
  1576. <div id="description-box">
  1577. <div id="blog-title">{Title}</div>
  1578. <div class="description">
  1579. Welcome to sheathemes, a blog where you will find free custom themes and pages for various needs, which is curated by <b>Doori</b>. Furthermore, be sure to check out the resources and tutorials tag for all your web and graphic design needs.
  1580.  
  1581. <br><br>
  1582. <b><i>Please remember to read the terms of use before using any of my codes.</i></b>
  1583.  
  1584.     <center><br>
  1585.         <script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#627A86', 'P5P094WD');kofiwidget2.draw();</script>
  1586.     </center>
  1587.   </div>  
  1588. </div>
  1589. </div>
  1590.     <nav class="homelinks">
  1591.         <a href="/">index</a>
  1592.         <a href="/archive">archive</a>
  1593.         <a href="/tagged/answered">answered</a>
  1594.         <a href="https://docs.google.com/forms/d/e/1FAIpQLSfiZAhD_q8463-0fuTMriWZp_W04St_UFpDWkWazeIV9Z3QQw/viewform">suggestion box</a>
  1595.     </nav>
  1596. </div>
  1597.     <img src="{image:sidebar}">
  1598. </aside>
  1599.  
  1600. <div class="wrap"> <!-----------POST CONTAINER----------->
  1601.  
  1602. <section id="content-content-box" class="hide active"> <!-----------POST WRAPPER----------->
  1603.  
  1604. {block:Posts}
  1605. <article class="posts"> <!-----------POSTS----------->
  1606.  
  1607. {block:ContentSource}
  1608. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1609. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1610. {/block:SourceLogo}
  1611. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1612. {/block:ContentSource}
  1613.  
  1614. <!-- {block:NoRebloggedFrom}
  1615. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1616. {/block:NoRebloggedFrom} -->
  1617.  
  1618. {block:Text}
  1619. <div class="text">
  1620. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1621. <div class="caption">{block:NotReblog} <figcaption> {Body} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
  1622.  
  1623. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1624.  
  1625. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1626.  
  1627. {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}
  1628.  
  1629. {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div>
  1630. </div>
  1631. {/block:Text}
  1632.  
  1633. {block:Photo}
  1634. <div class="photo">
  1635. {LinkOpenTag}
  1636. <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">
  1637. <center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>
  1638. </a>
  1639. {LinkCloseTag}
  1640. </div>
  1641. {block:IfShowCaptions}
  1642. {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
  1643.  
  1644. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1645.  
  1646. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1647.  
  1648. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1649.  
  1650. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1651.  
  1652. {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}
  1653. {/block:IfShowCaptions}
  1654.  
  1655. {block:IfnotShowCaptions}
  1656. {block:PermalinkPage}
  1657. {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
  1658.  
  1659. {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1660.  
  1661. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1662.  
  1663. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1664.  
  1665. {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1666.  
  1667. {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}
  1668. {/block:PermalinkPage}
  1669. {/block:IfnotShowCaptions}
  1670. {/block:Photo}
  1671.  
  1672. {block:Photoset}
  1673. <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>
  1674. {block:IfShowCaptions}
  1675. {block:Caption}
  1676. <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  1677. <div class="reblog-list">
  1678.  
  1679. {block:Reblogs}
  1680. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1681. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1682.  
  1683. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1684.  
  1685. {block:IsActive}
  1686. <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1687.  
  1688. {block:IsDeactivated}
  1689. <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
  1690. </div>
  1691. <div class="reblog-content"> {Body}</div></div> {/block:Reblogs} </div>
  1692. {/block:RebloggedFrom} </div>
  1693. {/block:Caption}
  1694. {/block:IfShowCaptions}
  1695.  
  1696. {block:IfnotShowCaptions}
  1697. {block:PermalinkPage}
  1698. {block:Caption}
  1699. <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  1700. <div class="reblog-list">
  1701.  
  1702. {block:Reblogs}
  1703. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
  1704. {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
  1705.  
  1706. {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
  1707.  
  1708. {block:IsActive}
  1709. <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
  1710.  
  1711. {block:IsDeactivated}
  1712. <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
  1713. </div>
  1714. <div class="reblog-content"> {Body}</div></div> {/block:Reblogs} </div>
  1715. {/block:RebloggedFrom} </div>
  1716. {/block:Caption}
  1717. {/block:PermalinkPage}
  1718. {/block:IfnotShowCaptions}
  1719. {/block:Photoset}
  1720.  
  1721. {block:Quote}
  1722. <div class="qt">
  1723. <center>
  1724. <div class="quote-box"><span class="ti-quote-right"></span></div>
  1725. </center>
  1726. <div class="quote">
  1727. {Quote}
  1728. </div>
  1729. {block:Source}<div class="qtsource"><br><center>{Source}</center></div>{/block:Source}
  1730. </div>
  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}&nbsp;</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. <a class="timestamp" href="{Permalink}" title="{DayOfMonth}.{MonthNumber}.{ShortYear}" >{Timestamp}</a>
  1866. {/block:Date}
  1867.  
  1868. <div class="likereblog">
  1869. <div class="controls">
  1870. <a href="{ReblogURL}" target="_blank" title="reblog this post" class="reblog"><span class="ti-reload"></span></a>
  1871. <a title="like this post" class="like">{LikeButton size="15"}
  1872. <span class="ti-heart"></span></a>
  1873. </div>
  1874. </div>
  1875. <div class="note-count"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  1876. </div> <!-----------POST INFO/PERMALINKS----------->
  1877.  
  1878. <!-----------POST TAGS----------->
  1879. {block:ifShowTags}
  1880.  {block:HasTags}
  1881. <div class="post_tags draggable">
  1882. <div class="post_tags_inner">{block:Tags}
  1883. <a href="{TagURL}"><span class="ti-tag" style="margin-right: 3px; color:{color:accent}; font-size:15px; display:inline-block; vertical-align:middle;"></span>{Tag}</a>{/block:Tags}</div></div>
  1884. {/block:HasTags}
  1885. {/block:ifShowTags}
  1886. <!-----------POST TAGS----------->
  1887. {/block:IndexPage}
  1888.  
  1889. </article> <!-----------POSTS----------->
  1890.  
  1891. <!-----------PERMALINK PAGE----------->
  1892. {block:PermalinkPage}
  1893. {block:Date}
  1894. <div id="perma">
  1895. <span>
  1896. Posted {ShortMonth} {DayOfMonthWithZero}, {Year} @ {12Hour} {AmPm}
  1897. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  1898. </span>
  1899.  
  1900. {block:RebloggedFrom}
  1901. <div class="rb">
  1902. <a class="via" href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>
  1903. <a class="root" href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>
  1904. </div>
  1905. {/block:RebloggedFrom}
  1906.  
  1907. </div>
  1908.  
  1909. {block:HasTags}
  1910. <div id="permatg">
  1911. {block:Tags}<a href="{TagURL}" title="Tagged as">#{Tag}</a> {/block:Tags}
  1912. </div>
  1913. {/block:HasTags}
  1914.  
  1915. {block:PostNotes}
  1916. <div id="notecontainer">{PostNotes}</div>
  1917. {/block:PostNotes}
  1918. {/block:Date}
  1919. {/block:PermalinkPage}
  1920. <!-----------PERMALINK PAGE----------->
  1921. {/block:Posts}
  1922.  
  1923. <footer id="pagination"> <!-----------PAGINATION----------->
  1924. {block:Pagination}
  1925. {block:PreviousPage}
  1926. <a href="{PreviousPage}"><span class="ti-angle-left"></span></a>
  1927. {/block:PreviousPage}
  1928. {block:JumpPagination length="5"}
  1929. {block:CurrentPage}
  1930. <a href="#" style="color:{color:pagination}; background-color:{color:accent};color:{color:accented text}"><span class="current_page">{CurrentPage}</a></span></a>
  1931. {/block:CurrentPage}
  1932. {block:JumpPage}
  1933. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1934. {/block:JumpPage}
  1935. {/block:JumpPagination}
  1936. {block:NextPage}
  1937. <a href="{NextPage}"><span class="ti-angle-right"></span></a>
  1938. {/block:NextPage}
  1939. {/block:Pagination}
  1940. </footer> <!-----------PAGINATION----------->
  1941. </section><!------------------POSTS WRAPPER----------------------->
  1942.  
  1943. <section id="about-cont-content-box" class="hide"> <!-----------ABOUT ME SECTION----------->
  1944.     <article class="about-section">
  1945.     <div class="about-me-title"><span class="ti-pencil-alt"></span>About Me</div> <!----ABOUT ME TITLE HERE---->
  1946.     <p>
  1947.     Hello, you can call me Jadoori or Doori. I am a 27 year old graduate currently working. I started coding themes back in June of 2015 and officially opened by theme blog in July of that same year. I coded up to 12 themes and realized it was not up to my standards so I did a small refresh and decided to try a different approach.</p>
  1948.     <p>I am very passionate about coding themes and that’s why I decided to make my return following an extended hiatus. When I am not pulling my hair out over messing up a line of code, I like to listen to music, and sometimes play around on photoshop, although I haven’t been doing much of that as of late. Oh I also like to make friends although an rock got better social skills than me.</p>
  1949.  
  1950. <p><i><b>Shea:</b> A tree that represents nurture and healing for the mind, body, and spirit.</i>
  1951.     </p>
  1952.     </article>
  1953.    
  1954.     <article class="about-section">
  1955.         <div class="about-me-title"><span class="ti-pencil-alt"></span>Updates</div> <!----TAGS TITLE---->
  1956.     <div class="updates">
  1957.         <b>08.16.2020:</b> All themes updated to accoommodate npf photosets
  1958.         <br><br>
  1959.         <b>06.03.2020:</b> <i>Mattefying</i> theme posted
  1960.         <br><br>
  1961.         <b>04.20.2020:</b> <i>About - Eradicate</i> posted
  1962.         <br><br>
  1963.         <b>04.11.2020:</b> <i>Faq - Scintilla </i> posted
  1964.         <br><br>
  1965.         <b>04.10.2020:</b> <i>Aliferous</i> theme posted
  1966.         <br><br>
  1967.         <b>04.01.2020:</b> <i>Shimmering</i> theme posted
  1968.     </div>
  1969.     </article>
  1970.    
  1971.     <article class="about-section">
  1972.     <div class="about-me-title"><span class="ti-pencil-alt"></span>Featured Codes</div>
  1973.     <div class="image-canvas">
  1974.         <div class="image-cont">
  1975.             <img src="https://static.tumblr.com/uh2chis/G3zqf6pmj/mattefying.gif">
  1976.             <div class="image-title">
  1977.             <h2>Featured theme:</h2> <i><a href="https://sheathemes.tumblr.com/post/620814936782913537/mattefying-preview-light-preview-dark">Mattefying</a></i>
  1978.             </div>
  1979.         </div>
  1980.        
  1981.         <div class="image-cont">
  1982.             <img src="https://static.tumblr.com/uh2chis/Bjhqf6pxn/aliferous.gif">
  1983.             <div class="image-title">
  1984.             <h2>Featured theme:</h2> <i><a href="https://sheathemes.tumblr.com/post/615010826568466433/aliferous-preview-code-alt-features">Aliferous</a></i>
  1985.             </div>
  1986.         </div>
  1987.        
  1988.         <div class="image-cont">
  1989.         <img src="https://github.com/sheathemes/Eradicate-/blob/master/eradicate.PNG?raw=true">
  1990.         <div class="image-title">
  1991.             <h2>Featured page:</h2> <i><a href="https://sheathemes.tumblr.com/post/615916793336365056/about-eradicate-preview-code-alt-fully">Eradicate</a></i>
  1992.         </div>
  1993.         </div>
  1994.        
  1995.         <div class="image-cont">
  1996.             <img src="https://static.tumblr.com/uh2chis/Hz0qf6r2x/scintilla.gif">
  1997.             <div class="image-title">
  1998.             <h2>Featured page:</h2> <i><a href="https://sheathemes.tumblr.com/post/615113659987951616/sheathemes-faq-scintilla-preview-code">Scintilla</a></i>
  1999.             </div>
  2000.         </div>
  2001.        
  2002.     </div>
  2003.    
  2004.     <article class="about-section">
  2005.         <div class="about-me-title"><span class="ti-pencil-alt"></span>Resources</div> <!----TAGS TITLE---->
  2006.     <div class="navigation">
  2007.         <a href="/tagged/fonts"><span class="ti-help-alt"></span>fonts</a>
  2008.         <a href="/tagged/coding"><span class="ti-help-alt"></span>coding</a>
  2009.         <a href="/tagged/tuts"><span class="ti-help-alt"></span>tutorials</a>
  2010.         <a href="/tagged/icon-fonts"><span class="ti-help-alt"></span>icon fonts</a>
  2011.         <a href="/tagged/extensions"><span class="ti-help-alt"></span>extensions</a>
  2012.         <a href="/tagged/palettes"><span class="ti-help-alt"></span>palettes</a>
  2013.         <a href="/tagged/pgrecs"><span class="ti-help-alt"></span>page recs</a>
  2014.         <a href="/tagged/thmrecs"><span class="ti-help-alt"></span>theme recs</a>
  2015.     </div>
  2016.     </article>
  2017.    
  2018.     <article class="about-section">
  2019.         <div class="about-me-title"><span class="ti-pencil-alt"></span>About Sheathemes</div> <!----TAGS TITLE---->
  2020.     <ul id="quick-stats">
  2021.         <li><b>Established:</b> July 8th 2017</li>
  2022.         <li><b>Online:</b>  <script language="JavaScript">
  2023.       var fhs = document.createElement('script');
  2024.       var fhs_id = "5491565";
  2025.       var ref = ('' + document.referrer + '');
  2026.       var pn = window.location;
  2027.       var w_h = window.screen.width + " x " + window.screen.height;
  2028.       fhs.src = "//freehostedscripts.net/ocounter.php?site=" + fhs_id + "&e1=Online&e2=Online&r=" + ref + "&wh=" + w_h + "&a=1&pn=" + pn + "";
  2029.       document.head.appendChild(fhs);
  2030.       document.write("<span id='o_" + fhs_id + "'></span>");
  2031.     </script>
  2032.         </li>
  2033.         <li><b>Visitors:</b> <script language="JavaScript">
  2034.       var fhsh = document.createElement('script');
  2035.       var fhs_id_h = "3258292";
  2036.       fhsh.src = "//freehostedscripts.net/ocount.php?site=" + fhs_id_h + "&name=Visits&a=1";
  2037.       document.head.appendChild(fhsh);
  2038.       document.write("<span id='h_" + fhs_id_h + "'></span>");
  2039.     </script></li>
  2040.  
  2041. <p>        
  2042. <b>Disclaimer: </b>All codes presented on this blog belongs to me and I own all rights to them. All reblogged posts and scripts used on my themes do not by any means belong to me unless stated otherwise. Credits go to their respective owners, which have all been documented in my credits page.
  2043. <br><br>
  2044. <center><b>sheathemes:</b> {CopyrightYears}</center>
  2045. </p>
  2046.    
  2047.     </ul>
  2048.     </article>
  2049.    
  2050.    
  2051.     </article>
  2052. </section> <!-----------ABOUT ME SECTION----------->
  2053.  
  2054. <section id="help-cont-content-box" class="hide">
  2055.      <article class="help-section">
  2056.           <div class="help-title"><span class="ti-pencil-alt"></span>Important links</div>
  2057.           <ul>
  2058.               <li><b>01.</b> How to install a theme <a href="https://theme-hunter.tumblr.com/post/24841295379/what-im-saying-does-not-apply-specifically-to">[ xxx ]</a></li>
  2059.               <li><b>02.</b> How to install a page <a href="https://theme-hunter.tumblr.com/post/48523132748/anon1-this-question-has-been-asked-countless-of">[ xxx ]</a></li>
  2060.               <li><b>03.</b> Already answered questions <a href="http://erosthemes.tumblr.com/tagged/answered">[ xxx ]</a></li>
  2061.               <li><b>04.</b> How to enable the ask + submit + IM  <a href="https://www.tumblr.com/docs/en/social">[ xxx ]</a></li>
  2062.               <li><b>05.</b> Tumblr theme documentation  <a href="https://www.tumblr.com/docs/en/custom_themes">[ xxx ]</a></li>
  2063.               <li><b>06.</b> How to ask thememakers a question <a href="http://lmthemes.tumblr.com/post/28358821135/the-art-of-asking-theme-makers-questions">[ xxx ]</a></li>
  2064.           </ul>
  2065.          
  2066.         <div class="help-title"><span class="ti-pencil-alt"></span>Before sending an ask...</div>
  2067.        
  2068.                   <ul>
  2069.               <li><b>01.</b> Please check the message tag above before asking because there’s nothing more annoying than answering a question that’s been asked 54565465465 times and answered. Please don't risk being <b>ignored</b>.</li>
  2070.               <li><b>02.</b> As for customization, I will only offer customization changes if it's for better accessibility. I understand the important of accessible design and i'm learning more about it with every passing day. I want my themes to be used by everyone and not a select few so if you should come across a design flaw that goes against accessiblility, please let me know. Other than that, I won't help with general customization because Google will give you all the answers you seek.</li>
  2071.               <li><b>03.</b> A tumblr glitch made the toggles/controls all wacky so if you have any issues with them please make sure to turn them off and then back on. If the problem persists then feel free to send me a message so I can look into it. Remeber to check the #anwered tag first as your question may have been answered.</li>
  2072.               <li><b>04.</b> Please understand that I work as well as juggling other responsibilities. In other words, theme-making is part-time in my life so please do not expect me to be available 24/7. Don't be surpirised if I may disappear for months at a time. Please be mindful and don't expect an immediate reply if you should send an ask.</li>
  2073.               <li><b>05.</b> Please do not send me an ask along the lines of “I would have preferred if you did x, y, and z. Not only will you be ignored but your message will be deleted. If my themes don’t fit your needs then you are more than welcomed not to use them. <b>THEME MAKERS DON'T OWE YOU A DAMN THING.</b> Seriously, entitlement will get you nowhere.</li/>
  2074.               <li><b>06.</b> If my code is <b>private</b> on pastebin, that means the code is currently unavailable. Please do not ask me to release it because clearly the code is private for a reason. You'll know when I release it.</li>
  2075.               <li><b>07.</b> Please do not ask me about another person’s code. If you have an issue with their theme, please reach out to them. Refer to <b><i>How to ask thememakers a question</i></b> above if needed.</li>
  2076.               <li><b>08.</b> This should go without saying but hate of any form will be tolerated here. You will be blocked, point blank <b>PERIOD</b>.</li>
  2077.               <li><b>09.</b> Feedback and compliments are always welcomed. Seriously, it motivates me :)</li>
  2078.           </ul>
  2079.          
  2080.         <div class="help-title"><span class="ti-pencil-alt"></span>You may proceed to the ask box</div>
  2081.         <p><span class="ti-alert"></span>Only use if your question has not been answered already. You'll know why if you read.</p>
  2082.         <br>
  2083.           <p><iframe frameborder="0" height="auto" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/sheathemes.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>
  2084.      </article>
  2085. </section>
  2086.  
  2087. <section id="terms-cont-content-box" class="hide">
  2088.          <article class="terms-section">
  2089.           <div class="terms-title"><span class="ti-face-smile"></span>You may...</div>
  2090.           <ul>
  2091.               <li><b>01.</b> Edit as much as you like. In fact I encourage you to do it since it’s one of the stepping stones in learning how to code. All I ask is for you to keep the credit intact. Just do not ask me any questions about customization, unless it relates to accessibility. Google exists for a reason.</li>
  2092.               <li><b>02.</b> Like and/or reblog my themes. Support motivates me.</li>
  2093.               <li><b>03.</b> Ask me questions if you run into any problems but please make sure to check out my <b>#answered</b> before asking any questions. That’s my job as the theme maker to help you the best possible way. Just don’t abuse it or else I will be less likely to help you.</li>
  2094.               <li><b>04.</b> Report code theft. Seriously, code theft benefits no one and it's the theme maker that is the most affected.</li>
  2095.               </ul>
  2096.              
  2097.         <div class="terms-title"><span class="ti-face-sad"></span>You may NOT...</div>
  2098.         <ul>
  2099.               <li><b>01.</b> Use any of my codes as a base</li>
  2100.               <li><b>02.</b> take any part of my code to customize your own code</li>
  2101.               <li><b>03.</b> Remove my credit, not even to move it to another page. I do not care if you don’t like how it looks or some other lame excuse. <b>LEAVE MY CREDIT RIGHT WHERE IT IS</b>.</li>
  2102.               <li><b>04.</b> Claim my themes as your own</li>
  2103.               <li><b>05.</b> Redistribute any of my codes on and/or off tumblr.</li>
  2104.         </ul>
  2105.         <br><br>
  2106.         <p><center><b><a href="/tagged/sheathemes">Themes</a></b> // <b><a href="/tagged/sheapages">Pages</a></b> // <b><a href="/tagged/sheacodes">All codes</a></b></center></p>
  2107.           </article>
  2108. </section>
  2109.  
  2110. <section id="credit-cont-content-box" class="hide">
  2111.     <article class="credit-section">
  2112.           <div class="credit-title"><span class="ti-pencil-alt"></span>Scripts/Plugins/Tumblr fixes</div>
  2113.           <ul>
  2114.             <li><b>PixelUnion/Extended-Tumblr-Photoset:</b><a href="https://github.com/PixelUnion/Extended-Tumblr-Photoset"> Github</a> // <a href="http://bychloethemes.tumblr.com/post/155956945114/modified-pxu-photoset-script-modified-by"> bychloethemes</a></li>
  2115.             <li><b>Video resize script:</b> <a href="http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos"> shythemes</a></li>
  2116.             <li><b>Masonry:</b><a href="https://masonry.desandro.com/"> desandro</a></li>
  2117.             <li><b>Style-my-Tootips:</b><a href="https://manos.malihu.gr/style-my-tooltips-jquery-plugin/"> malihu</a></li>
  2118.             <li><b>Tippy.js: </b><a href="https://atomiks.github.io/tippyjs/"> github</a></li>
  2119.             <li><b>Custom Tumblr lightbox:</b><a href="http://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes"> shythemes</a></li>
  2120.             <li><b>Icons:</b><a href="https://themify.me/themify-icons"> themify</a> // <a href="https://linearicons.com/"> linearicons</a> // <a href="https://suiomi.com/post/182165648209/honeybee-v3-re-release-for-those-unaware-the"> suiomi</a></li>
  2121.             <li><b>Smoothscroll script:</b><a href="https://cdnjs.com/libraries/smoothscroll"> cdnjs</a></li>
  2122.             <li><b>NPF Photoset Fix:</b><a href="https://annalogs.tumblr.com/photosets"> annasthms</a></li>
  2123.             <li><b>Inline images resizing script:</b><a href="https://gukthemes.com/post/169692012691/inline-images-resizing-script"> gukthemes</a></li>
  2124.             <li><b>Audio player fix:</b><a href="https://shudesigns.tumblr.com/post/158812662057/tutorial-change-the-color-of-tumblrs-new-audio"> shudesigns</a></li>
  2125.             <li><b>Fade-in tabs:</b><a href="https://www.w3schools.com/howto/howto_js_tabs.asp"> w3schools</a></li>
  2126.             <li><b>Javascript accordian:</b><a href="https://www.w3schools.com/howto/howto_js_accordion.asp"> w3schools</a></li>
  2127.           </ul>
  2128.          
  2129.             <div class="credit-title"><span class="ti-pencil-alt"></span>Design Inspiration</div>
  2130.           <ul>
  2131.             <li><b>Ludic layout</b><a href="https://dddribbble.tumblr.com/tagged/dashboard"> inspiration</a></li>
  2132.             <li><b>Yonderly layout</b><a href="https://dribbble.com//shots/7221135-About-us-page-design-for-AI-Startup"> inspiration</a></li>
  2133.             <li><b>Spectrum direction aware links</b><a href="http://ninpen.tumblr.com/"> inspiration</a></li>
  2134.           </ul>
  2135.          
  2136.             <div class="credit-title"><span class="ti-pencil-alt"></span>Image credits</div>
  2137.             <ul>
  2138.                 <li><b>Theme image credits</b><a href="https://unsplash.com/"> Unsplash</a></li>
  2139.             </ul>
  2140.            
  2141.             <div class="credit-title"><span class="ti-pencil-alt"></span>MISC</div>
  2142.             <ul>
  2143.                <li><b>Undocumented documentation</b><a href="https://bychloethemes.tumblr.com/undocs"> bychloethemes</a></li>
  2144.             </ul>
  2145.     </article>
  2146. </section>
  2147.  
  2148. </div>  <!--------- POSTS CONTAINER ----------->
  2149. </div> <!--------- BLOG CONTAINER ----------->
  2150.  
  2151. <!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
  2152.  
  2153. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2154.  
  2155. <!-----------Pixel Union photosets script----------->
  2156. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2157. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  2158. <!-----------Pixel Union photosets script----------->
  2159.  
  2160. <!-----------Video resizing script shythemes @ tumblr----------->
  2161. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  2162. <!-----------Video resizing script shythemes @ tumblr----------->
  2163.  
  2164. <!---------- inline images resizing script ---------->
  2165. <script src="//dl.dropbox.com/s/1mztc6y7i6ry9ri/gtresizing.js"> </script>
  2166. <!---------- inline images resizing script ---------->
  2167.  
  2168. <!-----------Time ago script by bychloethemes @ tumblr----------->
  2169. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  2170. <!-----------Time ago script by bychloethemes @ tumblr----------->
  2171.  
  2172. <!-----------Tooltips Script----------->
  2173. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  2174. <!-----------Tooltips Script----------->
  2175.  
  2176. <!-----------NPF photosets script by annasthms @ tumblr----------->
  2177. <script src="https://static.tumblr.com/0podkko/qWqq8va08/photosets.js"></script>
  2178. <!-----------NPF photosets script by annasthms @ tumblr----------->
  2179.  
  2180. <script>
  2181. $(document).ready(function(){
  2182.     //NPF photosets script by annasthms
  2183.     undoPhotoset({
  2184.         'posts': '.posts',
  2185.         'text class': 'caption',
  2186.         'photoset class': 'photoset'
  2187.     },true);
  2188.     //pxu photosets by @ shythemes & bychloethemes
  2189.    $('.photo-slideshow').pxuPhotoset({
  2190.        lightbox: true,
  2191.        rounded: false,
  2192.        gutter: '{select:photoset gutter}px',
  2193.        photoset: '.photo-slideshow',
  2194.        photoWrap: '.photo-data',
  2195.        photo: '.pxu-photo'
  2196.    });
  2197.      // timeago plugin by @ bychloethemes
  2198.         $('.timestamp').timeAgo({
  2199.         time: "short",
  2200.         spaces: true,
  2201.         words: false,
  2202.         suffix: "ago",  
  2203.         });
  2204.         // Fade in tabs by @ w3schools
  2205.         $("#link-box").on("click", "li", function(){
  2206.             var tabsId = $(this).attr("id");
  2207.             $(this).addClass("active").siblings().removeClass("active");
  2208.             $("#" + tabsId + "-content-box").addClass("active").siblings().removeClass("active");
  2209.         });
  2210.         (function($){ $(document).ready(function(){
  2211.             $("a[title]").style_my_tooltips({
  2212.             tip_follows_cursor:true,
  2213.             tip_delay_time:10,
  2214.             tip_fade_speed:200,
  2215.             attribute:"title"});
  2216.             });
  2217.         })(jQuery);
  2218.       // audio player fix by @ shudesigns
  2219.         var $audio = $('iframe.tumblr_audio_player');
  2220.         $audio.load(function() {
  2221.         $(this).contents().find('head').append('<style type="text/css">' +
  2222.       '.audio-player { background: {color:posts}}; color: {color:posts} !important; }' +
  2223.       '.audio-player .audio-info .track-artist { color: {color:links} !important; }' +
  2224.     '</style>');
  2225.   });
  2226. });
  2227. </script>
  2228.  
  2229. <!-----------Draggable Tags Script----------->
  2230. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  2231. <script src="https://static.tumblr.com/pbhn8p5/OSRos9gz8/draggabletags.js"></script>
  2232. <!-----------Draggable Tags Script----------->
  2233.  
  2234. <!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
  2235.  
  2236. </body>
  2237. </html> <!---------------------------END--------------------------->
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!