API tools faq
paste
Advertisement
octomoosey

Apocalypse

octomoosey
Apr 10th, 2014
7,018
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <link href='https://fonts.googleapis.com/css?family=Fenix' rel='stylesheet' type='text/css'>
  12.  
  13. <link href='https://fonts.googleapis.com/css?family=Fondamento' rel='stylesheet' type='text/css'>
  14.  
  15. <style type="text/css">
  16.  
  17. @font-face { font-family: "caviardreams"; src: url('https://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  18.  
  19. ::-webkit-scrollbar {
  20. width: 5px;height: 5px;}
  21.  
  22. ::-webkit-scrollbar-button:start:decrement,
  23. ::-webkit-scrollbar-button:end:increment {
  24. height: 6px;display: block;background-color:#fff;}
  25.  
  26. ::-webkit-scrollbar-track-piece {
  27. background-color: transparent;}
  28.  
  29. ::-webkit-scrollbar-thumb:vertical {
  30. height: 9px;background-color: #c10a0a;} /* change the scrollbar color here */
  31.  
  32. /* GENERAL PAGE THINGS */
  33.  
  34. body {
  35. background:#000; /* change the background color here */
  36. background-image: url('https://31.media.tumblr.com/52b20a114d99b4d90312119d6c44e3d6/tumblr_inline_n3u80yzhWy1rp2lgk.jpg'); /* change the background image here */
  37. background-position: right bottom;
  38. background-repeat: no-repeat;
  39. background-attachment: fixed;
  40. font-family:'Fenix', serif;
  41. font-size:10px;
  42. line-height:100%;}
  43.  
  44. #table {
  45. margin-left:0px;}
  46.  
  47. #cell {
  48. width:150px;
  49. height:370px;
  50. padding:0px;}
  51.  
  52. #image {
  53. margin-top:0px;}
  54.  
  55. #image img {
  56. width:150px;
  57. height:370px;}
  58.  
  59. #content {
  60. text-align:center;
  61. position:absolute;
  62. width:150px;
  63. height:10px;
  64. font-family:'Fenix', serif;
  65. opacity:0;
  66. font-size:9px;
  67. background:#fff; /* change the cell background color here */
  68. margin-top:-370px;
  69. overflow:auto;}
  70.  
  71. #cell:hover #content {
  72. opacity:0.8;
  73. height:370px;
  74. -webkit-transition: all 0.8s ease-out;
  75. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  76.  
  77. #grouptitle {
  78. padding-bottom:10px;
  79. text-align:center;
  80. font-style:italic;
  81. font-family:'Fondamento', cursive;
  82. color:#c10a0a; /* change the column title color here */
  83. font-size:14px;
  84. width:150px;
  85. margin-left:0px;
  86. margin-top:50px;}
  87.  
  88. #grouplinks {
  89. width:136px;
  90. margin-top:5px;
  91. margin-left:5px;}
  92.  
  93. #grouplinks a {
  94. text-decoration: none;
  95. display:block;
  96. color:#5a5c5b; /* change the column links color here */
  97. font-size:10px;
  98. padding:3px;
  99. padding-top:5px;
  100. text-align:center;
  101. letter-spacing:1px;
  102. margin-bottom:6px;
  103. -webkit-transition: all 0.4s ease-in-out;
  104. -moz-transition: all 0.4s ease-in-out;
  105. -o-transition: all 0.4s ease-in-out;
  106. -ms-transition: all 0.4s ease-in-out;
  107. transition: all 0.4s ease-in-out;}
  108.  
  109. #grouplinks a:hover {
  110. background:#bbb8b8; /* change the column links background hover color here */
  111. color:#000;} /* change the column links hover color here */
  112.  
  113. #bottombar {
  114. width:826px; /* if you add or remove columns change the bottom bar width here */
  115. height:auto;
  116. font-family:'Fenix', serif;
  117. font-size:11px;
  118. line-height:18px;
  119. margin-top: 20px;
  120. text-align:center;
  121. text-transform:lowercase;
  122. background-color:#c10a0a;} /* change the bottom bar background color here */
  123.  
  124. #title {
  125. height:20px;
  126. color:#000; /* change the bottom title color here */
  127. font-family:'Fondamento', cursive;
  128. font-size:18px;
  129. text-align:center;
  130. letter-spacing:1px;
  131. text-transform:lowercase;
  132. padding:5px 10px;}
  133.  
  134. #links {
  135. padding-bottom:3px;}
  136.  
  137. #links a {
  138. text-decoration: none;
  139. text-transform: lowercase;
  140. letter-spacing: 1px;
  141. color:#fff; /* change the bottom links color here */
  142. text-align:center;
  143. width:60px;
  144. padding:5px 2px 5px 2px;}
  145.  
  146. #links a:hover{
  147. color:#000; /* change the bottom links hover color here */
  148. transition: all 0.6s ease-out;
  149. -webkit-transition: all 0.6s ease-out;
  150. -moz-transition: all 0.6s ease-out;
  151. -o-transition: all 0.6s ease-out;}
  152.  
  153. </style>
  154. <body>
  155. <div align="center">
  156.  
  157. <table id="table" border="0" cellpadding="0" cellspacing="20">
  158.  
  159. <!-- to add extra columns copy from here down to </td> -->
  160.  
  161. <td><div id="grouptitle">Threads + Paras</div> <!-- change the column title here -->
  162.  
  163. <div id="cell">
  164. <div id="image"><img width="120px" src="https://31.media.tumblr.com/25eeb675b2b5e3a9b3ebf3885bd4a222/tumblr_inline_n3u6giwjN71rp2lgk.jpg"/><!--change the image url here-->
  165. </div>
  166.  
  167. <div id="content">
  168.  
  169. <div id="grouplinks">
  170.  
  171. <!-- add your navigation links here -->
  172.  
  173. <a href="/tagged/">link 1</a>
  174.  
  175. <a href="/tagged/">link 2</a>
  176.  
  177. <a href="/tagged/">link 3</a>
  178.  
  179. <a href="/tagged/">link 4</a>
  180.  
  181. <a href="/tagged/">link 5</a>
  182.  
  183. <a href="/tagged/">link 6</a>
  184.  
  185. <a href="/tagged/">link 7</a>
  186.  
  187. <a href="/tagged/">link 8</a>
  188.  
  189. <a href="/tagged/">link 9</a>
  190.  
  191. <a href="/tagged/">link 10</a>
  192.  
  193. <a href="/tagged/">link 11</a>
  194.  
  195. <a href="/tagged/">link 12</a>
  196.  
  197. <a href="/tagged/">link 13</a>
  198.  
  199. <a href="/tagged/">link 14</a>
  200.  
  201. <a href="/tagged/">link 15</a>
  202.  
  203. <a href="/tagged/">link 16</a>
  204.  
  205. <a href="/tagged/">link 17</a>
  206.  
  207. <a href="/tagged/">link 18</a>
  208.  
  209. <a href="/tagged/">link 19</a>
  210.  
  211. <a href="/tagged/">link 20</a>
  212.  
  213. </div>
  214.  
  215. </div></td>
  216.  
  217. <td><div id="grouptitle">Convos + Texts</div> <!-- change the column title here -->
  218.  
  219. <div id="cell">
  220. <div id="image"><img width="120px" src="https://31.media.tumblr.com/d7dc2c2f50db4ff01948039dcfe17084/tumblr_inline_n3u68xjrZt1rp2lgk.jpg"/><!--change the image url here-->
  221. </div>
  222.  
  223. <div id="content">
  224.  
  225. <div id="grouplinks">
  226.  
  227. <!-- add your navigation links here -->
  228.  
  229. <a href="/tagged/">link 1</a>
  230.  
  231. <a href="/tagged/">link 2</a>
  232.  
  233. <a href="/tagged/">link 3</a>
  234.  
  235. <a href="/tagged/">link 4</a>
  236.  
  237. <a href="/tagged/">link 5</a>
  238.  
  239. <a href="/tagged/">link 6</a>
  240.  
  241. <a href="/tagged/">link 7</a>
  242.  
  243. <a href="/tagged/">link 8</a>
  244.  
  245. <a href="/tagged/">link 9</a>
  246.  
  247. <a href="/tagged/">link 10</a>
  248.  
  249. <a href="/tagged/">link 11</a>
  250.  
  251. <a href="/tagged/">link 12</a>
  252.  
  253. <a href="/tagged/">link 13</a>
  254.  
  255. <a href="/tagged/">link 14</a>
  256.  
  257. <a href="/tagged/">link 15</a>
  258.  
  259. <a href="/tagged/">link 16</a>
  260.  
  261. <a href="/tagged/">link 17</a>
  262.  
  263. <a href="/tagged/">link 18</a>
  264.  
  265. <a href="/tagged/">link 19</a>
  266.  
  267. <a href="/tagged/">link 20</a>
  268.  
  269. </div>
  270.  
  271. </div></td>
  272.  
  273. <td><div id="grouptitle">Memes + Asks</div> <!-- change the column title here -->
  274.  
  275. <div id="cell">
  276. <div id="image"><img width="120px" src="https://31.media.tumblr.com/9f27c42e0789fb01a69080bb6c95068d/tumblr_inline_n3u5h0x0iO1rp2lgk.jpg"/><!--change the image url here-->
  277. </div>
  278.  
  279. <div id="content">
  280.  
  281. <div id="grouplinks">
  282.  
  283. <!-- add your navigation links here -->
  284.  
  285. <a href="/tagged/">link 1</a>
  286.  
  287. <a href="/tagged/">link 2</a>
  288.  
  289. <a href="/tagged/">link 3</a>
  290.  
  291. <a href="/tagged/">link 4</a>
  292.  
  293. <a href="/tagged/">link 5</a>
  294.  
  295. <a href="/tagged/">link 6</a>
  296.  
  297. <a href="/tagged/">link 7</a>
  298.  
  299. <a href="/tagged/">link 8</a>
  300.  
  301. <a href="/tagged/">link 9</a>
  302.  
  303. <a href="/tagged/">link 10</a>
  304.  
  305. <a href="/tagged/">link 11</a>
  306.  
  307. <a href="/tagged/">link 12</a>
  308.  
  309. <a href="/tagged/">link 13</a>
  310.  
  311. <a href="/tagged/">link 14</a>
  312.  
  313. <a href="/tagged/">link 15</a>
  314.  
  315. <a href="/tagged/">link 16</a>
  316.  
  317. <a href="/tagged/">link 17</a>
  318.  
  319. <a href="/tagged/">link 18</a>
  320.  
  321. <a href="/tagged/">link 19</a>
  322.  
  323. <a href="/tagged/">link 20</a>
  324.  
  325. </div>
  326.  
  327. </div></td>
  328.  
  329. <td><div id="grouptitle">Relationships</div> <!-- change the column title here -->
  330.  
  331. <div id="cell">
  332. <div id="image"><img width="120px" src="https://31.media.tumblr.com/5f0874a0c08a8e122542670dcb5af487/tumblr_inline_n3u6k7elvh1rp2lgk.jpg"/><!--change the image url here-->
  333. </div>
  334.  
  335. <div id="content">
  336.  
  337. <div id="grouplinks">
  338.  
  339. <!-- add your navigation links here -->
  340.  
  341. <a href="/tagged/">link 1</a>
  342.  
  343. <a href="/tagged/">link 2</a>
  344.  
  345. <a href="/tagged/">link 3</a>
  346.  
  347. <a href="/tagged/">link 4</a>
  348.  
  349. <a href="/tagged/">link 5</a>
  350.  
  351. <a href="/tagged/">link 6</a>
  352.  
  353. <a href="/tagged/">link 7</a>
  354.  
  355. <a href="/tagged/">link 8</a>
  356.  
  357. <a href="/tagged/">link 9</a>
  358.  
  359. <a href="/tagged/">link 10</a>
  360.  
  361. <a href="/tagged/">link 11</a>
  362.  
  363. <a href="/tagged/">link 12</a>
  364.  
  365. <a href="/tagged/">link 13</a>
  366.  
  367. <a href="/tagged/">link 14</a>
  368.  
  369. <a href="/tagged/">link 15</a>
  370.  
  371. <a href="/tagged/">link 16</a>
  372.  
  373. <a href="/tagged/">link 17</a>
  374.  
  375. <a href="/tagged/">link 18</a>
  376.  
  377. <a href="/tagged/">link 19</a>
  378.  
  379. <a href="/tagged/">link 20</a>
  380.  
  381. </div>
  382.  
  383. </div></td>
  384.  
  385. <td><div id="grouptitle">Verses</div> <!-- change the column title here -->
  386.  
  387. <div id="cell">
  388. <div id="image"><img width="120px" src="https://31.media.tumblr.com/cc0a64671fd48d87365179e0e39449fb/tumblr_inline_n3u6qxkeuX1rp2lgk.jpg"/><!--change the image url here-->
  389. </div>
  390.  
  391. <div id="content">
  392.  
  393. <div id="grouplinks">
  394.  
  395. <!-- add your navigation links here -->
  396.  
  397. <a href="/tagged/">link 1</a>
  398.  
  399. <a href="/tagged/">link 2</a>
  400.  
  401. <a href="/tagged/">link 3</a>
  402.  
  403. <a href="/tagged/">link 4</a>
  404.  
  405. <a href="/tagged/">link 5</a>
  406.  
  407. <a href="/tagged/">link 6</a>
  408.  
  409. <a href="/tagged/">link 7</a>
  410.  
  411. <a href="/tagged/">link 8</a>
  412.  
  413. <a href="/tagged/">link 9</a>
  414.  
  415. <a href="/tagged/">link 10</a>
  416.  
  417. <a href="/tagged/">link 11</a>
  418.  
  419. <a href="/tagged/">link 12</a>
  420.  
  421. <a href="/tagged/">link 13</a>
  422.  
  423. <a href="/tagged/">link 14</a>
  424.  
  425. <a href="/tagged/">link 15</a>
  426.  
  427. <a href="/tagged/">link 16</a>
  428.  
  429. <a href="/tagged/">link 17</a>
  430.  
  431. <a href="/tagged/">link 18</a>
  432.  
  433. <a href="/tagged/">link 19</a>
  434.  
  435. <a href="/tagged/">link 20</a>
  436.  
  437. </div>
  438.  
  439. </div></td>
  440.  
  441. </table>
  442.  
  443.  
  444. <div id="bottombar">
  445. <div id="title">n a v i g a t i o n</div>
  446. <div id="links">
  447. <a href="/">return</a> ♛
  448. <a href="/ask">questions</a> ♛
  449. <a href="/submit">submit</a> ♛
  450. <a href="/archive">history</a> ♛
  451. <a href="https://octomoosey.tumblr.com/">theme</a>
  452. </div>
  453. </div>
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!