API tools faq
paste
Advertisement
nickiminaj

TAGLIST THEME #1 - Theseus

nickiminaj
Feb 19th, 2013
2,195
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4.  
  5. <!-- TAGSLIST THEME #1 - "THESEUS" by CAPITOLPN | TUMBLR
  6.  
  7. Please for the sake of your own soul:
  8. #1: DO NOT remove the credit.
  9. #2: DO NOT redistribute & claim it as your own.
  10. #3: If you do, (Liam Neeson's Voice) I will find you, and I will kill you :P
  11. #4: DO NOT use this as a base code.
  12.  
  13. BUT you can:
  14. - Majorly or minorly edit this code as you please.
  15.  
  16. E N J O Y ! Sincerely, President Snow -->
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml">
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25. <meta http-equiv="content-type" content"text/html; charset-iso-8859-1" />
  26.  
  27. </head>
  28.  
  29. <style type="text/css">
  30.  
  31. /* GENERAL CODING */
  32.  
  33. body {
  34. background-image:url('http://24.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo4_400.png');
  35. background-attachment: fixed;
  36. font-family: calibri;
  37. font-size: 10px;
  38. color: #000000;
  39. }
  40.  
  41. a {
  42. text-decoration: none;
  43. color: #404040;
  44. }
  45.  
  46. a:hover {
  47. text-transform: uppercase;
  48. }
  49.  
  50. /* SIDE CONTAINER */
  51. #sidec {
  52. width: 255px;
  53. height: 100%;
  54. background: transparent;
  55. margin-left: 150px;
  56. margin-top: 25px;
  57. }
  58.  
  59. #sidec img {
  60. border: 5px solid #FFFFFF;
  61. }
  62.  
  63. .heading {
  64. width: 60px;
  65. height: auto;
  66. font-family: impact;
  67. font-size: 15px;
  68. color: #505050;
  69. text-align: center;
  70. padding: 10px;
  71. border: 1px solid #FFFFFF;
  72.  
  73. }
  74.  
  75. .description {
  76. text-align: center;
  77. margin-top: 10px;
  78. padding: 15px;
  79. border: 1px solid #FFFFFF;
  80. }
  81.  
  82. .links a {
  83. display: block;
  84. background-color: white;
  85. width: 100px;
  86. height: 12px;
  87. text-transform: uppercase;
  88. text-align: center;
  89. padding: 5px 8px 5px 8px;
  90. margin-left: 10px;
  91. }
  92.  
  93. .links a:hover {
  94. display: block;
  95. background-color: #19c9b6;
  96. color: white;
  97. width: 100px;
  98. height: 12px;
  99. text-transform: uppercase;
  100. text-align: center;
  101. padding: 5px 8px 5px 8px;
  102. margin-left: 10px;
  103. }
  104.  
  105. /* TAGLIST CONTAINER */
  106.  
  107. #tagsc1 {
  108. display: inline-block;
  109. position: absolute;
  110. width: 200px;
  111. height: auto;
  112. border: 1px solid #FFFFFF;
  113. background: transparent;
  114. margin-top: -550px;
  115. margin-left: 600px;
  116. padding: 7px;
  117. }
  118.  
  119. #tagsc td {
  120. border: 1px solid #DDDDDD;
  121. font-family: calibri;
  122. font-size: 10px;
  123. text-align: left;
  124. width: 200px;
  125. height: auto;
  126. background-color: white;
  127. padding: 6px;
  128. }
  129.  
  130. #tagsc th {
  131. text-align: center;
  132. font-size: 12px;
  133. color: white;
  134. background-image:url('http://media.tumblr.com/tumblr_mangaj73RK1r7n328.jpg');
  135. padding: 0px;
  136. }
  137.  
  138. #tagsc a:hover {
  139. color: #19c9b6;
  140. text-transform: uppercase;
  141. }
  142.  
  143. #tagsc2 {
  144. display: block;
  145. position: absolute;
  146. width: 200px;
  147. height: auto;
  148. border: 1px solid #FFFFFF;
  149. background: transparent;
  150. margin-top: -550px;
  151. margin-left: 850px;
  152. padding: 7px;
  153. }
  154.  
  155. #tagsc2 td {
  156. border: 1px solid #DDDDDD;
  157. font-family: calibri;
  158. font-size: 10px;
  159. text-align: left;
  160. width: 200px;
  161. height: auto;
  162. background-color: white;
  163. padding: 6px;
  164. }
  165.  
  166. #tagsc2 th {
  167. text-align: center;
  168. font-size: 12px;
  169. color: white;
  170. background-image:url('http://media.tumblr.com/tumblr_mangaj73RK1r7n328.jpg');
  171. padding: 0px;
  172. }
  173.  
  174. #tagsc2 a:hover {
  175. color: #19c9b6;
  176. text-transform: uppercase;
  177. }
  178.  
  179. #credit {
  180. display: block;
  181. opacity: .5;
  182. margin-left: 1200px;
  183. margin-top: 15px;
  184. width: 50px;
  185. height: auto;
  186. text-align: center;
  187. background-color: white;
  188. border: 1px solid #DDDDDD;
  189. bottom: 0px;
  190. right: 0px;
  191. padding: 5px;
  192. }
  193.  
  194. #credit:hover {
  195. display: block;
  196. opacity: 1;
  197. margin-left: 1200px;
  198. margin-top: 15px;
  199. width: 50px;
  200. height: auto;
  201. text-align: center;
  202. background-color: #19c9b6;
  203. text-transform: uppercase;
  204. border: 1px solid #DDDDDD;
  205. bottom: 0px;
  206. right: 0px;
  207. padding: 5px;
  208. transition-duration: .4s;
  209. -moz-transition-duration: .4s;
  210. -webkit-transition-duration: .4s;
  211. -o-transition-duration: .4s;
  212. }
  213.  
  214. </style>
  215. <body>
  216.  
  217. <!-- THE SIDEBAR INFORMATION -->
  218.  
  219. <div id="sidec">
  220. <center><div class="heading">THESEUS</div></center><br>
  221. <center><img src="http://25.media.tumblr.com/a0499e6658feb5befab9587a5d7a384a/tumblr_mi98m2DbYJ1qerdhoo3_250.png"></center>
  222. <div class="description">
  223. <strong>"Theseus"</strong> Taglist Theme #1 by CapitolPN | Tumblr<br />
  224. Welcome to Theseus. I'm glad that you're considering to use this theme for your tag page and if you are, then that makes me happy! Here's the description. You can put anything on it. May it be short, or may it be long. Whatever your heart desires.<br />
  225. Sidebar credit to <a href="http://ennobaria.tumblr.com/">ennobaria</a> & BG credit to owner.
  226. </div>
  227. <br>
  228. <!-- NAVIGATION LINKS -->
  229. <center>
  230. <div class="links">
  231. <a href="/">backward</a>
  232. <br>
  233. <a href="/ask">message</a>
  234. <br>
  235. <a href="http://tumblr.com/dashboard">dashboard</a>
  236. </div>
  237. </center>
  238. </div>
  239.  
  240. <!-- TAGSLIST COLUMN 1
  241. To add a new box:
  242. Step 1: Copy the whole table code under the "BOX" section.
  243. Step 2: Paste it on a new line under the previous table code. -->
  244.  
  245. <div id="tagsc1">
  246. <div id="tagsc">
  247. <!-- BOX -->
  248. <table>
  249. <thead><th colspan="1">DISTRICT 1</th></thead>
  250. <tr>
  251. <td>
  252. #1: <a href="#">Marvel</a><br/>
  253. #2: <a href="#">Glimmer</a><br />
  254. </td>
  255. </tr>
  256. </table>
  257. <br>
  258. <!-- BOX -->
  259. <table>
  260. <thead><th colspan="1">DISTRICT 2</th></thead>
  261. <tr>
  262. <td>
  263. #1: <a href="#">Cato</a><br/>
  264. #2: <a href="#">Clove</a><br />
  265. </td>
  266. </tr>
  267. </table>
  268. <br>
  269. <!-- BOX -->
  270. <table>
  271. <thead><th colspan="1">CAPITOL</th></thead>
  272. <tr>
  273. <td>
  274. #1: <a href="#">President Snow</a><br/>
  275. #2: <a href="#">Cinna</a><br />
  276. #3: <a href="#">Effie Trinket</a><br />
  277. #4: <a href="#">Seneca Crane</a><br />
  278. </td>
  279. </tr>
  280. </table>
  281. </div>
  282. </div>
  283.  
  284. <!-- END TAGLIST COLUMN 1 -->
  285.  
  286. <!-- START TAGLIST COLUMN 2 -->
  287. <div id="tagsc2">
  288. <!-- BOX -->
  289. <table>
  290. <thead><th colspan="1">DISCTRICT 11</th></thead>
  291. <tr>
  292. <td>
  293. #1: <a href="#">Rue</a><br />
  294. #2: <a href="#">Thresh</a><br />
  295. </td>
  296. </tr>
  297. </table>
  298. <br>
  299. <!-- BOX -->
  300. <table>
  301. <thead><th colspan="1">DISTRICT 12</th></thead>
  302. <tr>
  303. <td>
  304. #1: <a href="#">Katniss Everdeen</a><br />
  305. #2: <a href="#">Peeta Mellark</a><br />
  306. #3: <a href="#">Gale Hawthorne</a><br />
  307. #4: <a href="#">Primrose Everdeen</a><br />
  308. #5: <a href="#">Haymitch Abernathy</a><br />
  309.  
  310. </td>
  311. </tr>
  312. </table>
  313. <br>
  314. <!-- BOX -->
  315. <table>
  316. <thead><th colspan="1">DISTRICT 13</th></thead>
  317. <tr>
  318. <td>
  319. #1: <a href="#">Nothing</a><br />
  320. #2: <a href="#">the Capitol</a><br />
  321. #3: <a href="#">ever expected.</a><br />
  322.  
  323. </td>
  324. </tr>
  325. </table>
  326. </div>
  327.  
  328. <!-- END TAGLIST COLUMN 2 -->
  329.  
  330. <!-- DO NOT REMOVE THIS CREDIT -->
  331. <div id="credit"><a href="http://capitolpn.tumblr.com">capitolpn</a></div>
  332. </body>
  333. </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!