API tools faq
paste
Advertisement
joss1226

Individual Directory Page

joss1226
Aug 8th, 2020
27
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><html><head>
  2. <!--------------------------------------------
  3.  
  4. PAGE THEME BY VALERIE /// insomniacthemes.tumblr.com
  5. please,
  6. do not remove the credit;
  7. do not use as a base;
  8. do not repost;
  9. do not claim as yours.
  10.  
  11. ----------------------------------------------
  12.  
  13. TO CHANGE TABS WIDTH, change 268px to yours using ctrl+f+f.
  14. + follow instructions below TO CHANGE COLORS.
  15.  
  16. ----------------------------------------------
  17.  
  18. SPECIAL THANKS:
  19. tumblr controls: cyantists.
  20.  
  21. ---- /// ------------------------------------>
  22.  
  23. <title> gif pack directory </title>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link href="https://fonts.googleapis.com/css?family=Karla:400|Montserrat:400,500,600|Roboto:400" rel="stylesheet">
  27. <style type="text/css">
  28.  
  29. ::-webkit-scrollbar {
  30. background: #fff; /* scrollbar background color */
  31. width: 4px;
  32. height: 4px;
  33. }
  34. ::-webkit-scrollbar-thumb {
  35. background: #315f7a; /* scrollbar color */
  36. }
  37. .d::-webkit-scrollbar {
  38. width: 1px;
  39. height: 1px;
  40. }
  41. body {
  42. font: 10px 'Roboto', sans-serif;
  43. color: #252525; /* text color */
  44. background: #fff; /* main background color */
  45. line-height: 160%;
  46. }
  47. .top {
  48. position: relative;
  49. text-align: center;
  50. padding: 10px;
  51. margin-top: 30px;
  52. width: auto;
  53. }
  54. a, h2 {
  55. -webkit-transition: 0.5s ease-in-out;
  56. -moz-transition: all 0.5s ease-in-out;
  57. -o-transition: all 0.5s ease-in-out;
  58. text-decoration: none;
  59. }
  60. .table a {
  61. color: #315f7a; /* links color */
  62. }
  63. .top a {
  64. font: 10px 'Karla', sans-serif;
  65. display: inline-block;
  66. margin: 1px 6px 4px 6px;
  67. color: #315f7a; /* navigation links color */
  68. }
  69. .top a:hover, .table a:hover {
  70. color: #315f7a; /* all links hover color */
  71. }
  72. .title {
  73. text-transform: lowercase;
  74. font: 22px/24px 'Montserrat', sans-serif;
  75. color: #315f7a; /* title color */
  76. text-align: center;
  77. }
  78. .table {
  79. position: relative;
  80. text-align: center;
  81. padding: 10px;
  82. margin-top: 1px;
  83. width: auto;
  84. }
  85. .gp {
  86. display: inline-block;
  87. margin: 16px 25px;
  88. width: 268px;
  89. height: auto;
  90. padding: 5px 13px 6px 13px;
  91. }
  92. .pt {
  93. font: 10px/19px 'Montserrat', sans-serif;
  94. font-weight: 600;
  95. color: #315f7a; /* tab title color */
  96. text-transform: uppercase;
  97. letter-spacing: 1px;
  98. width: 268px;
  99. margin: 0px auto 3px auto;
  100. text-align: center;
  101. }
  102. .pt span {
  103. display: inline-block;
  104. position: relative;
  105. }
  106. .pt sup {
  107. font-size: 6px;
  108. letter-spacing: 0.4px;
  109. }
  110. .g {
  111. text-align: center;
  112. }
  113. .g img {
  114. width: 268px;
  115. height:155px;
  116. margin-bottom: 2px;
  117. }
  118. .d {
  119. text-align: left;
  120. letter-spacing: 0.2px;
  121. overflow: auto;
  122. width: 268px;
  123. height: 65px;
  124. text-transform: lowercase;
  125. }
  126. h2 {
  127. display: inline;
  128. background: #315f7a; /* background color for line1, line2, line3 */
  129. color: #fff; /* text color for line1, line2, line3 */
  130. padding: 1px 4px 1px 5px;
  131. border-radius: 3px;
  132. margin-right: 2px;
  133. text-transform: uppercase;
  134. font: 9px 'Karla', sans-serif;
  135. font-weight: 400;
  136. line-height: 13px;
  137. letter-spacing: 1px;
  138. }
  139. h2:hover {
  140. background: #315f7a; /* hover background color for line1, line2, line3 */
  141. color: #fff; /* hover text color for line1, line2, line3 */
  142. }
  143. ::-moz-selection {
  144. background:#555;
  145. color:#fff;
  146. }
  147. ::selection {
  148. background:#555;
  149. color:#fff;
  150. }
  151. iframe.tmblr-iframe {
  152. z-index:99999999999999!important;
  153. top:-2px!important;
  154. right:0!important;
  155. opacity:0;
  156. padding-right:38px;
  157. filter:invert(1) contrast(150%);
  158. -webkit-filter:invert(1) contrast(150%);
  159. -o-filter:invert(1) contrast(150%);
  160. -moz-filter:invert(1) contrast(150%);
  161. -ms-filter:invert(1) contrast(150%);
  162. transform:scale(0.65);
  163. transform-origin:100% 0;
  164. -webkit-transform:scale(0.65);
  165. -webkit-transform-origin:100% 0;
  166. -o-transform:scale(0.65);
  167. -o-transform-origin:100% 0;
  168. -moz-transform:scale(0.65);
  169. -moz-transform-origin:100% 0;
  170. -ms-transform:scale(0.65);
  171. -ms-transform-origin:100% 0;
  172. }
  173. iframe.tmblr-iframe:hover {
  174. opacity:0.6!important;
  175. }
  176. .hcontrols {
  177. position:fixed;
  178. top:0;
  179. right:0;
  180. z-index:999999999;
  181. }
  182. .hcontrols svg {
  183. width:14px;
  184. height:14px;
  185. padding:9px;
  186. }
  187. .hcontrols svg path {
  188. fill:#315f7a; /* tumblr controls color */
  189. }
  190. .credit {
  191. position:fixed;
  192. font:10px/10px 'Karla', sans-serif;
  193. font-weight:700;
  194. letter-spacing:1px;
  195. right:15px;
  196. bottom:25px;
  197. text-transform:lowercase;
  198. text-align:center;
  199. color:{color:Text};
  200. }
  201. .credit a {
  202. color:#525252;
  203. padding:4px 6px;
  204. background-color: #fff;
  205. outline:1px solid #eee;
  206. font-style:normal;
  207. }
  208. .credit a:hover {
  209. color:#fff;
  210. background-color:#525252;
  211. }
  212. </style></head><body><div class="top">
  213.  
  214. <!--------- TITLE --------->
  215. <div class="title"> andrew garfield gif packs </div>
  216.  
  217. <!--------- NAVIGATION LINKS --------->
  218. <a href="/">home</a>
  219. <a href="http://www.tumblr.com/dashboard">dashboard</a>
  220. <a href="/ask">ask</a>
  221. <a href="/directory">directory</a>
  222. <a href="/tagged/ask">faq</a>
  223.  
  224.  
  225. </div><div class="table">
  226.  
  227. <!--------- HERE GOES THE TAB, COPY FROM HERE TO THE END --------->
  228. <div class="gp"><div class="pt"><span>
  229. THE AMAZING SPIDER-MAN
  230. </span></div><div class="g">
  231. <img src="
  232. https://static.tumblr.com/tll3pm2/iiOqeqvbc/59.gif
  233. "></div><div class="d">
  234. <h2>GIF SIZE</h2> 268x155 <br>
  235. <h2>TOTAL GIFS</h2> [ 61 ] <br>
  236. <h2>TRIGGER WARNINGS</h2> kissing, blood <br>
  237. <h2>LINK</h2> <a href="https://josshelps.tumblr.com/tasmdeleted">THE AMAZING SPIDER-MAN GIF PAGE</a> <br>
  238. </div></div>
  239. <!-------- THE END OF THE TAB // PASTE THE NEXT ONE BELOW -------->
  240.  
  241. <!--------- HERE GOES THE TAB, COPY FROM HERE TO THE END --------->
  242. <div class="gp"><div class="pt"><span>
  243. THE AMAZING SPIDER-MAN 2
  244. </span></div><div class="g">
  245. <img src="
  246. https://static.tumblr.com/tll3pm2/XaKqeqv5o/129.gif
  247. "></div><div class="d">
  248. <h2>GIF SIZE</h2> 268x155 <br>
  249. <h2>TOTAL GIFS</h2> [ in progress ] <br>
  250. <h2>TRIGGER WARNINGS</h2> kissing, blood <br>
  251. <h2>LINK</h2> <a href="">THE AMAZING SPIDER-MAN 2 GIF PAGE</a> <br>
  252. </div></div>
  253. <!-------- THE END OF THE TAB // PASTE THE NEXT ONE BELOW -------->
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260.  
  261. <!--------- credit / please do not remove --------->
  262. <div class="credit"><a href="http://insomniacthemes.tumblr.com/" title="insomniacthemes">it</a></div>
  263. <!----------------- /// --------------------------->
  264. </div><div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div></body></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!