API tools faq
paste
hawkinsgrocery

page 05 — insidious (media page)

hawkinsgrocery
Aug 16th, 2021
791
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!------------------------------------------------------
  5.  
  6. insidious @ hawkinsgrocery.tumblr.com
  7.  
  8. PLEASE DO NOT:
  9. remove the credits;
  10. claim as your own;
  11. use as a base;
  12. take parts of the theme;
  13. repost as your own.
  14.  
  15. YOU CAN:
  16. edit as much as you want for your own personal use only.
  17.  
  18. -------------------------------------------------------->
  19.  
  20.  
  21. <head>
  22. <title>{Title}&nbsp;&nbsp;—&nbsp;&nbsp;media</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. <link href='https://fonts.googleapis.com/css?family=Karla:400,300,700' rel='stylesheet' type='text/css'>
  26.  
  27. <!-- scripts -->
  28. <link href='https://static.tumblr.com/m2fiocp/rlrqq9wlt/outicons.css' rel='stylesheet' type='text/css'>
  29.  
  30. <style type="text/css">
  31.  
  32. @keyframes fadeout {
  33. from { opacity:0; }
  34. to { opacity:1; }
  35. }
  36.  
  37. @-moz-keyframes fadeout {
  38. from { opacity:0; }
  39. to { opacity:1; }
  40. }
  41.  
  42. @-webkit-keyframes fadeout {
  43. from { opacity:0; }
  44. to { opacity:1; }
  45. }
  46.  
  47. @-ms-keyframes fadeout {
  48. from { opacity:0; }
  49. to { opacity:1; }
  50. }
  51.  
  52. @-o-keyframes fadeout {
  53. from { opacity:0; }
  54. to { opacity:1; }
  55. }
  56.  
  57.  
  58. body {
  59. background:#f8f8f8;
  60. font-family:'Karla';
  61. margin:0px;
  62. font-size: 10px;
  63.  
  64. }
  65.  
  66.  
  67. a {
  68. text-decoration: none;
  69. color:#b8b8b8;
  70. -webkit-transition: all 0.4s;
  71. -moz-transition: all 0.4s;
  72. transition: all 0.4s;
  73.  
  74. }
  75.  
  76. a:hover {
  77. color:#decba4;
  78. -webkit-transition: all 0.4s;
  79. -moz-transition: all 0.4s;
  80. transition: all 0.4s;
  81.  
  82. }
  83.  
  84. ::-webkit-scrollbar-thumb:vertical {
  85. background-color: #ddd;
  86. width: 4px;
  87. height: 30px;
  88.  
  89. } ::-webkit-scrollbar {
  90. height: 30px;
  91. width: 4px;
  92. background-color: #fff;
  93.  
  94. }
  95.  
  96. .containers {
  97. width:650px;
  98. margin-bottom:50px;
  99. margin-right:auto;
  100. margin-left:auto;
  101. margin-top:50px;
  102.  
  103. }
  104.  
  105. .container {
  106. padding:5px;
  107. width: 730px;
  108. margin-top:120px;
  109. margin-left:0px;
  110. position:center;
  111. text-align:left;
  112. overflow-y:auto;
  113.  
  114. }
  115.  
  116. .container img {
  117. width:150px;
  118. height:220px;
  119. margin:2px;
  120. border-radius:6px;
  121. margin-top:3px;
  122. padding:3px;
  123. display:inline-block;
  124. vertical-align: top;
  125. overflow-x:hidden;
  126. overflow-y:hidden;
  127.  
  128. }
  129.  
  130.  
  131. #links {
  132. text-align:center;
  133. padding:19px;
  134. width:551px;
  135. margin-left:27px;
  136. margin-top:40px;
  137. list-style:none;
  138. margin-bottom:0px;
  139. position:relative;
  140. color:#888;
  141. text-transform:lowercase;
  142. font-size:14px;
  143. font-family: 'Karla';
  144. line-height:9px;
  145. font-weight: 600;
  146.  
  147. }
  148.  
  149. #links2 {
  150. text-align:center;
  151. padding:3px;
  152. width:40px;
  153. margin-left:0px;
  154. margin-top:-10px;
  155. list-style:none;
  156. margin-bottom:20px;
  157. position:relative;
  158. color:#333;
  159. text-transform:lowercase;
  160. font-size:13px;
  161. font-family: 'Karla';
  162. margin-left:5px;
  163. font-weight: 600;
  164.  
  165. }
  166.  
  167. #links2 a {
  168. color:#fff;
  169.  
  170. }
  171.  
  172. .credit {
  173. position:fixed;
  174. bottom:15px;
  175. right:15px;
  176. font-size:20px
  177. }
  178.  
  179. .credit {
  180. position:fixed;
  181. bottom:15px;
  182. right:15px;
  183. font-size:20px
  184. }
  185.  
  186. .views {
  187. position:fixed;
  188. bottom:15px;
  189. left:15px;
  190. font-size:10px
  191. }
  192.  
  193.  
  194.  
  195. </style><body>
  196.  
  197. <div class="containers">
  198.  
  199. <div id="links" style="padding:18.5px;width:552px">
  200.  
  201. <div style="color:#777">&nbsp;insidious</div><br><small><small><b>
  202.  
  203. <a href="/">&nbsp;back</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  204.  
  205. <b><a href="/ask">message</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  206.  
  207. <b><a href="/archive">archive</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  208.  
  209. <b><a href="/">link</b></a>
  210.  
  211. <p>
  212.  
  213. </small><small></small></div>
  214. <br><br>
  215.  
  216.  
  217. <div id="links2" style="margin-top:-58px;border-radius:5px">
  218. <br><br>
  219. </div>
  220.  
  221. <div class="container" style="margin-top:-10px">
  222.  
  223. <!--------
  224.  
  225. if you'd like to add a link to the images, just add <a href="/"> before "<img", and replace the / with whatever link you want it to take you to.
  226.  
  227. -------->
  228.  
  229. <img src="http://placehold.jp/150x220.png"/>
  230. <img src="http://placehold.jp/150x220.png"/>
  231. <img src="http://placehold.jp/150x220.png"/>
  232. <img src="http://placehold.jp/150x220.png"/>
  233.  
  234.  
  235.  
  236.  
  237.  
  238. <img src="http://placehold.jp/150x220.png"/>
  239. <img src="http://placehold.jp/150x220.png"/>
  240. <img src="http://placehold.jp/150x220.png"/>
  241. <img src="http://placehold.jp/150x220.png"/>
  242.  
  243.  
  244.  
  245.  
  246.  
  247. <img src="http://placehold.jp/150x220.png"/>
  248. <img src="http://placehold.jp/150x220.png"/>
  249. <img src="http://placehold.jp/150x220.png"/>
  250. <img src="http://placehold.jp/150x220.png"/>
  251.  
  252.  
  253.  
  254.  
  255.  
  256. <img src="http://placehold.jp/150x220.png"/>
  257. <img src="http://placehold.jp/150x220.png"/>
  258. <img src="http://placehold.jp/150x220.png"/>
  259. <img src="http://placehold.jp/150x220.png"/>
  260.  
  261.  
  262.  
  263.  
  264.  
  265. <img src="http://placehold.jp/150x220.png"/>
  266. <img src="http://placehold.jp/150x220.png"/>
  267. <img src="http://placehold.jp/150x220.png"/>
  268. <img src="http://placehold.jp/150x220.png"/>
  269.  
  270.  
  271.  
  272.  
  273.  
  274. <img src="http://placehold.jp/150x220.png"/>
  275. <img src="http://placehold.jp/150x220.png"/>
  276. <img src="http://placehold.jp/150x220.png"/>
  277. <img src="http://placehold.jp/150x220.png"/>
  278.  
  279.  
  280.  
  281.  
  282.  
  283. <img src="http://placehold.jp/150x220.png"/>
  284. <img src="http://placehold.jp/150x220.png"/>
  285. <img src="http://placehold.jp/150x220.png"/>
  286. <img src="http://placehold.jp/150x220.png"/>
  287.  
  288.  
  289.  
  290.  
  291.  
  292. <img src="http://placehold.jp/150x220.png"/>
  293. <img src="http://placehold.jp/150x220.png"/>
  294. <img src="http://placehold.jp/150x220.png"/>
  295. <img src="http://placehold.jp/150x220.png"/>
  296.  
  297.  
  298. </div></div></div>
  299.  
  300. </section>
  301.  
  302. <!-- jquery -->
  303.  
  304. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  305. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  306.  
  307. <script>
  308. $(document).ready(function() {
  309. $(document).tooltip({
  310. track:true
  311. });
  312. });
  313. </script>
  314.  
  315. <div class="views"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5657228";
  316. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  317. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  318. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  319. </script>
  320.  
  321. &nbsp;&nbsp;/&nbsp;&nbsp;
  322.  
  323. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3364648";
  324. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  325. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  326. </script>
  327.  
  328.  
  329.  
  330. </a></div>
  331. </body></html>
  332.  
  333. <div class="credit"><a href="https://hawkinsgrocery.tumblr.com" title="hawkinsgrocery"><i class="oi oi-heart"></i></a></div>
  334. </body></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!