API tools faq
paste
kimtys

PAGEPACK #2 (LINKS)

kimtys
Aug 18th, 2015
7,240
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8. PAGE PACK - #2 LINKS PAGE BY KIMTYS.TUMBLR.COM
  9.  
  10. edit as much as you want but please don't hide or remove credits!
  11.  
  12.  
  13. -->
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <meta name="description" content="{MetaDescription}" />
  18. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
  22.  
  23. <script>
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:0,
  28. tip_fade_speed:0,
  29. attribute:"title"
  30. });
  31. });
  32. </script>
  33.  
  34. <style type="text/css">
  35.  
  36.  
  37. #s-m-t-tooltip {
  38. z-index: 9999;
  39. background: #fff; /* TOOLTIP COLOR */
  40. line-height:150%;
  41. font: 9px tunga;
  42. font-style: normal;
  43. letter-spacing: 1px;
  44. font-weight:bold;
  45. text-transform: uppercase;
  46. border: 2px solid #f5f5f5; /* TOOLTIP BORDER 1 COLOR */
  47. outline:2px solid #fff; /* TOOLTIP BORDER 2 COLOR */
  48. max-width: 300px;
  49. color:#bbb; /* TOOLTIP TEXT COLOR */
  50. text-align: justify;
  51. padding: 3px 6px 2px 6px;
  52. display: block;
  53. margin: 24px 14px 7px 12px;
  54. }
  55.  
  56. ::-webkit-scrollbar-thumb:vertical {
  57. background: #ffc3d4; /* SCROLL COLOR */
  58. height: 5px;
  59. width:9px;
  60. border-radius: 0px; -moz-border-radius: 8px -webkit-border-radius: 8px o-border-radius: 8px; -ms-border-radius: 8px;
  61. }
  62.  
  63.  
  64. ::-webkit-scrollbar {
  65. height: 0px;
  66. width: 3px;
  67. background: #fff; /* SCROLLBAR COLOR (SAME AS BOX) */
  68. }
  69.  
  70.  
  71. ::-moz-selection {
  72. background:#ffc3d4; /* SELECT BACKGROUND COLOR */
  73. color:#fff; /* SELECT TEXT COLOR */
  74. }
  75. ::selection {
  76. background:#ffc3d4; /* SELECT BACKGROUND COLOR */
  77. color:#fff; /* SELECT TEXT COLOR */
  78. }
  79.  
  80.  
  81.  
  82. body {
  83. background-color: #f5f5f5; /* BACKGROUND COLOR */
  84. font-size: 10px;
  85. font-family:arial;
  86. text-align: center;
  87. line-height: 100%;}
  88.  
  89. a {
  90. color:#aaa; /* LINK COLOR */
  91. text-decoration:none;
  92. }
  93.  
  94.  
  95. a:hover {
  96. color:#aaa; /* LINK HOVER COLOR */
  97. cursor:help;
  98. text-decoration:none;
  99. }
  100.  
  101. b, bold, strong {
  102. color:#aaa; /* BOLD COLOR */
  103. }
  104.  
  105. .box1 {
  106. margin-left:410px; /* BOX LEFT POSITION */
  107. margin-top:100px; /* BOX TOP POSITION */
  108. Width:500px; /* IF YOU CHANGE THE ABOUT WIDTH, CHANGE THIS TOO */
  109. }
  110.  
  111.  
  112. .box {
  113. width: 500px; /* BOX WIDTH */
  114. max-height:320px; /* BOX MAX HEIGHT */
  115. background:#fff; /* BOX BACKGROUND COLOR */
  116. border:2px solid #f5f5f5; /* BOX BORDER 1 COLOR */
  117. outline:2px solid #fff; /* BOX BORDER 2 COLOR */
  118. padding:10px;
  119. padding-bottom:20px;
  120. overflow:scroll;
  121. overflow:auto;
  122. }
  123.  
  124. .lks {
  125. border-top:2px solid #f5f5f5; /* LINKS BORDER 2 COLOR */
  126. border-left:2px solid #f5f5f5; /* LINKS BORDER 2 COLOR */
  127. border-right:2px solid #f5f5f5; /* LINKS BORDER 2 COLOR */
  128. border-bottom:2px solid #f5f5f5; /* LINKS BORDER 2 COLOR */
  129. margin-right:5px;
  130. margin-bottom:10px;
  131. margin-left:5px;
  132. line-height:150%;
  133. display:inline-block;
  134. width:210px; /* LINKS WIDTH */
  135. background:transparent;
  136. }
  137.  
  138. .lk a {
  139. list-style:square;
  140. color:#ccc; /* LINKS COLOR */
  141. background:#f5f5f5; /* LINKS BACKGROUND COLOR */
  142. font-family: 'Oswald', sans-serif;
  143. font-size: 13px; /* LINKS FONT SIZE */
  144. border:2px solid #fff; /* LINKS BORDER 1 COLOR */
  145. padding:10px;
  146. padding-top:15px;
  147. padding-bottom:15px;
  148. display:inline-block;
  149. text-decoration:none;
  150. text-transform:uppercase;
  151. margin:0px 0px 0px 0px;
  152. display: block;
  153. font-weight:300;
  154. text-align: center;
  155. word-spacing: 1px;
  156. -webkit-transition: all 0.3s ease-in-out;
  157. -moz-transition: all 0.3s ease-in-out;
  158. -o-transition: all 0.3s ease-in-out;}
  159.  
  160. .lk a:hover {
  161. background:#fff; /* LINKS BACKGROUND HOVER COLOR */
  162. color:#ffc3d4; /* LINKS HOVER COLOR */
  163. text-decoration:none;
  164. }
  165.  
  166.  
  167.  
  168. hr {
  169. border:0;
  170. height:3px;
  171. background: #f5f5f5;
  172. }
  173.  
  174.  
  175. #title {
  176. font-family:'Oswald', sans-serif;
  177. text-transform:uppercase;
  178. word-spacing:3px;
  179. margin-left:0px;
  180. font-size:30px; /* TITLE FONT SIZE */
  181. padding-left:20px;
  182. padding-right:20px;
  183. text-align:left;
  184. margin-left:0px;
  185. margin-bottom:20px;
  186. margin-top:40px;
  187. color:#ffc3d4; /* TITLE COLOR */
  188. }
  189.  
  190. #title:first-letter {
  191. color:#ccc; /* TITLE FIRST LETTER COLOR */
  192. margin-left:10px;
  193. }
  194.  
  195. #link {
  196. display:inline-block;
  197. font:9px tunga;
  198. text-transform:uppercase;
  199. font-weight:bold;
  200. text-align:right;
  201. letter-spacing:1px;
  202. Width:500px; /* IF YOU CHANGE THE ABOUT WIDTH, CHANGE THIS TOO */
  203. margin-left:20px;
  204. margin-top:5px;
  205. }
  206.  
  207. #link a {
  208. color:#bbb; /* DESC LINK COLOR */
  209. padding: 1px 4px 0px 4px;
  210. text-decoration:none;
  211. }
  212.  
  213. #link a:hover {
  214. background:#fff; /* DESC LINK BACKGROUND HOVER COLOR */
  215. color:#bbb; /* DESC LINK HOVER COLOR */
  216. text-decoration:none;
  217. }
  218.  
  219. #cr {
  220. bottom:10px;
  221. right:10px;
  222. font-weight:bold;
  223. color:#ffc3d4; /* CR LINK COLOR */
  224. font-size:12px;
  225. position:fixed;
  226. background:#fff; /* CR BACKGROUND COLOR */
  227. padding:7px 7px;
  228. border: 2px solid #f5f5f5; /* CR BORDER 1 COLOR */
  229. outline:2px solid #fff; /* CR BORDER 2 COLOR */
  230. }
  231.  
  232. </style>
  233. </head>
  234. <body>
  235.  
  236. <!-- RENDER IMAGE - IF YOU DON'T WANT IT PLEASE DELETE -->
  237.  
  238. <img src="IMG URL HERE"
  239. style="position:fixed;
  240. bottom:0px; /* IMAGE BOTTOM POSITION */
  241. left:0px; /* IMAGE LEFT POSITION */
  242. opacity:0.8;
  243. z-index:-999"/>
  244.  
  245.  
  246. <div class="box1">
  247. <div class="box">
  248.  
  249. <!--TITLE 1-->
  250. <table align="top">
  251. <div id="title">TITLE 1</div>
  252. <td>
  253.  
  254. <!--LINK 1-->
  255. <div class="lks"><div class="lk">
  256. <a href="LINK 1">LINK 1</a>
  257. </div></div>
  258.  
  259. <!--LINK 2-->
  260. <div class="lks"><div class="lk">
  261. <a href="LINK 2">LINK 2</a>
  262. </div></div>
  263.  
  264. <!--LINK 3-->
  265. <div class="lks"><div class="lk">
  266. <a href="LINK 3">LINK 3</a>
  267. </div></div>
  268.  
  269. <!--LINK 4-->
  270. <div class="lks"><div class="lk">
  271. <a href="LINK 4">LINK 4</a>
  272. </div></div>
  273.  
  274. <!--LINK 5-->
  275. <div class="lks"><div class="lk">
  276. <a href="LINK 5">LINK 5</a>
  277. </div></div>
  278.  
  279. <!--LINK 6-->
  280. <div class="lks"><div class="lk">
  281. <a href="LINK 6">LINK 6</a>
  282. </div></div>
  283.  
  284. <!--LINK 7-->
  285. <div class="lks"><div class="lk">
  286. <a href="LINK 7">LINK 7</a>
  287. </div></div>
  288.  
  289. <!--LINK 8-->
  290. <div class="lks"><div class="lk">
  291. <a href="LINK 8">LINK 8</a>
  292. </div></div>
  293.  
  294.  
  295. </td>
  296. </table>
  297. <!--END TITLE 1-->
  298.  
  299. <!--TITLE 2-->
  300. <table align="top">
  301. <div id="title">TITLE 2</div>
  302. <td>
  303.  
  304. <!--TAG 1-->
  305. <div class="lks"><div class="lk">
  306. <a href="/TAG 1">TAG 1</a>
  307. </div></div>
  308.  
  309. <!--TAG 2-->
  310. <div class="lks"><div class="lk">
  311. <a href="/TAG 2">TAG 2</a>
  312. </div></div>
  313.  
  314. <!--TAG 3-->
  315. <div class="lks"><div class="lk">
  316. <a href="/TAG 3">TAG 3</a>
  317. </div></div>
  318.  
  319. <!--TAG 4-->
  320. <div class="lks"><div class="lk">
  321. <a href="/TAG 4">TAG 4</a>
  322. </div></div>
  323.  
  324. <!--TAG 5-->
  325. <div class="lks"><div class="lk">
  326. <a href="/TAG 5">TAG 5</a>
  327. </div></div>
  328.  
  329. <!--TAG 6-->
  330. <div class="lks"><div class="lk">
  331. <a href="/TAG 6">TAG 6</a>
  332. </div></div>
  333.  
  334. <!--TAG 7-->
  335. <div class="lks"><div class="lk">
  336. <a href="/TAG 7">TAG 7</a>
  337. </div></div>
  338.  
  339. <!--TAG 8-->
  340. <div class="lks"><div class="lk">
  341. <a href="/TAG 8">TAG 8</a>
  342. </div></div>
  343.  
  344.  
  345. </td>
  346. </table>
  347. <!--END TITLE 2-->
  348.  
  349.  
  350. <!-- CREDIT -->
  351. <a href="https://kimtys.tumblr.com" title="theme by kimtys"><div id="cr">k.</div></a>
  352.  
  353. </body>
  354.  
  355. </div>
  356.  
  357. <div id="link"><a href="/">back</a> <a href="/ask">ask</a></div>
  358. </div>
  359.  
  360. </div>
  361.  
  362. </body>
  363. </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!