API tools faq
paste
evansy

PAGE 006

evansy
Sep 29th, 2019
575
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600i,700" rel="stylesheet">
  4. <link href="https://use.fontawesome.com/releases/v5.10.1/css/all.css" rel="stylesheet" >
  5.  
  6.  
  7. <!-- PAGE 006: DISPLAY, BY EVANSYHELP
  8.  
  9. RULES
  10. 1. Edit as much as you like, but...
  11. 2. Do not remove the credit.
  12. 3. Do not redistribute.
  13. 4. Do not use as a base.
  14. 5. Do not claim as your own.
  15.  
  16. CREDITS
  17. 1. Tooltips: http://manos.malihu.gr/style-my-tooltips-jquery-plugin/ -->
  18.  
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}" />
  22.  
  23. <style type="text/css">
  24.  
  25. /* TOOLTIPS */
  26. #s-m-t-tooltip{
  27. max-width:400px;
  28. margin:15px 10px 5px 10px;
  29. padding:2px 8px 2px 8px;
  30. background:#f1f1f1;
  31. font-family:'Open Sans', sans-serif;
  32. letter-spacing:1px;
  33. font-size:9px;
  34. font-weight:bold;
  35. font-style:italic;
  36. line-height:16px;
  37. color:#4e353a;
  38. box-shadow:1px 1px 5px #1f1f1f;
  39. border:1px solid #4e353a;
  40. border-radius:2px;
  41. -moz-border-radius: 2px;
  42. -webkit-border-radius: 2px;
  43. }
  44.  
  45. /* SELECTION */
  46. ::selection {
  47. background-color:#393939;
  48. color:#f1f1f1;
  49. }
  50.  
  51. /* SCROLLBAR */
  52. ::-webkit-scrollbar {
  53. background-color:#4e353a;
  54. width:5px;
  55. }
  56.  
  57. ::-webkit-scrollbar-thumb {
  58. background-color:#f1f1f1;
  59. }
  60.  
  61. body {
  62. background-color:#4e353a; /* CHANGE BACKGROUND COLOUR */
  63. font-family:'Open Sans', sans-serif; /* CHANGE FONT */
  64. text-align:center;
  65.  
  66. }
  67.  
  68. /* TOP-RIGHT NAVIGATION LINKS */
  69. #back {
  70. position:absolute;
  71. left:10px;
  72. top:10px;
  73. font-size:8px; /* CHANGE LINK FONT SIZE */
  74. text-transform:uppercase;
  75. letter-spacing:1px;
  76. text-align:left;
  77. text-shadow:0px 0px 2px #f1f1f1;
  78. }
  79.  
  80. #back a {
  81. color:#f1f1f1; /* CHANGE LINK COLOUR */
  82. text-decoration:none;
  83. }
  84.  
  85. /* CONTENT */
  86. #title {
  87. margin-top:50px;
  88. margin-bottom:50px;
  89. font-size:40px; /* CHANGE TITLE SIZE */
  90. font-weight:600;
  91. letter-spacing:-2px;
  92. color:#f1f1f1; /* CHANGE TITLE COLOUR */
  93. font-style:italic;
  94. text-shadow:0px 0px 3px #f1f1f1; /* YOU'LL PROBABLY WANT TO CHANGE THE SHADOW HEXCODE HERE IF YOU CHANGE THE TITLE COLOUR */
  95. }
  96.  
  97. #subt {
  98. background-color:#f1f1f1; /* CHANGE SUBTITLE BACKGROUND COLOUR */
  99. font-weight:600;
  100. color:#4e353a; /* CHANGE SUBTITLE COLOUR */
  101. font-size:20px; /* CHANGE SUBTITLE SIZE */
  102. width:200px;
  103. letter-spacing:-1px;
  104. padding-left:30px;
  105. padding-right:30px;
  106. padding-top:5px;
  107. padding-bottom:7px;
  108. border-radius:1px;
  109. -moz-border-radius: 1px;
  110. -webkit-border-radius: 1px;
  111. }
  112.  
  113. #cont {
  114. background-color:#f1f1f1; /* CHANGE CONTAINER BACKGROUND COLOUR */
  115. padding:15px;
  116. margin:35px;
  117. border-radius:1px;
  118. -moz-border-radius: 1px;
  119. -webkit-border-radius: 1px;
  120. }
  121.  
  122. #cont img {
  123. margin:1px;
  124. }
  125.  
  126. /* DO NOT TOUCH */
  127. #credit {
  128. float:right;
  129. position:fixed;
  130. right:10px;
  131. bottom:10px;
  132. font-size:10px;
  133. }
  134.  
  135. #credit a {
  136. color:#f1f1f1;
  137. }
  138.  
  139. </style>
  140. </head>
  141. <body>
  142.  
  143. <!-- TOP-RIGHT NAVIGATION LINKS. REPLACE THEM WITH WHATEVER YOU WANT. TO ADD AN EXTRA ONE, COPY EVERYTHING FROM '<a' TO '</br>' AND PASTE IT BEFORE THE '</div>' -->
  144. <div id="back">
  145. <a href="https://tumblr.com/dashboard"><i class="fas fa-caret-left"></i>&nbsp;&nbsp;dashboard.</a></br>
  146. <a href="/"><i class="fas fa-caret-left"></i>&nbsp;&nbsp;back to blog.</a>
  147. </div>
  148.  
  149. <!-- TITLE AND SUBTITLE -->
  150. <div id="title">name.</div>
  151. <span id="subt">subtitle.</span>
  152.  
  153. <!-- CONTAINER -->
  154. <div id="cont">
  155. <!-- PASTE YOUR IMAGE URLS HERE -->
  156. </div>
  157.  
  158. <!-- IF YOU WANT MORE THAN ONE CONTAINER/SUBTITLE, COPY AND PASTE THE RELEVANT HTML HERE -->
  159.  
  160. <!-- DO NOT TOUCH -->
  161. <div id="credit">
  162. <a href="http://evansyhelp.tumblr.com/tagged/eh: theme" title="EVANSY"><i class="far fa-dot-circle"></i></a>
  163. </div>
  164.  
  165. <!-- TOOLTIPS SCRIPT -->
  166. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  167. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  168. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  169. <script src="https://static.tumblr.com/mxlhytv/ZGMpylh39/jquery.style-my-tooltips.js"></script>
  170. <script>
  171. (function($){
  172. $(document).ready(function(){
  173. $("[title]").style_my_tooltips();
  174. });
  175. })(jQuery);
  176. </script>
  177. </body>
  178. <!-- CODE BY EVANSYHELP -->
Advertisement
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!