API tools faq
paste
hawkinsgrocery

page 02 — borderline (tags/navi page)

hawkinsgrocery
Apr 21st, 2021 (edited)
715
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.92 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. borderline @ 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;tags</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. ::-webkit-scrollbar-thumb:vertical {
  33. background:#000000;
  34. height: 80px;
  35. }
  36.  
  37. ::-webkit-scrollbar {
  38. height: 10px;
  39. width: 3px;
  40. }
  41.  
  42. body {
  43. background:#f8f8f8;
  44. font-family:'Karla';
  45. margin:0px;
  46. font-size: 10px;
  47.  
  48. }
  49.  
  50.  
  51. a {
  52. text-decoration: none;
  53. color:#b8b8b8;
  54. -webkit-transition: all 0.4s;
  55. -moz-transition: all 0.4s;
  56. transition: all 0.4s;
  57.  
  58. }
  59.  
  60. a:hover {
  61. color:#decba4;
  62. -webkit-transition: all 0.4s;
  63. -moz-transition: all 0.4s;
  64. transition: all 0.4s;
  65.  
  66. }
  67.  
  68. #s-m-t-tooltip {
  69. width:auto;
  70. padding:5px;
  71. text-transform:uppercase;
  72. }
  73.  
  74. #container {
  75. width:400px;
  76. margin-top:65px;
  77. margin-bottom:150px;
  78. margin-left:auto;
  79. margin-right:auto;
  80. }
  81.  
  82. #topbar {
  83. text-align:center;
  84. margin-bottom:20px;
  85. }
  86.  
  87. #title {
  88. text-align:center;
  89. color:#777;
  90. font-size:15px;
  91. font-weight:bold;
  92. display:inline-block;
  93. padding:0px;
  94. padding-bottom:8px;
  95. }
  96.  
  97. #links {
  98. margin-top:-5px;
  99. }
  100.  
  101. #links a {
  102. color:#b8b8b8;
  103. margin-right:10px;
  104. }
  105.  
  106. #links a:hover {
  107. color:#decba4;
  108. }
  109.  
  110. #tags-container {
  111. text-align:center;
  112. }
  113.  
  114. #tags-title {
  115. text-align:center;
  116. color:#777;
  117. margin-top:20px;
  118. font-weight:bold;
  119. }
  120.  
  121. #tags-links {
  122. text-align:center;
  123. margin-top:10px;
  124. margin-left:0px;
  125. }
  126.  
  127. #tags-links a {
  128. color:#777;
  129. margin-right:10px;
  130. }
  131.  
  132. #tags-links a:hover {
  133. color:#decba4;
  134. }
  135.  
  136. {CustomCSS}
  137.  
  138.  
  139. .credit {
  140. position:fixed;
  141. bottom:15px;
  142. right:15px;
  143. font-size:20px
  144. }
  145.  
  146.  
  147. </style></head><body>
  148.  
  149. <div id="container">
  150.  
  151. <div id="topbar">
  152.  
  153. <div id="title">borderline</div>
  154.  
  155. <div id="links">
  156. <b>
  157. <a href="/">back</a>&nbsp;
  158. <a href="/ask">message</a>&nbsp;
  159. <a href="/archive">archive</a>&nbsp;
  160. <a href="/">link</a>
  161. </b>
  162. <br><br>
  163. <br>
  164. </div>
  165.  
  166. <div id="tags-container">
  167.  
  168. <!-- section -->
  169.  
  170. <div id="tags-title">title</div>
  171. <br>
  172. <div id="tags-links">
  173. <a href="/">link</a>
  174. <a href="/">link</a>
  175. <a href="/">link</a>
  176. <a href="/">link</a>
  177. <a href="/">link</a>
  178. <a href="/">link</a>
  179. <a href="/">link</a>
  180. <a href="/">link</a>
  181. <a href="/">link</a>
  182. <a href="/">link</a>
  183. <a href="/">link</a>
  184. <a href="/">link</a>
  185. <a href="/">link</a>
  186. </div>
  187. <br><br>
  188.  
  189. <!-- section -->
  190.  
  191. <div id="tags-title">title</div>
  192. <br>
  193. <div id="tags-links">
  194. <a href="/">link</a>
  195. <a href="/">link</a>
  196. <a href="/">link</a>
  197. <a href="/">link</a>
  198. <a href="/">link</a>
  199. <a href="/">link</a>
  200. <a href="/">link</a>
  201. <a href="/">link</a>
  202. <a href="/">link</a>
  203. <a href="/">link</a>
  204. <a href="/">link</a>
  205. <a href="/">link</a>
  206. <a href="/">link</a>
  207. </div>
  208. <br><br>
  209.  
  210. <!-- section -->
  211.  
  212. <div id="tags-title">title</div>
  213. <br>
  214. <div id="tags-links">
  215. <a href="/">link</a>
  216. <a href="/">link</a>
  217. <a href="/">link</a>
  218. <a href="/">link</a>
  219. <a href="/">link</a>
  220. <a href="/">link</a>
  221. <a href="/">link</a>
  222. <a href="/">link</a>
  223. <a href="/">link</a>
  224. <a href="/">link</a>
  225. <a href="/">link</a>
  226. <a href="/">link</a>
  227. <a href="/">link</a>
  228. </div>
  229. <br><br>
  230.  
  231. <!-- section -->
  232.  
  233. <div id="tags-title">title</div>
  234. <br>
  235. <div id="tags-links">
  236. <a href="/">link</a>
  237. <a href="/">link</a>
  238. <a href="/">link</a>
  239. <a href="/">link</a>
  240. <a href="/">link</a>
  241. <a href="/">link</a>
  242. <a href="/">link</a>
  243. <a href="/">link</a>
  244. <a href="/">link</a>
  245. <a href="/">link</a>
  246. <a href="/">link</a>
  247. <a href="/">link</a>
  248. <a href="/">link</a>
  249. </div>
  250. <br><br>
  251.  
  252. <!-- section -->
  253.  
  254. <div id="tags-title">title</div>
  255. <br>
  256. <div id="tags-links">
  257. <a href="/">link</a>
  258. <a href="/">link</a>
  259. <a href="/">link</a>
  260. <a href="/">link</a>
  261. <a href="/">link</a>
  262. <a href="/">link</a>
  263. <a href="/">link</a>
  264. <a href="/">link</a>
  265. <a href="/">link</a>
  266. <a href="/">link</a>
  267. <a href="/">link</a>
  268. <a href="/">link</a>
  269. <a href="/">link</a>
  270. </div>
  271. <br><br>
  272.  
  273. <!-- section -->
  274.  
  275. <div id="tags-title">title</div>
  276. <br>
  277. <div id="tags-links">
  278. <a href="/">link</a>
  279. <a href="/">link</a>
  280. <a href="/">link</a>
  281. <a href="/">link</a>
  282. <a href="/">link</a>
  283. <a href="/">link</a>
  284. <a href="/">link</a>
  285. <a href="/">link</a>
  286. <a href="/">link</a>
  287. <a href="/">link</a>
  288. <a href="/">link</a>
  289. <a href="/">link</a>
  290. <a href="/">link</a>
  291. </div>
  292. <br><br>
  293.  
  294. <!-- section -->
  295.  
  296. <div id="tags-title">title</div>
  297. <br>
  298. <div id="tags-links">
  299. <a href="/">link</a>
  300. <a href="/">link</a>
  301. <a href="/">link</a>
  302. <a href="/">link</a>
  303. <a href="/">link</a>
  304. <a href="/">link</a>
  305. <a href="/">link</a>
  306. <a href="/">link</a>
  307. <a href="/">link</a>
  308. <a href="/">link</a>
  309. <a href="/">link</a>
  310. <a href="/">link</a>
  311. <a href="/">link</a>
  312. </div>
  313.  
  314. </div>
  315.  
  316. </section>
  317.  
  318. <!-- jquery -->
  319.  
  320. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  321. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  322.  
  323. <script>
  324. $(document).ready(function() {
  325. $(document).tooltip({
  326. track:true
  327. });
  328. });
  329. </script>
  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>
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!