Advertisement
shotforthesky

Series List Tumblr Page Theme v1

Oct 6th, 2013
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.21 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- Theme by Mimì @ thearmyinside.tumblr.com -->
  6.  
  7. <head>
  8. <link href='http://fonts.googleapis.com/css?family=Passero+One' rel='stylesheet' type='text/css'>
  9. <link href='http://fonts.googleapis.com/css?family=Mrs+Sheppards' rel='stylesheet' type='text/css'>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <style type="text/css">
  15.  
  16. body {
  17. background: #fcfab8;
  18. }
  19.  
  20. #content {
  21. width:900px;
  22. padding:10px;
  23. margin-left:20%;
  24. margin-top:60px;
  25. }
  26.  
  27. .intestazione {
  28. background-color: #EDD199;
  29. padding:6px;
  30. border:1px solid #fff;
  31. font-family: 'Passero One', cursive;
  32. text-transform:uppercase;
  33. font-size:15px;
  34. color:#000;
  35. box-shadow: 1px 1px 0px #000000;
  36. margin-left:-1px;
  37. }
  38.  
  39. .cella {
  40. background-color:#F0E0AE;
  41. padding:8px;
  42. border: 1px solid #fff;
  43. font-family:Century Gothic;
  44. font-size:14px;
  45. color:#000;
  46. }
  47.  
  48. #title {
  49. font-family: 'Mrs Sheppards', cursive;
  50. font-size:36px;
  51. margin-left:20%;
  52. color: #EDD199;
  53. text-shadow: 2px 2px #000000;
  54. }
  55.  
  56. #navigation {
  57. width:110%;
  58. height:13px;
  59. padding:10px;
  60. text-align:center;
  61. position:fixed;
  62. top:0px;
  63. left:-5px;
  64. background-color: #EDD199;
  65. box-shadow: 2px 2px 2px #000000;
  66. }
  67.  
  68. .link {
  69. width:90px;
  70. float:left;
  71. margin:-5px 10px 1px 1px;
  72. background-color: #F0E0AE;
  73. padding:3px;
  74. font-family:Century Gothic;
  75. font-size:12px;
  76. color: #000;
  77. box-shadow: 0px 0px 2px #000000;
  78. transition: all 0.6s ease-out;
  79. -o-transition-transition: all 0.6s ease-out;
  80. -webkit-transition: all 0.6s ease-out;
  81. -moz-transition: all 0.6s ease-out;
  82. }
  83.  
  84. .link:hover {
  85. background-color: #D2B48C;
  86. transition: all 0.6s ease-out;
  87. -o-transition-transition: all 0.6s ease-out;
  88. -webkit-transition: all 0.6s ease-out;
  89. -moz-transition: all 0.6s ease-out;
  90. }
  91.  
  92. a {
  93. color: #B28345;
  94. text-transform:none;
  95. text-decoration:none;
  96. transition: all 0.6s ease-out;
  97. -o-transition-transition: all 0.6s ease-out;
  98. -webkit-transition: all 0.6s ease-out;
  99. -moz-transition: all 0.6s ease-out;
  100. }
  101.  
  102. a:hover {
  103. color: #822222;
  104. transition: all 0.6s ease-out;
  105. -o-transition-transition: all 0.6s ease-out;
  106. -webkit-transition: all 0.6s ease-out;
  107. -moz-transition: all 0.6s ease-out;
  108. }
  109.  
  110. </style>
  111. </head>
  112. <body>
  113. <!-- Navigation -->
  114. <div id="navigation">
  115. <div style="margin-left:25%;">
  116. <div class="link"><a href="/">Blog</a></div> <div class="link"><a href="/ask">Ask Me</a></div> <div class="link"><a href="http://www.tumblr.com">Dashboard</a></div><div class="link"><a href="http://thearmyinside.tumblr.com">(C)</a></div>
  117. </div>
  118. </div>
  119.  
  120. <!-- Content -->
  121. <div id="content">
  122.  
  123. <div id="title">My Series List</div>
  124.  
  125. <table style="padding:10px;">
  126. <!-- Heading -->
  127. <tr>
  128. <td><div class="intestazione">Series</div></td>
  129. <td><div class="intestazione">Status Series</div></td>
  130. <td><div class="intestazione">Your Status</div></td>
  131. <td><div class="intestazione">Last Episode Aired</div></td>
  132. <td><div class="intestazione">Last Episode Watched</div></td>
  133. </tr>
  134. <!-- End Heading -->
  135. <!-- Lines -->
  136. <tr>
  137. <td><div class="cella">Glee</div></td>
  138. <td><div class="cella">Airing</div></td>
  139. <td><div class="cella">Watching</div></td>
  140. <td><div class="cella">S05E02</div></td>
  141. <td><div class="cella">S05E02</div></td>
  142. </tr>
  143.  
  144. <tr>
  145. <td><div class="cella">The Fosters</div></td>
  146. <td><div class="cella">Airing</div></td>
  147. <td><div class="cella">Waiting S02</div></td>
  148. <td><div class="cella">S01E10</div></td>
  149. <td><div class="cella">S01E10</div></td>
  150. </tr>
  151.  
  152. <tr>
  153. <td><div class="cella">Heroes</div></td>
  154. <td><div class="cella">Ended</div></td>
  155. <td><div class="cella">Watching</div></td>
  156. <td><div class="cella">S04E19</div></td>
  157. <td><div class="cella">S03E02</div></td>
  158. </tr>
  159. <!-- End Lines -->
  160.  
  161. <!--
  162. To add a new series to the table copy and paste this code:
  163.  
  164. <tr>
  165. <td><div class="cella">SERIES TITLE</div></td>
  166. <td><div class="cella">SERIES STATUS: AIRING / ENDED</div></td>
  167. <td><div class="cella">YOUR STATUS: WATCHING / WATCHED / ON HIATUS / ABANDONED</div></td>
  168. <td><div class="cella">LAST EPISODE AIRED</div></td>
  169. <td><div class="cella">LAST EPISODE WATCHED</div></td>
  170. </tr>
  171.  
  172. -->
  173. </table>
  174. </div>
  175. </body>
  176. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement