API tools faq
paste
tr0pes

WHATEVER IT TAKES - GIF PAGE

tr0pes
Jul 14th, 2019
2,248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.82 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://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. <!--
  6.  
  7. GIF PAGE BY DINODESIGNS - WHATEVER IT TAKES
  8.  
  9. - fonts from google fonts
  10. - pop up by str-wrs
  11.  
  12. -->
  13.  
  14. <head>
  15.  
  16. <title>icons page.</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  22. <link href="https://fonts.googleapis.com/css?family=Archivo+Black|DM+Serif+Display|DM+Serif+Text|Fredoka+One|Fugaz+One|Literata|Notable|Patua+One|Righteous|Ultra&display=swap" rel="stylesheet">
  23.  
  24. <link href="https://fonts.googleapis.com/css?family=Lato|Montserrat|Muli|Nanum+Gothic|Nunito|Open+Sans|Quicksand|Roboto|Rubik|Work+Sans&display=swap" rel="stylesheet">
  25.  
  26. <script>
  27. (function($){
  28. $(document).ready(function(){
  29. $("a[title]").style_my_tooltips({
  30. tip_follows_cursor:true,
  31. tip_delay_time:90,
  32. tip_fade_speed:600,
  33. attribute:"title"
  34. });
  35. });
  36. })(jQuery);
  37. </script>
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42.  
  43.  
  44. body {
  45. font-family: 'Montserrat', sans-serif;
  46. font-size:10px;
  47. letter-spacing:.5px;
  48. color:#aeaeae;
  49. text-align:justify;
  50. margin:-5px;
  51. text-transform:lowercase;
  52. background-color:#e7e6e6;
  53. background-attachment:fixed!important;
  54. background-image:url('IMAGEURL');!important
  55. }
  56.  
  57. ::-webkit-scrollbar {
  58. width:5px;
  59. }
  60.  
  61. ::-webkit-scrollbar-track {
  62. background:#f4f4f4;
  63. }
  64.  
  65. ::-webkit-scrollbar-thumb {
  66. background:#dbdbdb;
  67. }
  68.  
  69. ::-webkit-scrollbar-thumb:window-inactive {
  70. background: transparent;
  71. }
  72.  
  73. #s-m-t-tooltip {
  74. max-width:300px;
  75. margin:15px;
  76. font-size:8px;
  77. font-family: 'Montserrat', sans-serif;
  78. letter-spacing:1px;
  79. text-align:center;
  80. text-transform:uppercase;
  81. padding:10px;
  82. padding-left:30px;
  83. padding-right:30px;
  84. font-weight:bold;
  85. color:#aeaeae;
  86. background:#e7e6e6;
  87. border:1px solid #dbdbdb;
  88. z-index:999999;
  89. }
  90.  
  91.  
  92. h2 {
  93. margin-bottom:10px;
  94. font-size: 18px;
  95. font-style:none;
  96. text-align:center;
  97. margin-top:0px;
  98. font-weight:bold;
  99. line-height:100%;
  100. font-family:'Righteous';
  101. text-transform:uppercase;
  102. color:#6c6074;
  103. }
  104.  
  105. h2 i {
  106. margin-bottom:10px;
  107. font-size: 18px;
  108. font-style:none;
  109. text-align:center;
  110. font-weight:bold;
  111. line-height:100%;
  112. font-family:'Righteous';
  113. text-transform:uppercase;
  114. color:#6c6074;
  115. }
  116.  
  117. h2 b {
  118. margin-bottom:10px;
  119. font-size: 18px;
  120. font-style:none;
  121. text-align:center;
  122. font-weight:bold;
  123. line-height:100%;
  124. font-family:'Righteous';
  125. text-transform:uppercase;
  126. color:#6c6074;
  127. }
  128.  
  129. hr {
  130. width:50px;
  131. margin-left:0px;
  132. border-width: 1px 0px 0px 0px;
  133. border-style: solid;
  134. border-color: #dbdbdb;
  135. }
  136.  
  137. b, strong {
  138. color: #6c6074;
  139. font-family:'Righteous';
  140. font-size:11px;
  141. font-weight:normal;
  142. }
  143.  
  144. i b {
  145. font-style:none;
  146. text-decoration:none;
  147. font-weight:normal;
  148. }
  149.  
  150. i, italic {
  151. color: #a67882;
  152. }
  153.  
  154. small, sup, sub {
  155. font-size:10px;
  156. }
  157.  
  158. a {
  159. color: #a67882;
  160. font-weight:bold;
  161. text-decoration: none;
  162. -moz-transition-duration: 2s;
  163. -o-transition-duration: 2s;
  164. -webkit-transition-duration: 2s;
  165. transition-duration: 2s;
  166. }
  167.  
  168. a:hover {
  169. color:#6c6074;
  170. text-decoration: none;
  171. -moz-transition-duration: 2s;
  172. -o-transition-duration: 2s;
  173. -webkit-transition-duration: 2s;
  174. transition-duration: 2s;
  175. }
  176.  
  177. ul {
  178. border-left:2px solid #dbdbdb;
  179. padding:5px;
  180. margin-left:10px;
  181. }
  182.  
  183. ul li {
  184. list-style:none;
  185. margin-left:10px;
  186. }
  187.  
  188. ul li:before {
  189. color:#6c6074;
  190. content:"›";
  191. font-size:1em;
  192. padding-right:.5em;
  193. position:relative;
  194. top:.1em;
  195. }
  196.  
  197. ol {
  198. margin-left:-25px;
  199. }
  200.  
  201.  
  202. img {
  203. max-width:100%;
  204. }
  205.  
  206. iframe.tmblr-iframe {
  207. position:fixed;
  208. top:90px;
  209. right:10px;
  210. transform:scale(0.45);
  211. transform-origin:100% 0;
  212. -webkit-transform:scale(0.45);
  213. -webkit-transform-origin:100% 0;
  214. -o-transform:scale(0.45);
  215. -o-transform-origin:100% 0;
  216. -moz-transform:scale(0.45);
  217. -moz-transform-origin:100% 0;
  218. -ms-transform:scale(0.45);
  219. -ms-transform-origin:100% 0;
  220. }
  221.  
  222. #sidebar {
  223. width:100%;
  224. height:50px;
  225. background:#ffffff;
  226. padding:20px;
  227. top:0;
  228. left:0;
  229. border-bottom:1px solid #dbdbdb;
  230. }
  231.  
  232. #navigation {
  233. margin-top:-10px;
  234. line-height:65px;
  235. font-family:'Righteous';
  236. font-weight:bold;
  237. color: #a67882;
  238. font-size:25px;
  239. }
  240.  
  241. #navigation span {
  242. float:right;
  243. margin-right:45px;
  244. }
  245.  
  246. #popnav {
  247. width:280px;
  248. margin-top:88px;
  249. padding:10px;
  250. text-align:center;
  251. position:fixed;
  252. }
  253.  
  254. #link {
  255. margin:10px;
  256. width:25px;
  257. height:25px;
  258. text-align:center;
  259. border:1px solid #dbdbdb;
  260. line-height:25px;
  261. font-family:'Righteous';
  262. font-weight:bold;
  263. background:#f4f4f4;
  264. border-radius:150px;
  265. padding:10px;
  266. display:inline-block;
  267. font-size: 20px;
  268. }
  269.  
  270. .popup_block{
  271. display:none;
  272. background:#ffffff;
  273. padding:20px;
  274. height:140px;
  275. border:1px solid #dbdbdb;
  276. float:left;
  277. position:fixed;
  278. top:50%;
  279. left:50%;
  280. z-index: 99999;
  281. }
  282.  
  283. *html #fade {position: absolute;}
  284. *html .popup_block {position: absolute;}
  285. #fade {
  286. display:none;
  287. position:fixed;
  288. left:0px;
  289. top:0px;
  290. width:100%;
  291. height:100%;
  292. z-index:9999;
  293. background:transparent;
  294. }
  295.  
  296.  
  297. #description {
  298. width:300px;
  299. position:fixed;
  300. margin-top:0px;
  301. overflow:auto;
  302. height:100px;
  303. margin-bottom:10px;
  304. }
  305.  
  306. #main {
  307. width:100%;
  308. margin-top:10px;
  309. text-align:center;
  310. }
  311.  
  312. #main img {
  313. max-width:100%;
  314. margin:5px;
  315. padding:5px; /* DELETE THIS IF YOU DO NOT WANT AND IMAGE BORDER */
  316. background:#ffffff; /* DELETE THIS IF YOU DO NOT WANT AND IMAGE BORDER */
  317. border-bottom:1px solid #dbdbdb; /* DELETE THIS IF YOU DO NOT WANT AND IMAGE BORDER */
  318. }
  319.  
  320. #credit {
  321. position:fixed;
  322. bottom:5px;
  323. left:5px;
  324. }
  325.  
  326. #credit img {
  327. width:20px;
  328. height:20px;
  329. }
  330.  
  331. </style>
  332.  
  333. </head>
  334. <body>
  335.  
  336. <!-- THIS PAGE THEME IS CREATED BY AUTUMN (DINODESIGNS/DINOCODES) AND IS NOT TO BE REDISTRUBUTED WITHOUT PERMISSION. DO NO REMOVE CREDIT, REPOST, OR TAKE PIECE OF CODE TO USE AS A BASE CODE. DO NOT REMOVE CREDIT. FOR TROUBLESHOOTING PLEASE CONTACT MAKER DIRECTLY AT @DINODESIGNS.TUMBLR.COM -->
  337.  
  338. <div id="sidebar">
  339.  
  340. <div id="navigation">
  341. <a href="#?w=300" rel="box1" class="poplight" title="back"><div id="link">☰</div></a>
  342.  
  343. <span>my gif page</span>
  344. </div>
  345. </div>
  346.  
  347. <div id="box1" class="popup_block">
  348.  
  349. <h2>gif page title</h2> <!-- PAGE TITLE HERE -->
  350.  
  351. <div id="description">
  352.  
  353. <!-- GIF/ICON INFORMATION HERE -->
  354.  
  355. <b>how to use:</b> upload all of your gifs into a text post. once they've all uploaded, switch the post to html and copy & paste the entire code. then head over to <a href="https://www.zubrag.com/tools/html-tags-stripper.php">zubrag | tag stripper</a> paste what you copied into the box and add <b><img></b> into the <b>"Allow tags (will not remove them)</b> section and click <b>'Strip'</b>. Copy & paste the striped code into the main section below. <i>ENJOY!!</i>
  356. </div>
  357.  
  358. <div id="popnav">
  359. <a href="/" title="back"><div id="link">01</div></a>
  360. <a href="ask" title="contact"><div id="link">02</div></a>
  361. <a href="https://dinodesigns.tumblr.com" title="credit"><div id="link">03</div></a>
  362. </div>
  363. </div>
  364.  
  365. </div>
  366.  
  367. <div id="main">
  368.  
  369. <!-- GIFS/ICONS GO HERE -->
  370.  
  371. </div>
  372.  
  373.  
  374.  
  375. <!-- THIS PAGE THEME IS CREATED BY AUTUMN (DINODESIGNS) AND IS NOT TO BE REDISTRUBUTED WITHOUT PERMISSION. DO NO REMOVE CREDIT, REPOST, OR TAKE PIECE OF CODE TO USE AS A BASE CODE. DO NOT REMOVE CREDIT. FOR TROUBLESHOOTING PLEASE CONTACT MAKER DIRECTLY AT @DINODESIGNS.TUMBLR.COM -->
  376.  
  377. <a href="https://dinodesigns.tumblr.com/"><div id="credit" title="by dinodesigns"><img src="https://static.tumblr.com/61xorhm/Xl6pub0n2/dino__2_.png"></div></a> <!-- DO NOT REMOVE CREDIT!! -->
  378.  
  379.  
  380.  
  381. </body>
  382.  
  383. <script type="text/javascript"
  384. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  385. <script>
  386. $(document).ready(function() {
  387. //
  388. $('a.poplight[href^=#]').click(function() {
  389. var popID = $(this).attr('rel'); //Get Popup Name
  390. var popURL = $(this).attr('href'); //Get Popup href to define size
  391. var query= popURL.split('?');
  392. var dim= query[1].split('&');
  393. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  394. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  395. var popMargTop = ($('#' + popID).height() + 80) / 2;
  396. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  397. //Apply Margin to Popup
  398. $('#' + popID).css({
  399. 'margin-top' : -popMargTop,
  400. 'margin-left' : -popMargLeft
  401. });
  402. $('body').append('<div id="fade"></div>');
  403. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  404. return false;
  405. });
  406. $('a.close, #fade').live('click', function() {
  407. $('#fade , .popup_block').fadeOut(function() {
  408. $('#fade, a.close').remove(); //fade them both out
  409. });
  410. return false;
  411. });
  412. });
  413. </script>
  414. </html>
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!