API tools faq
paste
Advertisement
rottenfollow229

sheathemes help page

rottenfollow229
Jun 3rd, 2021
1,249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <!--Custom Fonts-->
  7. <link href="https://fonts.googleapis.com/css?family=Exo:300,300i,400,400i,500,500i|Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito+Sans:300,300i,400,400i,600,600i,700,700i|Titillium+Web:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i|Oxygen:300,400,700|Arimo:400,400i,700,700i|Lato:300,300i,400,400i,700,700i|Karla:400,400i,700,700i|Montserrat:300,300i,400,400i,500,500i" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
  9. <!--Custom Fonts-->
  10.  
  11. <!--Homelinks Icons-->
  12. <link href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css" rel="stylesheet">
  13. <!--Homelinks Icons-->
  14.  
  15.     <title>{Title}</title>
  16.     <link rel="shortcut icon" href="{Favicon}">
  17.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  18.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  19.     <meta name="viewport" content="width=device-width, initial-scale=1">
  20.  
  21.  
  22. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  23. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  24.  
  25. <style type="text/css">
  26.  
  27. /*----------FADE-IN ANIMATION----------*/
  28.  
  29. /*------
  30.  
  31. CUSTOMIZATION OPTIONS HERE. HERE YOU CAN GE EVERYTHING FROM THE COLORS TO THE OVERALL FONT SIZE TO YOUR LIKING!
  32.  
  33. ------ */
  34.  
  35. :root {
  36.     --accent: #e7235e;
  37.     --accented-text: #000000;
  38.     --main-background: #fbfbfb;
  39.     --main-font: 14px;
  40.     --main-font-color: #444444;
  41.     --bolded: #443729;
  42.     --main-links: #B08E72;
  43.     --scrollbar: #B08E72;
  44.     --text-selection-background: #443729;
  45.     --text-selection: #fff;
  46.     --tooltip: #fff;
  47.     --tooltip-background: #443729;
  48.     --posts: #ffffff;
  49.     --post-borders: #f6f6f6;
  50. }
  51.  
  52. /*----------FADE-IN ANIMATION----------*/
  53.  
  54. @keyframes fadein {
  55.     from {opacity:0;}
  56.     to {opacity:1;}
  57. }
  58.  
  59. @-moz-keyframes fadein { /* Firefox */
  60.     from {opacity:0;}
  61.     to {opacity:1;}
  62. }
  63.  
  64. @-webkit-keyframes fadein { /* Safari and Chrome */
  65.     from {opacity:0;}
  66.     to {opacity:1;}
  67. }
  68.  
  69. @-o-keyframes fadein { /* Opera */
  70.     from {opacity:0;}
  71.     to {opacity: 1;}
  72. }
  73.  
  74. /*----------TUMBLR CONTROLS----------*/
  75.  
  76. iframe#tumblr_controls, .iframe-controls--desktop {
  77.     right: 10px !important;
  78.     top: 25px !important;
  79.     position: fixed !important;
  80.     z-index: 99999999999999999999 !important;
  81.     -webkit-filter: invert(100%);
  82.     -moz-filter: invert(100%);
  83.     -o-filter: invert(100%);
  84.     -webkit-transition: opacity 0.4s linear;opacity: 0.4;
  85.     -webkit-transition: all 0.8s ease-out;
  86.     -moz-transition: all 0.8s ease-out;
  87.     transition: all 0.8s ease-out;
  88.     display: none;
  89. }
  90.  
  91. /*----------SCROLLBAR----------*/
  92.  
  93. ::-webkit-scrollbar {
  94.     width: 10px;
  95.     height: 6px;
  96. }
  97. ::-webkit-scrollbar-button {
  98.     width: 0px;
  99.     height: 0px;
  100. }
  101. ::-webkit-scrollbar-thumb {
  102.     background-color: #192533;
  103.     border-radius: 20px;
  104.     border: 2px solid #fafafa;
  105.     transition: 0.6s;
  106. }
  107.  
  108. body.night::-webkit-scrollbar-thumb {
  109.     background-color: #F181A3!important;
  110.     border: 2px solid #313131!important;
  111.     transition: 0.6s;
  112. }
  113.  
  114. ::-webkit-scrollbar-track {
  115.     background: #fff;
  116.     border: 8px solid #fff;
  117.     border-radius: 20px;
  118.     transition: 0.6s;
  119. }
  120.  
  121. body.night::-webkit-scrollbar-track {
  122.     background-color: #414141!important;
  123.     border: 8px solid #414141!important;
  124.     transition: 0.6s;
  125. }
  126.  
  127. ::-webkit-scrollbar-corner {
  128.     background: transparent;
  129. }
  130.  
  131. /*----------TOOLTIPS----------*/
  132.  
  133. .tippy-tooltip.custom-theme {
  134.     background-color: var(--tooltip-background);
  135.     color: var(--tooltip);
  136.     text-align:center;
  137.     font-size: 12px;
  138.     font-weight: 700;
  139. }
  140.  
  141. .tippy-tooltip.custom-theme .tippy-svg-arrow {
  142.   fill: var(--tooltip-background);
  143. }
  144.  
  145. /*----------TEXT SELECTION----------*/
  146. ::selection {
  147.     background: var(--text-selection-background); /*change the color of the text selection background*/
  148.     color: var(--text-selection); /*change the color of the text selection*/
  149. }
  150.  
  151. ::-moz-selection {
  152.     background: var(--text-selection-background); /*change the color of the text selection background*/
  153.     color: var(--text-selection); /*change the color of the text selection*/
  154. }
  155.  
  156. ::-webkit-selection {
  157.     background: var(--text-selection-background); /*change the color of the text selection background*/
  158.     color: var(--text-selection); /*change the color of the text selection*/
  159. }
  160.  
  161. /*----------THEME BASICS----------*/
  162.  
  163. body {
  164.     color: var(--main-font-color);
  165.     font-family: 'Roboto', sans-serif;
  166.     font-weight: 400;
  167.     font-size: var(--main-font);
  168.     line-height: 180%;
  169.     margin: 0;
  170.     text-align: justify;
  171.     background: var(--main-background) url("") center; /*change the color of the main background and add a background image between the quotations*/
  172.     background-attachment: fixed;
  173.     background-repeat: repeat;
  174.     -webkit-font-smoothing: antialiased;
  175.     -moz-osx-font-smoothing: grayscale;
  176.     animation: fadein 2.5s;
  177.     -moz-animation: fadein 2.5s; /* Firefox */
  178.     -webkit-animation: fadein 2.5s; /* Safari and Chrome */
  179.     -o-animation: fadein  2.5s; /* Opera */
  180. }
  181.  
  182. body.night {
  183.     background: #313131;
  184.     color:#fff!important;
  185.     transition:.6s;
  186. }
  187.  
  188. html, body.night a, html {
  189.     color:#fff!important;
  190.     transition:.6s;
  191. }
  192.  
  193. html, body.night b {
  194.     color: #83EEF1!important;
  195.     transition:.6s;
  196. }
  197.  
  198. html, body.night i {
  199.     color: #fff!important;
  200.     transition:.6s;
  201. }
  202.  
  203. b,strong {
  204.     color:var(--bolded);
  205.     font-weight: 700;
  206. }
  207.  
  208. i,em {
  209.     color:var(--text);
  210. }
  211.  
  212. u {
  213.     color:var(--bolded);
  214. }
  215.  
  216. hr {
  217.     width: 30%;
  218.     height: 1px;
  219.     background-color: var(--about-me-text);
  220.     color: var(--about-me-text);
  221.     border: 0px solid transparent;
  222. }
  223.  
  224. h1,h2,h3 {
  225.     font-weight: 700;
  226.     font-size: 2em;
  227.     color: var(--bolded);
  228. }
  229.  
  230. small,sub,sup {
  231.     font-size: 10px;
  232. }
  233.  
  234. a {
  235.     color: var(--main-links);
  236.     text-decoration:none;
  237.     -moz-transition-duration: 0.5s;
  238.     -o-transition-duration: 0.5s;
  239.     -webkit-transition-duration: 0.5s;
  240.     transition-duration: 0.5s;
  241. }
  242.  
  243. a:hover {
  244.     color: var(--link-hover);
  245.     -moz-transition-duration: 0.5s;
  246.     -o-transition-duration: 0.5s;
  247.     -webkit-transition-duration: 0.5s;
  248.     transition-duration: 0.5s;
  249. }
  250.  
  251. #linkbar {
  252.     width: 100%;
  253.     height: 60px;
  254.     position: fixed;
  255.     top: 0;
  256.     left: 0;
  257.     background-color: var(--posts);
  258.     font-size: 0.7em;
  259.     display: flex;
  260.     justify-content: space-around;
  261.     align-items: center;
  262.     padding: 0 20px;
  263.     z-index: 9;
  264.     transition:.6s;
  265. }
  266.  
  267. body.night #linkbar {
  268.     background-color: #414141;
  269.     transition:.6s;
  270. }
  271.  
  272. body.night #linkbar h2 {
  273.     color: #fff;
  274.     transition:.6s;
  275. }
  276.  
  277. nav a {
  278.     display: inline-block;
  279.     margin: 0 10px;
  280.     font-size: 1.4em;
  281.     font-weight: 700;
  282.     color: #000;
  283.     transition:.6s;
  284. }
  285.  
  286. nav a:hover {
  287.     color: #aaa;
  288. }
  289.  
  290. body.night nav a:hover {
  291.     color: #F181A3!important;
  292. }
  293.  
  294. article {
  295.     position: relative;
  296. }
  297.  
  298. .container {
  299.     position: relative;
  300.     margin: 130px auto;
  301.     background-color: var(--posts);
  302.     width: 700px;
  303.     padding: 40px;
  304.     box-sizing: border-box;
  305.     transition:.6s;
  306. }
  307.  
  308. body.night .container {
  309.     background-color: #414141;
  310.     transition:.6s;
  311. }
  312.  
  313. .header-image {
  314.     width: 100%;
  315.     height: 300px;
  316.     background-color: #e7235e;
  317.     margin-bottom: 40px;
  318.     transition:.6s;
  319. }
  320.  
  321. .header-image img {
  322.     width: 100%;
  323.     height: auto;
  324.     object-fit: cover;
  325.     /*opacity: 0.8;*/
  326. }
  327.  
  328. body.night .header-image {
  329.     background-color: #F181A3;
  330.     transition:.6s;
  331. }
  332.  
  333. .help-title {
  334.     font-size: 0.7em;
  335. }
  336.  
  337. .help-title h2 {
  338.     position: relative;
  339.     padding-bottom: 10px;
  340.     transition:.6s;
  341. }
  342.  
  343. body.night .help-title h2 {
  344.     color: #fff!important;
  345.     transition:.6s;
  346. }
  347.  
  348. .help-title h2:before {
  349.     content: '';
  350.     position: absolute;
  351.     top: 98%;
  352.     left: 0;
  353.     width: 10%;
  354.     height: 3px;
  355.     background-color: #e7235e;
  356.     transition:.6s;
  357. }
  358.  
  359. body.night .help-title h2:before {
  360.     background-color: #F181A3;
  361.     transition: .6s;
  362. }
  363.  
  364. .help-description li {
  365.     list-style: none;
  366.     margin: 10px 0;
  367. }
  368.  
  369. #bottom {
  370.     bottom: 35px;
  371.     position: fixed;
  372.     right: 30px;
  373.     background-color: var(--accent);
  374.     z-index: 999;
  375. }
  376.  
  377. .la-sun, .la-moon {
  378.     background-color: var(--accent);
  379.     color: #fff;
  380.     padding: 2px;
  381.     width: 30px;
  382.     height: 30px;
  383.     box-sizing: border-box;
  384.     font-size: 25px;
  385.     transition: .6s;
  386.     line-height: 26px;
  387.     cursor: pointer;
  388.     transition:.6s;
  389. }
  390.  
  391. body.night .la-sun {
  392.     background-color: #F181A3;
  393.     transition: .6s;
  394. }
  395.  
  396. </style>
  397.  
  398. </head>
  399.  
  400. <body>
  401.  
  402. <div id="linkbar">
  403.     <h2>Help desk</h2>
  404.     <nav>
  405.         <a href="/">Home</a> /
  406.         <a href="/help">help desk</a> /
  407.         <a href="/archive">archive</a> /
  408.         <a href="/credit">credits</a>
  409.     </nav>
  410. </div>
  411.  
  412. <article>
  413.  
  414. <section class="container">
  415.     <div class="header-image">
  416.         <img src="https://dl.dropboxusercontent.com/s/rn9qdrpwxwar47h/christopher-gower-m_HRfLhgABo-unsplash--help.png?dl=0">
  417.     </div>
  418.    
  419.     <div class="help-content">
  420.         <div class="help-title" style="margin:40px 0">
  421.             <h2>Important links</h2>
  422.         </div>
  423.         <div class="help-description">
  424.               <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"><b>[ xxx ]</b></a></li>
  425.               <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"><b>[ xxx ]</b></a></li>
  426.               <li><b>03.</b> Already answered questions <a href="http://erosthemes.tumblr.com/tagged/answers"><b>[ xxx ]</b></a></li>
  427.               <li><b>04.</b> How to enable the ask + submit + IM  <a href="https://www.tumblr.com/docs/en/social"><b>[ xxx ]</b></a></li>
  428.               <li><b>05.</b> Tumblr theme documentation  <a href="https://www.tumblr.com/docs/en/custom_themes"><b>[ xxx ]</b></a></li>
  429.               <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"><b>[ xxx ]</b></a></li>
  430.         </div>
  431.        
  432.         <div class="help-title" style="margin:40px 0">
  433.             <h2>Before sending an ask...</h2>
  434.         </div>
  435.         <div class="help-description">
  436.                 <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>
  437.               <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>
  438.               <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>
  439.               <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>
  440.               <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/>
  441.               <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>
  442.               <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>
  443.               <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>
  444.               <li><b>09.</b> Feedback and compliments are always welcomed. Seriously, it motivates me :)</li>
  445.         </div>
  446.         <br>
  447.           <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>
  448.     </div>
  449. </section>
  450.  
  451. </article>
  452.  
  453.  
  454. <footer id="bottom">
  455.     <div class="daynight"><i class="las la-moon"></i></div>
  456. </footer>
  457.  
  458. <!-----------Tooltips Script----------->
  459. <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" />
  460. <!-----------Tooltips Script----------->
  461.  
  462. <script>
  463. $(document).ready(function(){
  464.         tippy('a[title]', {
  465.             theme: 'custom',
  466.             arrow: tippy.roundArrow,
  467.             zIndex: 9999999999,
  468.             placement: 'auto',
  469.             maxWidth: 300,
  470.             content(reference) {
  471.                 const title = reference.getAttribute('title');
  472.                 reference.removeAttribute('title'); return title; },
  473.            
  474.         });
  475.        
  476.         $('.daynight').click(function(){
  477.             $('body').toggleClass('night');
  478.             $('.daynight i').toggleClass('la-sun');
  479.         });
  480. });
  481. </script>
  482.  
  483. </body>
  484. </html> <!---------------------------END--------------------------->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!