API tools faq
paste
Advertisement
sunkei

Anime

sunkei
Aug 25th, 2012
17,189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.24 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Anime page
  3. made by gyapo.tumblr.com
  4. don't remove this comment
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20.  
  21. <style type="text/css">
  22.  
  23. body
  24. {font-family:arial;
  25. font-size:9px;
  26. background-position: fixed;
  27. background-attachment:fixed;
  28. background-repeat:repeat;
  29. background-image:url("http://static.tumblr.com/s2ymoja/PFLm8cfpd/p25.png");
  30. background-color:#fff;}
  31.  
  32. a
  33. {text-decoration:none;}
  34.  
  35.  
  36. /* sidebar & credits*/
  37. #sidebar
  38. {position:fixed;
  39. background-position: fixed;
  40. background-attachment:fixed;
  41. background-repeat:repeat;
  42. background-image:url("http://25.media.tumblr.com/tumblr_ly0ae2N4hE1r9g6hvo7_r1_250.png");
  43. top:0px;
  44. left:0px;
  45. background-color:#000;
  46. width:125px;
  47. height:100%;
  48. border-right:5px solid #fff;}
  49.  
  50. .credits
  51. {font-size:8px;
  52. text-transform:uppercase;
  53. letter-spacing:1px;
  54. padding-left:1px;}
  55.  
  56. #back
  57. {font-size:75px;
  58. width:125px;
  59. position:fixed;
  60. text-shadow:2px 0px #fff;
  61. color:#000;
  62. margin-top:40%;
  63. text-align:center;}
  64.  
  65. #back a
  66. {color:#000;}
  67.  
  68.  
  69.  
  70.  
  71.  
  72. #all
  73. {margin:0 auto;
  74. padding-left:125px;}
  75.  
  76. #pannel
  77. {width:438px;
  78. height:306px;
  79. padding:10px;
  80. border:1px solid #ddd;
  81. background-color:#fff;}
  82.  
  83. #poster
  84. {width:200px;
  85. height:300px;
  86. border:1px solid #ddd;
  87. padding:2px;
  88. overflow:hidden;
  89. float:left;}
  90.  
  91. #title
  92. {text-align:center;
  93. color:#ed1b31;
  94. padding:0px 0px 0px 1px;
  95. font-size:10px;
  96. letter-spacing:1px;
  97. font-family:trebuchet ms;
  98. text-transform:uppercase;
  99. border-bottom:1px dotted #c5c5c5;}
  100.  
  101. #sub /*japanese title*/
  102. {text-align:center;
  103. font-family:trebuchet ms;
  104. font-size:10px;
  105. color:#c5c5c5;
  106. margin-bottom:3px;}
  107.  
  108. #about/*plot*/
  109. {text-align:justify;
  110. font-family:arial;
  111. padding:10px;
  112. margin:-10px 10px 10px 10px;
  113. position:absolute;
  114. width:160px;
  115. overflow:hidden;
  116. opacity:0;
  117. background-color:#fff;
  118. color:#111;
  119. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  120.  
  121. #about b /* blod in plot*/
  122. {color:#51bafd;}
  123. #about i/* italic in plot*/
  124. {color:#888;}
  125.  
  126. #poster:hover #about
  127. {opacity:1;
  128. margin:10px;}
  129.  
  130. #more /* [+++] */
  131. {margin-top:5px;
  132. font-size:10px;
  133. font-family:consolas;
  134. text-transform:uppercase;
  135. letter-spacing:2px;
  136. font-weight:800;
  137. color:#ff7d1d;}
  138.  
  139.  
  140. /* side images*/
  141. #icons
  142. {width:232px;
  143. float:left;}
  144.  
  145. .icon
  146. {float:left;
  147. width:100px;
  148. height:100px;
  149. overflow:hidden;
  150. margin:0px 0px 10px 10px;
  151. border:1px solid #ddd;
  152. padding:2px;}
  153.  
  154. #onegif
  155. {width:216px;}
  156.  
  157. .infos
  158. {margin-bottom:2px;
  159. margin-left:10px;
  160. color:#656565;
  161. text-align:justify;}
  162.  
  163. .infos b
  164. {color:#555;}
  165.  
  166. /*color of genre, year etc*/
  167. .category
  168. {text-transform:uppercase;
  169. font-family:consolas;
  170. letter-spacing:1px;
  171. color:#555;
  172. padding-left:5px;
  173. border-left: solid 10px;}
  174. #genre
  175. {color:#31b5db;}
  176. #year
  177. {color:#89d412;}
  178. #episodes
  179. {color:#f2c200;}
  180. #status
  181. {color:#888;}
  182. #thoughts
  183. {color:#bbb;}
  184.  
  185. </style>
  186.  
  187.  
  188. </head>
  189. <body>
  190.  
  191. <table id="all" border="0" cellpadding="0" cellspacing="20">
  192.  
  193.  
  194. <!--start of one line-->
  195. <tr>
  196. <!--start of left pannel-->
  197. <td><div id="pannel">
  198. <div id="poster">
  199. <div id="about">
  200. <div id="title">Title here</div>
  201. <div id="sub">ここにタイトル</div>
  202. Plot HERE
  203. <a href="WIKI URL HERE"><div id="more">[+++]</div></a>
  204. </div><!--about-->
  205. <img width="200px" src="http://static.tumblr.com/s2ymoja/a3Sm99ein/200304.png"/><!--200*300 img-->
  206. </div><!--poster-->
  207. <div id="icons">
  208.  
  209. <a title="NAME HERE" href="WIKI URL HERE">
  210. <div class="icon"><img width="100px" src="http://static.tumblr.com/s2ymoja/Ymnm9bax7/12.png"></div><!--100*100 img-->
  211. </a>
  212. <a title="NAME HERE" href="WIKI URL HERE">
  213. <div class="icon"><img width="100px" src="http://static.tumblr.com/s2ymoja/FThm9baxw/14.png"></div>
  214. </a>
  215.  
  216. <div class="infos"><span class="category" id="genre">genre:</span> TYPE genre HERE</div>
  217. <div class="infos"><span class="category" id="year">year:</span> TYPE year HERE</div>
  218. <div class="infos"><span class="category" id="episodes">Episodes:</span> TYPE episodes HERE</div>
  219.  
  220. <div style="margin-top:10px;">
  221. <div class="infos"><span class="category">Rate:</span> ★ ★ ★ ★ ☆</div>
  222. <div class="infos"><span class="category" id="status">Status:</span> TYPE status HERE</div>
  223. <div class="infos"><span class="category" id="thoughts">Thoughts:</span> TYPE thoughts HERE</div>
  224. </div>
  225. </div><!--icons-->
  226. </div></td>
  227. <!--end left pannel-->
  228.  
  229.  
  230. <!--start of right pannel-->
  231. <td><div id="pannel">
  232. <div id="poster">
  233. <div id="about">
  234. <div id="title">Title here</div>
  235. <div id="sub">ここにタイトル</div>
  236. PLOT HERE.
  237. <a href="WIKI URL HERE"><div id="more">[+++]</div></a>
  238. </div><!--about-->
  239. <img width="200px" src="http://static.tumblr.com/s2ymoja/SCym99jsq/200305.png"/><!--200*300 img-->
  240. </div><!--poster-->
  241. <div id="icons">
  242.  
  243. <a title="NAME HERE" href="WIKI URL HERE">
  244. <div class="icon" id="onegif"><div style="height:100px;overflow:hidden;"><img width="216px" src="http://25.media.tumblr.com/tumblr_lmxgj1qY1d1qjekjeo1_500.gif"></div></div><!--216*100 img-->
  245. </a>
  246.  
  247. <div class="infos"><span class="category" id="genre">genre:</span> TYPE genre HERE</div>
  248. <div class="infos"><span class="category" id="year">year:</span> TYPE year HERE</div>
  249. <div class="infos"><span class="category" id="episodes">Episodes:</span> TYPE episodes HERE</div>
  250.  
  251. <div style="margin-top:10px;">
  252. <div class="infos"><span class="category">Rate:</span> ★ ★ ★ ★ ☆</div>
  253. <div class="infos"><span class="category" id="status">Status:</span> TYPE status HERE</div>
  254. <div class="infos"><span class="category" id="thoughts">Thoughts:</span> TYPE thoughts HERE</div>
  255. </div>
  256. </div><!--icons-->
  257. </div></td><!--end right pannel-->
  258.  
  259. </tr>
  260. <!--end one line-->
  261.  
  262.  
  263.  
  264. </table><!--all-->
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271. <div id="sidebar">
  272. <div id="back"><a href="/">«</a>
  273. <a href="http://gyapo.tumblr.com"><div class="credits">page by gyapo</div></a>
  274. </div>
  275. </div><!--sidebar-->
  276. </body>
  277. </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!