API tools faq
paste
Advertisement
fakehelper

Idle Worship - Dark + Streamlined

fakehelper
Jun 10th, 2019 (edited)
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. idle worship (gif pack page #1) by fakehelper
  7.  
  8. credits
  9. - google fonts
  10. - honeybee font by suiomi
  11. - rhesmanisa by dharmas (hosted by me)
  12. - gradient background by shudesigns
  13. - pop-up tutorial by billiondays
  14. - tumblr controls by cyantists
  15.  
  16. #ffcece is the pink color, ctrl+f to change all pink to whatever color you want!
  17.  
  18. #ffcece,#dbc5e0,#ceecff is the gradient, so just change it to the three colors you like instead.
  19.  
  20. -->
  21.  
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24.  
  25. <link href="https://static.tumblr.com/51fnf0s/BCoprzst5/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  26. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  27. <script src="https://static.tumblr.com/51fnf0s/lKGprzsse/jquery.style-my-tooltips.js"></script>
  28. <script>
  29. (function($){
  30. $(document).ready(function(){
  31. $("[title]").style_my_tooltips({
  32. tip_follows_cursor:true,
  33. tip_delay_time:300,
  34. tip_fade_speed:300,
  35. attribute:"title"
  36. });
  37. });
  38. })(jQuery);
  39. </script>
  40.  
  41. <!--- pop up --->
  42. <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  43. <script type="text/javascript"
  44. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  45. <script>
  46. $(document).ready(function() {
  47. //
  48. $('a.poplight[href^=#]').click(function() {
  49. var popID = $(this).attr('rel'); //Get Popup Name
  50. var popURL = $(this).attr('href'); //Get Popup href to define size
  51. var query= popURL.split('?');
  52. var dim= query[1].split('&');
  53. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  54. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  55. var popMargTop = ($('#' + popID).height() + 80) / 2;
  56. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  57. //Apply Margin to Popup
  58. $('#' + popID).css({
  59. 'margin-top' : -popMargTop,
  60. 'margin-left' : -popMargLeft
  61. });
  62. $('body').append('<div id="fade"></div>');
  63. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  64. return false;
  65. });
  66. $('a.close, #fade').live('click', function() {
  67. $('#fade , .popup_block').fadeOut(function() {
  68. $('#fade, a.close').remove(); //fade them both out
  69. });
  70. return false;
  71. });
  72. });
  73. </script>
  74.  
  75.  
  76. <!--- fonts --->
  77. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  78.  
  79. <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Karla:400,700|Lato:400,700|Open+Sans:400,700|Roboto:400,700" />
  80.  
  81. <style type="text/css">
  82.  
  83. @font-face { font-family: 'absoluteregular'; src: url('https://dl.dropboxusercontent.com/s/thr8vh5gocn8iba/absolute-webfont.ttf'); font-weight: normal; font-style: normal;} /*hosted by ME binch */
  84.  
  85. @font-face {font-family: 'rhesmanisaregular'; src: url('https://dl.dropboxusercontent.com/s/c7urv114bk2vm1n/rhesmanisa.ttf'); font-weight: normal; font-style: normal;} /*also hosted by me */
  86.  
  87. @font-face {font-family: 'broadcast_matterregular';src: url('https://dl.dropboxusercontent.com/s/bzx3ah1y3xht7gt/broadcast_matter.ttf'); font-weight: normal; font-style: normal;} /*also hosted by me */
  88.  
  89. /* tumblr controls by cyantists */
  90. iframe.tmblr-iframe {
  91. z-index:99999999999999!important;
  92. top:0!important;
  93. right:0!important;
  94. opacity:0.4;
  95. /* delete invert(1) from here
  96. filter:invert(1) contrast(150%);
  97. -webkit-filter:invert(1) contrast(150%);
  98. -o-filter:invert(1) contrast(150%);
  99. -moz-filter:invert(1) contrast(150%);
  100. -ms-filter:invert(1) contrast(150%);
  101. /* to here if your blog has a dark background */
  102. transform:scale(0.65);
  103. transform-origin:100% 0;
  104. -webkit-transform:scale(0.65);
  105. -webkit-transform-origin:100% 0;
  106. -o-transform:scale(0.65);
  107. -o-transform-origin:100% 0;
  108. -moz-transform:scale(0.65);
  109. -moz-transform-origin:100% 0;
  110. -ms-transform:scale(0.65);
  111. -ms-transform-origin:100% 0;}
  112.  
  113. iframe.tmblr-iframe:hover {
  114. opacity:0.6!important;}
  115.  
  116. #s-m-t-tooltip{
  117. /* basic */
  118. max-width:300px;
  119. z-index:10;
  120. padding:5px;
  121. background:#222;
  122. font-family:'karla';
  123. font-size:11px;
  124. text-transform:uppercase;
  125. color:#fff;
  126. border:none;
  127. box-shadow:none;
  128. }
  129.  
  130. /* Scrollbar styles */
  131. ::-webkit-scrollbar {
  132. width: 5px;
  133. height: 5px;
  134. }
  135.  
  136. ::-webkit-scrollbar-track {
  137. border-radius: 5px;
  138. width: 2px;
  139. border: 1px dotted #000;
  140. background:#222;
  141. }
  142.  
  143. ::-webkit-scrollbar-thumb {
  144. background: #dbc5e0;
  145. border-radius: 10px;
  146. }
  147.  
  148. ::-webkit-scrollbar-thumb:hover {
  149. background: #fafafa;
  150. }
  151.  
  152.  
  153. body {
  154. color:#fff;
  155. background-color: #222;
  156. }
  157.  
  158. p {
  159. color:#fff;
  160. font-family:'karla';
  161. font-size:12px;}
  162.  
  163.  
  164. a {
  165. color:#dbc5e0;
  166. text-decoration:none;
  167. font-weight:bold;}
  168.  
  169. #treetop {
  170. top:-40px;
  171. padding-bottom:10px;
  172. width:100%;
  173. height:210px;
  174. text-align;center;
  175. position:relative;
  176. z-index:1;
  177. }
  178.  
  179. #treetop p {
  180. width:800px;
  181. }
  182.  
  183. #treetop h2 {
  184. font-family:'rhesmanisaregular';
  185. font-size:50px;
  186. font-weight:normal;
  187. margin-bottom:-26px;
  188. color:#dbc5e0;
  189. }
  190.  
  191.  
  192. #trunk {
  193. margin-top:-150px;
  194. padding:10px;
  195. text-align;center;
  196. display:inline-block;
  197. position:relative;
  198. }
  199.  
  200. #trunk img {
  201. padding-right:4px;
  202. padding-bottom:2px;
  203. }
  204.  
  205. .branch {
  206. width:300px;
  207. height:25px;
  208. background: #000;
  209. /* change gradient here! on all of these guys tho bc they're for diff browsers */
  210. background: -webkit-linear-gradient(left, #ffcece,#dbc5e0,#ceecff);
  211. background: -o-linear-gradient(right, #ffcece,#dbc5e0,#ceecff);
  212. background: -moz-linear-gradient(right, #ffcece,#dbc5e0,#ceecff);
  213. background: linear-gradient(to right, #ffcece,#dbc5e0,#ceecff);
  214. transform: skew(-30deg);
  215. margin-bottom:20px;
  216.  
  217. }
  218.  
  219. .branch h3{
  220. color:#222;
  221. padding-top:2px;
  222. font-family:'karla';
  223. font-size:13px;
  224. line-height:20px;
  225. font-weight:bold;
  226. text-transform:uppercase;
  227. transform: skew(30deg);
  228.  
  229. }
  230.  
  231. .branch h3:before {
  232. content:'\e941';
  233. font-family:'honeybee';
  234. font-size:12px;
  235. line-height:12px;
  236. font-weight:normal;
  237. padding-right:10px;
  238.  
  239. }
  240.  
  241. .credit {
  242. font:'honeybee';
  243. font-size:16px;
  244. bottom:6px;
  245. right:6px;
  246. position:fixed;
  247. z-index:111
  248. }
  249.  
  250. .credit a {
  251. color:#fafafa;
  252. opacity:0.2;
  253. }
  254.  
  255. .credit a:hover {
  256. color:#dbc5e0;
  257. -webkit-transition: all .3s;
  258. -moz-transition: all .3s;
  259. -o-transition: all .3s;
  260. -ms-transition: all .3s;
  261. transition: all .3s;
  262. opacity:1;
  263. }
  264.  
  265. </style>
  266. </head>
  267. <body>
  268.  
  269. <div id="treetop">
  270. <center><h2>faceclaim in footage</h2>
  271. <p>Do not repost, remove my watermark, claim as your own, edit in any way, or include in gif hunts.<br>Please like <a href="#">this post</a> if using or saving any gifs.</p> <!--if you need more space, change treetop height above!-->
  272. </div></div>
  273.  
  274. <div id="trunk"><center>
  275. <div class="branch"><h3>FOOTAGE (SEASON/EPS/YEAR): ### gifs</h3></div>
  276. <p>
  277.  
  278. [ COPY PASTE UR IMG URLS HERE ]
  279.  
  280. </p>
  281.  
  282. <div class="branch"><h3>FOOTAGE (SEASON/EPS/YEAR): ### gifs</h3></div>
  283. <p>
  284.  
  285. [ COPY PASTE UR IMG URLS HERE ]
  286.  
  287. </p>
  288.  
  289. <div class="credit"><a class="th th-leaf-1-o" title="page theme by fakehelper" href="https://fakehelper.tumblr.com/"></a></div>
  290. </center>
  291. </div>
  292. </body>
  293. </html>
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!