xmisa0923

ANRQ

Aug 7th, 2013
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.43 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: ROLE PLAYS 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. <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
  14. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <style type="text/css">
  19. /* BODY */
  20. body {
  21. background-image: url('');
  22. background-attachment: fixed;
  23. background-color: #FFFFFF;
  24. }
  25.  
  26. #container {
  27. width: 700px;
  28. margin: auto;
  29. }
  30.  
  31. /* MAIN HEADER (MY ROLE PLAYS) */
  32. #header {
  33. background-color: #000000;
  34. height: 40px;
  35. width: 688px;
  36. margin-left: 3px;
  37. margin-bottom: 10px;
  38. font-family: 'Lato', sans-serif;
  39. font-size: 20px;
  40. color: #FFFFFF;
  41. text-transform: uppercase;
  42. line-height: 40px;
  43. text-align: center;
  44. letter-spacing: 8px;
  45. }
  46.  
  47. /* ROLE PLAY HEADER (SUBJECT) */
  48. .roleplay {
  49. background-color: #262626;
  50. display: block;
  51. width: 220px;
  52. height: 30px;
  53. font-family: calibri;
  54. font-size: 11px;
  55. text-transform: uppercase;
  56. letter-spacing: 2px;
  57. text-align: center;
  58. line-height: 30px;
  59. }
  60.  
  61. .roleplay a {
  62. color: #FFFFFF;
  63. text-decoration: none;
  64. }
  65.  
  66. /* MAIN INFO BOX (BORDER, FONT) */
  67. .info {
  68. background-color: #F0F0F0;
  69. width: 200px;
  70. padding: 10px;
  71. font-family: calibri;
  72. font-size: 10px;
  73. color: #262626;
  74. letter-spacing: 1px;
  75. text-align: justify;
  76. line-height: 12px;
  77. margin-bottom: 20px;
  78. margin-right: 10px;
  79. }
  80.  
  81. .info img {
  82. opacity: ;
  83. max-width: 200px;
  84. }
  85.  
  86. /* INFORMATION BOX */
  87. .desc {
  88. background-color: #F5F5F5;
  89. padding: 5px;
  90. }
  91.  
  92. .desc b, strong {
  93. color: #755e64;
  94. }
  95.  
  96. /* CREDITS */
  97. #credit {
  98. position: fixed;
  99. bottom: 10px;
  100. right: 10px;
  101. font-family: calibri;
  102. font-size: 9px;
  103. text-transform: uppercase;
  104. text-align: right;
  105. letter-spacing: 1px;
  106. }
  107.  
  108. #credit a {
  109. color: #755e64;
  110. text-decoration: none;
  111. }
  112. </style>
  113. </head>
  114. <body>
  115.  
  116. <div id="container">
  117.  
  118. <!-- MAIN HEADER -->
  119. <div id="header">anime recommendations</div>
  120. <!-- MAIN HEADER -->
  121.  
  122. <table><tr>
  123.  
  124. <!-- FIRST COLUMN -->
  125. <td valign="top">
  126.  
  127. <!-- ROLE PLAY HEADER -->
  128. <div class="roleplay"><a href="https://www.youtube.com/watch?v=rSVc0-U2F70">D.Gray-man</a></div>
  129. <!-- ROLE PLAY HEADER -->
  130.  
  131. <div class="info">
  132. <!-- IMAGE -->
  133. <img src="http://i.imgur.com/GbR4WeO.png">
  134. <!-- IMAGE -->
  135.  
  136. <!-- INFORMATION BOX -->
  137. <div class="desc">
  138. <small>「<B><font color=#00c5cd> EPISODES: </FONT><B>103. 」
  139. Towards the end of the 19th century, Allen Walker officially joins the organization of Exorcists that destroy the beings known as Akuma; mechanic weapons made by the Millennium Earl with the suffering souls of the dead. Allen, along with his fellow Exorcists must put a stop to the Millennium Earl's ultimate plot that could lead to the destruction of the world and all who live on it. </small>
  140. </div>
  141. <!-- INFORMATION BOX -->
  142. </div>
  143. <!-- ROLE PLAY HEADER -->
  144. <div class="roleplay"><a href="https://www.youtube.com/watch?v=uG8Pvu-Liwo">psycho-pass</a></div>
  145. <!-- ROLE PLAY HEADER -->
  146.  
  147. <div class="info">
  148. <!-- IMAGE -->
  149. <img src="http://i.imgur.com/Tn6bICM.png">
  150. <!-- IMAGE -->
  151.  
  152. <!-- INFORMATION BOX -->
  153. <div class="desc">
  154. <small>「<B><font color=#00c5cd> EPISODES: </FONT><B> 22. 」The series takes place in the near future, when it is possible to instantaneously measure and quantify a person's state of mind and personality. This information is recorded and processed, and the term "Psycho-Pass" refers to a standard used to measure an individual's being. The story centers around the "enforcement officer" Shinya Kougami, who is tasked with managing crime in such a world. </small>
  155. </div>
  156. <!-- INFORMATION BOX -->
  157. </td>
  158. <!-- FIRST COLUMN -->
  159.  
  160.  
  161. <!-- SECOND COLUMN -->
  162. <td valign="top">
  163.  
  164. <!-- ROLE PLAY HEADER -->
  165. <div class="roleplay"><a href="http://www.youtube.com/watch?v=q1YOX6VGE6U">Claymore</a></div>
  166. <!-- ROLE PLAY HEADER -->
  167.  
  168. <div class="info">
  169. <!-- IMAGE -->
  170. <img src="http://i.imgur.com/jOONiWG.png">
  171. <!-- IMAGE -->
  172.  
  173. <!-- INFORMATION BOX -->
  174. <div class="desc">
  175. <small>「<B><font color=#00c5cd> EPISODES: </FONT><B> 26. 」In this world, humans coexist with demonic predators called Yoma. These demonic beasts feast on human innards and can blend into human society by taking on human appearance. As a counter force, a mysterious organization created half-human, half-Yoma warriors known as the "Silver Eyed Witches" or "Claymores", after the huge claymore swords they carry. They are detested by humanity however necessary.</small>
  176. </div>
  177. <!-- INFORMATION BOX -->
  178. </div>
  179. <!-- ROLE PLAY HEADER -->
  180. <div class="roleplay"><a href="http://www.youtube.com/watch?v=02IM0zXhyzw">Kuroshitsuji </a></div>
  181. <!-- ROLE PLAY HEADER -->
  182.  
  183. <div class="info">
  184. <!-- IMAGE -->
  185. <img src="http://i.imgur.com/wOHVTFs.png">
  186. <!-- IMAGE -->
  187.  
  188. <!-- INFORMATION BOX -->
  189. <div class="desc">
  190. <small>「<B><font color=#00c5cd> EPISODES: </FONT><B> 24. 」The series takes place in the near future, when it is possible to instantaneously measure and quantify a person's state of mind and personality. This In Victorian-era Europe, a young boy loses everything he once held near and dear to a vicious plot. In his moment of death, he strikes a deal with a demon: his soul, in exchange for revenge. Ciel Phantomhive is now the head of the Phantomhive corporation, handling all business affairs as well as the underground work for the Queen of England. His new partner is a demon butler, Sebastian Michaelis, whose powers as a butler is only surpassed by his strength as a demon.</small>
  191. </div>
  192. <!-- INFORMATION BOX -->
  193. </td>
  194. <!-- SECOND COLUMN -->
  195.  
  196.  
  197. <!-- THIRD COLUMN -->
  198. <td valign="top">
  199.  
  200. <!-- ROLE PLAY HEADER -->
  201. <div class="roleplay"><a href="http://www.youtube.com/watch?v=NKflh9WztKo">SHINGEKI NO KYOJIN</a></div>
  202. <!-- ROLE PLAY HEADER -->
  203.  
  204. <div class="info">
  205. <!-- IMAGE -->
  206. <img src="http://i.imgur.com/5glCDHY.png">
  207. <!-- IMAGE -->
  208.  
  209. <!-- INFORMATION BOX -->
  210. <div class="desc">
  211. <small>「<B><font color=#00c5cd> EPISODES: </FONT><B> 25. 」Several hundred years ago, humans were nearly exterminated by titans. Titans are typically several stories tall, seem to have no intelligence, devour human beings and, worst of all, seem to do it for the pleasure rather than as a food source. A small percentage of humanity survived by walling themselves in a city protected by extremely high walls, even taller than the biggest of titans.
  212. </div>
  213. <!-- INFORMATION BOX -->
  214. </div>
  215.  
  216.  
  217.  
  218. <!-- ROLE PLAY HEADER -->
  219. <div class="roleplay"><a href="http://www.youtube.com/watch?v=Nl4zXuMeT6g">Elfen Lied</a></div>
  220. <!-- ROLE PLAY HEADER -->
  221.  
  222. <div class="info">
  223. <!-- IMAGE -->
  224. <img src="http://i.imgur.com/WYUES3c.png">
  225. <!-- IMAGE -->
  226.  
  227. <!-- INFORMATION BOX -->
  228. <div class="desc">
  229. <small>「<B><font color=#00c5cd> EPISODES: </FONT><B> 13. 」The Diclonius, a mutated homosapien that is said to be selected by God and will eventually become the destruction of mankind, possess two horns on their heads and have a "sixth sense" which gives them telekinetic abilities. Due to this dangerous power, they have been captured and isolated in laboratories by the government.
  230. </div>
  231. <!-- INFORMATION BOX -->
  232.  
  233. </td>
  234.  
  235. </tr></table>
  236.  
  237. </div>
  238.  
  239. <div id="credit">
  240. <a href="/">go back?</a><br />
  241. <!-- DO NOT REMOVE OR EDIT -->
  242. <a href="http://manatopia.org">&copy; manatopia</a>
  243. </div>
  244.  
  245. </body>
  246. </html>
Advertisement
Add Comment
Please, Sign In to add comment