Advertisement
Jyuubi

[Page] → Entertainment #01

May 13th, 2012
12,268
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.27 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!--
  5. THEME: ENTERTAINMENT PAGE #01
  6. BY: jyuubi.org / manatopia.org
  7.  
  8. Please do not redistribute or use to make your own!
  9. You may edit whatever you please, but leave credit.
  10. -->
  11.  
  12. <head>
  13. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16.  
  17. <style type="text/css">
  18. /* BODY */
  19. body {
  20. background-image: url('http://s5.postimage.org/potowpjhv/entertainment01_bg.png');
  21. background-attachment: fixed;
  22. background-color: #2c2929;
  23. }
  24.  
  25. #container {
  26. width: 400px;
  27. margin: auto;
  28. }
  29.  
  30. .section {
  31. margin-bottom: 35px;
  32. }
  33.  
  34. td {
  35. background-color: #292828;
  36. padding: 2px;
  37. font-family: calibri;
  38. font-size: 9px;
  39. color: #857e7e;
  40. text-transform: uppercase;
  41. letter-spacing: 2px;
  42. text-align: center;
  43. }
  44.  
  45. /* FIRST TABLE (ANIME) */
  46. .firsttitle {
  47. font-family: calibri;
  48. font-size: 14px;
  49. color: #bcad47;
  50. text-transform: uppercase;
  51. letter-spacing: 4px;
  52. text-align: center;
  53. }
  54.  
  55. td.firsttop {
  56. background-color: #bcad47;
  57. padding: 2px;
  58. font-family: calibri;
  59. font-size: 11px;
  60. color: #635b23;
  61. font-weight: bold;
  62. text-transform: uppercase;
  63. letter-spacing: 2px;
  64. text-align: center;
  65. }
  66.  
  67. /* SECOND TABLE (TV SHOWS) */
  68. .secondtitle {
  69. font-family: calibri;
  70. font-size: 14px;
  71. color: #bc4776;
  72. text-transform: uppercase;
  73. letter-spacing: 4px;
  74. text-align: center;
  75. }
  76.  
  77. td.secondtop {
  78. background-color: #bc4776;
  79. padding: 2px;
  80. font-family: calibri;
  81. font-size: 11px;
  82. color: #742847;
  83. font-weight: bold;
  84. text-transform: uppercase;
  85. letter-spacing: 2px;
  86. text-align: center;
  87. }
  88.  
  89. /* THIRD TABLE (GAMES) */
  90. .thirdtitle {
  91. font-family: calibri;
  92. font-size: 14px;
  93. color: #47bcbb;
  94. text-transform: uppercase;
  95. letter-spacing: 4px;
  96. text-align: center;
  97. }
  98.  
  99. td.thirdtop {
  100. background-color: #47bcbb;
  101. padding: 2px;
  102. font-family: calibri;
  103. font-size: 11px;
  104. color: #24706f;
  105. font-weight: bold;
  106. text-transform: uppercase;
  107. letter-spacing: 2px;
  108. text-align: center;
  109. }
  110.  
  111. /* THIRD TABLE (BOOKS) */
  112. .fourthtitle {
  113. font-family: calibri;
  114. font-size: 14px;
  115. color: #bc475a;
  116. text-transform: uppercase;
  117. letter-spacing: 4px;
  118. text-align: center;
  119. }
  120.  
  121. td.fourthtop {
  122. background-color: #bc475a;
  123. padding: 2px;
  124. font-family: calibri;
  125. font-size: 11px;
  126. color: #712531;
  127. font-weight: bold;
  128. text-transform: uppercase;
  129. letter-spacing: 2px;
  130. text-align: center;
  131. }
  132.  
  133. /* CREDITS */
  134. #credit {
  135. position: fixed;
  136. bottom: 10px;
  137. right: 10px;
  138. font-family: calibri;
  139. font-size: 8px;
  140. text-transform: uppercase;
  141. text-align: right;
  142. letter-spacing: 1px;
  143. }
  144.  
  145. #credit a {
  146. color: #bc4776;
  147. text-decoration: none;
  148. }
  149. </style>
  150. </head>
  151. <body>
  152.  
  153. <div id="container">
  154.  
  155. <!-- START FIRST SECTION -->
  156. <div class="section">
  157. <!-- TITLE --> <div class="firsttitle">Anime</div> <!-- TITLE -->
  158. <table cellpadding="0">
  159.  
  160. <!-- FIRST INFO -->
  161. <tr>
  162. <td class="firsttop" width="50px">#</td> <td class="firsttop" width="175px">Anime Title</td> <td class="firsttop" width="175px">Progress</td>
  163. </tr>
  164. <!-- FIRST INFO -->
  165.  
  166. <!-- COPY AND PASTE BELOW TO MAKE NEW LINE -->
  167. <tr>
  168. <td class="first" width="50px">1</td> <td class="first" width="175px">Brave 10</td> <td class="first" width="175px">completed</td>
  169. </tr>
  170. <!-- COPY AND PASTE ABOVE TO MAKE NEW LINE -->
  171.  
  172. </table>
  173. </div>
  174. <!-- END FIRST SECTION -->
  175.  
  176.  
  177. <!-- START SECOND SECTION -->
  178. <div class="section">
  179. <!-- TITLE --> <div class="secondtitle">Television Shows</div> <!-- TITLE -->
  180. <table cellpadding="0">
  181.  
  182. <!-- SECOND INFO -->
  183. <tr>
  184. <td class="secondtop" width="50px">#</td> <td class="secondtop" width="175px">TV Show Title</td> <td class="secondtop" width="175px">Progress</td>
  185. </tr>
  186. <!-- SECOND INFO -->
  187.  
  188. <!-- COPY AND PASTE BELOW TO MAKE NEW LINE -->
  189. <tr>
  190. <td width="50px">1</td> <td width="175px">Degrassi</td> <td width="175px">s. 11 / ep. 44</td>
  191. </tr>
  192. <!-- COPY AND PASTE ABOVE TO MAKE NEW LINE -->
  193.  
  194. </table>
  195. </div>
  196. <!-- END SECOND SECTION -->
  197.  
  198. <!-- HOW TO CREATE THIRD & FOURTH SECTIONS:
  199. > Select from START SECOND SECTION to END SECOND SECTION and copy
  200. > Paste it below END SECOND SECTION
  201. > Change everything that says "second" to "third" or "fourth"
  202. -->
  203.  
  204. <div id="credit">
  205. <!-- DO NOT REMOVE OR EDIT -->
  206. <a href="http://jyuubi.org">&copy; jyuubi.org</a>
  207. </div>
  208.  
  209. </body>
  210. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement