API tools faq
paste
tr0pes

CHUCK - GIF PAGE

tr0pes
Jul 13th, 2019
2,239
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.06 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 - CHUCK
  8.  
  9. - fonts from google fonts
  10.  
  11. -->
  12.  
  13. <head>
  14.  
  15. <title>GIFS</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  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.  
  23. <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">
  24.  
  25. <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">
  26.  
  27. <script>
  28. (function($){
  29. $(document).ready(function(){
  30. $("a[title]").style_my_tooltips({
  31. tip_follows_cursor:true,
  32. tip_delay_time:90,
  33. tip_fade_speed:600,
  34. attribute:"title"
  35. });
  36. });
  37. })(jQuery);
  38. </script>
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44.  
  45. body {
  46. font-family: 'Montserrat', sans-serif;
  47. font-size:10px;
  48. letter-spacing:.5px;
  49. color:#aeaeae;
  50. text-align:justify;
  51. margin:-5px;
  52. text-transform:lowercase;
  53. background-color:#e7e6e6;
  54. background-attachment:fixed!important;
  55. background-image:url('IMAGEURL');!important
  56. }
  57.  
  58. ::-webkit-scrollbar {
  59. width:10px;
  60. }
  61.  
  62. ::-webkit-scrollbar-track {
  63. background:#f4f4f4;
  64. }
  65.  
  66. ::-webkit-scrollbar-thumb {
  67. background:#dbdbdb;
  68. }
  69.  
  70. ::-webkit-scrollbar-thumb:window-inactive {
  71. background: transparent;
  72. }
  73.  
  74. #s-m-t-tooltip {
  75. max-width:300px;
  76. margin:15px;
  77. font-size:8px;
  78. font-family: 'Montserrat', sans-serif;
  79. letter-spacing:1px;
  80. text-align:center;
  81. text-transform:uppercase;
  82. padding:10px;
  83. padding-left:30px;
  84. padding-right:30px;
  85. font-weight:bold;
  86. color:#aeaeae;
  87. background:#e7e6e6;
  88. border:1px solid #dbdbdb;
  89. z-index:999999;
  90. }
  91.  
  92.  
  93. h2 {
  94. margin-bottom:10px;
  95. font-size: 18px;
  96. font-style:none;
  97. text-align:center;
  98. margin-top:0px;
  99. font-weight:bold;
  100. line-height:100%;
  101. font-family:'Righteous';
  102. text-transform:uppercase;
  103. color:#6c6074;
  104. }
  105.  
  106. h2 i {
  107. margin-bottom:10px;
  108. font-size: 18px;
  109. font-style:none;
  110. text-align:center;
  111. font-weight:bold;
  112. line-height:100%;
  113. font-family:'Righteous';
  114. text-transform:uppercase;
  115. color:#6c6074;
  116. }
  117.  
  118. h2 b {
  119. margin-bottom:10px;
  120. font-size: 18px;
  121. font-style:none;
  122. text-align:center;
  123. font-weight:bold;
  124. line-height:100%;
  125. font-family:'Righteous';
  126. text-transform:uppercase;
  127. color:#6c6074;
  128. }
  129.  
  130. hr {
  131. width:50px;
  132. margin-left:0px;
  133. border-width: 1px 0px 0px 0px;
  134. border-style: solid;
  135. border-color: #dbdbdb;
  136. }
  137.  
  138. b, strong {
  139. color: #6c6074;
  140. font-family:'Righteous';
  141. font-size:11px;
  142. font-weight:normal;
  143. }
  144.  
  145. i b {
  146. font-style:none;
  147. text-decoration:none;
  148. font-weight:normal;
  149. }
  150.  
  151. i, italic {
  152. color: #a67882;
  153. }
  154.  
  155. small, sup, sub {
  156. font-size:10px;
  157. }
  158.  
  159. a {
  160. color: #a67882;
  161. font-weight:bold;
  162. text-decoration: none;
  163. -moz-transition-duration: 2s;
  164. -o-transition-duration: 2s;
  165. -webkit-transition-duration: 2s;
  166. transition-duration: 2s;
  167. }
  168.  
  169. a:hover {
  170. color:#6c6074;
  171. text-decoration: none;
  172. -moz-transition-duration: 2s;
  173. -o-transition-duration: 2s;
  174. -webkit-transition-duration: 2s;
  175. transition-duration: 2s;
  176. }
  177.  
  178. ul {
  179. border-left:2px solid #dbdbdb;
  180. padding:5px;
  181. margin-left:10px;
  182. }
  183.  
  184. ul li {
  185. list-style:none;
  186. margin-left:10px;
  187. }
  188.  
  189. ul li:before {
  190. color:#6c6074;
  191. content:"›";
  192. font-size:1em;
  193. padding-right:.5em;
  194. position:relative;
  195. top:.1em;
  196. }
  197.  
  198. ol {
  199. margin-left:-25px;
  200. }
  201.  
  202.  
  203. img {
  204. max-width:100%;
  205. margin:5px;
  206. }
  207.  
  208. #menu {
  209. width:50px;
  210. height:100%;
  211. position:fixed;
  212. background:#ffffff;
  213. padding:20px;
  214. margin-top:-5px;
  215. border-right:1px solid #dbdbdb;
  216.  
  217.  
  218. }
  219.  
  220. #title {
  221. margin-bottom:10px;
  222. width:350px;
  223. font-size: 25px;
  224. font-style:none;
  225. text-align:right;
  226. margin-top:165px;
  227. margin-left:-150px;
  228. position:fixed;
  229. font-weight:bold;
  230. line-height:100%;
  231. font-family:'Righteous';
  232. text-transform:uppercase;
  233. color:#6c6074;
  234. -ms-transform: rotate(-90deg); /* IE 9 */
  235. -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  236. transform: rotate(-90deg);
  237. }
  238.  
  239. #navigation {
  240. position:fixed;
  241. text-align:center;
  242. bottom:0px;
  243. left:8px;
  244. }
  245.  
  246. #link {
  247. color: #a67882;
  248. margin:10px;
  249. width:25px;
  250. height:25px;
  251. text-align:center;
  252. border:1px solid #dbdbdb;
  253. line-height:25px;
  254. font-size:18px;
  255. font-family:'Righteous';
  256. font-weight:bold;
  257. background:#f4f4f4;
  258. border-radius:150px;
  259. padding:10px;
  260. }
  261.  
  262. .panel {
  263. width: 0;
  264. position: fixed;
  265. z-index: 1;
  266. height:100%;
  267. top: 0;
  268. left: 0;
  269. background-color:#fff;
  270. overflow-x: hidden;
  271. transition: 2s;
  272. position: absolute;
  273.  
  274. }
  275.  
  276. .close {
  277. top:-5;
  278. font-size:20px;
  279. right:5px;
  280. position:absolute;
  281. }
  282.  
  283. .open {
  284. font-size: 20px;
  285. cursor: pointer;
  286.  
  287. }
  288.  
  289. #description {
  290. overflow:auto;
  291. padding:20px;
  292. }
  293.  
  294. #main {
  295. margin-left:97px;
  296. text-align:left;
  297. margin-top:10px;
  298. }
  299.  
  300. #main img {
  301. padding:5px;
  302. background:#ffffff;
  303. border:1px solid #dbdbdb;
  304. }
  305.  
  306. #credit {
  307. position:fixed;
  308. bottom:5px;
  309. right:5px;
  310. }
  311.  
  312. #credit img {
  313. width:20px;
  314. height:20px;
  315. }
  316.  
  317.  
  318. </style>
  319.  
  320. </head>
  321. <body>
  322.  
  323. <!-- 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 -->
  324.  
  325. <div id="menu">
  326.  
  327. <div id="title">gif pack title</div>
  328.  
  329. <div id="navigation">
  330. <div id="link" class="open" onclick="openNav()">☰</div>
  331. <a href="/" title="back"><div id="link">01</div></a>
  332. <a href="/ask" title="contact"><div id="link">02</div></a>
  333. <a href="https://dinodesigns.tumblr.com/" title="credit"><div id="link">03</div></a>
  334. </div>
  335.  
  336. <div id="panel" class="panel">
  337. <a href="javascript:void(0)" class="close" onclick="closeNav()">×</a>
  338. <div id="description">
  339. <h2>my gif page</h2>
  340. <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>
  341.  
  342. <br><br>
  343.  
  344. you can add more information here.
  345.  
  346. </div>
  347. </div>
  348.  
  349. </div>
  350.  
  351. <div id="main">
  352.  
  353. </div>
  354.  
  355.  
  356.  
  357. <!-- 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 -->
  358.  
  359. <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!! -->
  360.  
  361. <script>
  362. function openNav() {
  363. document.getElementById("panel").style.width = "250px";
  364. }
  365.  
  366. function closeNav() {
  367. document.getElementById("panel").style.width = "0";
  368. }
  369. </script>
  370.  
  371. </body>
  372. </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!