API tools faq
paste
Advertisement
sunkei

Beasts2 500 theme codes

sunkei
Jan 8th, 2012
3,092
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--Theme by gyapo.tumblr.com, don't remove this comment
  3. -->
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12.  
  13. <meta name="color:Link" content="#646464" />
  14. <meta name="color:Link hover" content="#868686" />
  15. <meta name="color:Background" content="#000000" />
  16. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  17.  
  18.  
  19. <meta name="color:Desc" content="#222222" />
  20. <meta name="color:Barr Background" content="#ffffff" />
  21. <meta name="image:Barr Background" content="http://static.tumblr.com/..."/>
  22. <meta name="color:Bar Background" content="#222222" />
  23. <meta name="image:Bar Background" content="http://static.tumblr.com/..."/>
  24. <meta name="color:Navigation hover" content="#222222" />
  25. <meta name="color:Navigation Background" content="#000000" />
  26. <meta name="color:Texts" content="#333333" />
  27. <meta name="color:Entry Background" content="#333333" />
  28. <meta name="color:Texts" content="#ffffff" />
  29.  
  30.  
  31. <meta name="if:Linkspage" content="1"/>
  32. <meta name="text:linkspageurl" content="Your links page url" />
  33. <meta name="if:Permalink" content="1"/>
  34. <meta name="if:Reblog" content="1"/>
  35. <meta name="if:EndlessScroll" content="0"/>
  36.  
  37. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  38.  
  39. {block:IfEndlessScroll}
  40. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  41. {/block:IfEndlessScroll}
  42. <style type="text/css">
  43.  
  44. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  45.  
  46. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  47.  
  48. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Navigation Background};height:75px;}
  49. ::-webkit-scrollbar {height:0px;width:10px;background-color:{color:Background};}
  50.  
  51. body
  52. {background-color:{color:Background};
  53. background-image:url('{image:Background}');
  54. background-position: fixed;
  55. background-attachment:fixed;
  56. background-repeat:repeat;}
  57.  
  58. blockquote
  59. {border-left:2px solid;
  60. padding-left:5px;}
  61.  
  62. a
  63. {text-decoration:none;
  64. color:{color:Link};
  65. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  66. opacity:1;}
  67.  
  68. a:hover
  69. {text-decoration:none;
  70. color:{color:Link hover};
  71. opacity:1;}
  72.  
  73. #bar
  74. {background-color:{color:Bar Background};
  75. background-image:url('{image:Bar Background}');
  76. background-position: fixed;
  77. background-attachment:fixed;
  78. background-repeat:repeat;
  79. position:fixed;
  80. float:left;
  81. top:0px;
  82. left:0px;
  83. width:90px;
  84. height:1500px;
  85. }
  86.  
  87.  
  88. #menu
  89. {position:fixed;
  90. top:160px;
  91. left:35px;}
  92.  
  93.  
  94.  
  95. .navigation
  96. {background-color:{color:Navigation Background};
  97. color:{color:Navigation Background};
  98. text-align:center;
  99. width:15px;
  100. padding-top:8px;
  101. padding-bottom:8px;
  102. height:auto;
  103. font-size:10px;
  104. font-family:consolas;
  105. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  106.  
  107. a.nav
  108. {background-color:{color:Navigation Background};
  109. color:{color:Navigation Background};
  110. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  111.  
  112. a.nav:hover
  113. {background-color:{color:Navigation hover};}
  114.  
  115. .navigation:hover
  116. {background-color:{color:Navigation hover};}
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123. #posts
  124. {width:500px;
  125. height:autolength;
  126. overflow:hidden;
  127. margin-left:450px;
  128. margin-top:0px;
  129. overflow:hidden;
  130. }
  131.  
  132. .post
  133. {width:500px;
  134. overflow:hidden;
  135. height:autolength;
  136. margin-top:0px;
  137. margin-bottom:0px;
  138. font-family:arial;
  139. font-size:10px;
  140. color:{color:Texts};
  141. overflow:hidden;
  142. background-color:{color:Entry Background};}
  143.  
  144. #permabar
  145. {width:500px;font-family:arial;
  146. font-size:10px;
  147. color:{color:Texts};
  148. overflow:hidden;}
  149.  
  150. .perbar
  151. {position:absolute;
  152. font-size:10px;
  153. margin-left:500px;
  154. text-align:center;
  155. width:15px;
  156. height:12px;
  157. overflow:hidden;
  158. padding-top:5px;
  159. padding-bottom:5px;
  160. font-family:arial;
  161. background-color:{color:Navigation Background};
  162. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  163.  
  164. .perbar:hover
  165. {color:{color:Link hover};
  166. height:120px;}
  167.  
  168. .perbar2
  169. {position:absolute;
  170. font-size:10px;
  171. margin-left:500px;
  172. text-align:center;
  173. width:15px;
  174. height:12px;
  175. overflow:hidden;
  176. {block:IfPermalink}margin-top:18px;{/block:IfPermalink}
  177. padding-top:5px;
  178. padding-bottom:5px;
  179. font-family:arial;
  180. background-color:{color:Navigation Background};
  181. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  182.  
  183. .perbar2:hover
  184. {color:{color:Link hover};
  185. height:85px;}
  186.  
  187. #contain
  188. {background-color:{color:Barr Background};
  189. font-family:arial;
  190. font-size:10px;
  191. text-align:center;
  192. background-image:url('{image:Barr Background}');
  193. background-position: fixed;
  194. background-attachment:fixed;
  195. background-repeat:repeat;
  196. position:fixed;
  197. top:0px;
  198. left:-214px;
  199. width:320px;
  200. height:1500px;
  201. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  202. opacity:1;}
  203.  
  204. #contain:hover
  205. {left:90px;
  206. opacity:0.4;}
  207.  
  208. #box
  209. {width:200px;
  210. height:auto;
  211. margin-top:250px;
  212. margin-left:50px;
  213. color:{color:Desc};
  214. overflow:hidden;
  215. vertical-align:text-bottom;
  216. opacity:1;}
  217.  
  218.  
  219. .navi
  220. {margin-top:250px;
  221. margin-left:57px;
  222. height:auto;
  223. text-align:center;
  224. width:10px;
  225. padding-top:8px;
  226. padding-bottom:8px;
  227. height:auto;
  228. font-size:14px;
  229. font-family:consolas;
  230. background-color:{color:Barr Background};
  231. color:{color:Bar Background};
  232. overflow:hidden;
  233. vertical-align:text-bottom;
  234. opacity:1;}
  235. </style>
  236. </head>
  237.  
  238.  
  239. <body>
  240.  
  241.  
  242.  
  243.  
  244. {block:IfEndlessScroll}<div id="top"></div>
  245. <a style="position:fixed;bottom:10px;right:10px;font-size:10px;font-family:arial" href="#top" class="texte">back to top</a>{/block:IfEndlessScroll}
  246.  
  247. <div id="contain">
  248. <div id="box" style="float:left">{Description}</div><a href="/"><div class="navi" style="float:left">a<br/>b<br/>o<br/>u<br/>t</div></a>
  249. </div>
  250.  
  251. <div id="bar">
  252. <div id="menu">
  253. <a href="/" class="nav"><div class="navigation">h<br/>o<br/>m<br/>e</div></a>
  254. <a href="/ask" class="nav"><div class="navigation">a<br/>s<br/>k</div></a>
  255. {block:IfLinkspage}<a href="{text:linkspageurl}" class="nav"><div class="navigation">l<br/>i<br/>n<br/>k<br/>s</div></a> {/block:IfLinkspage} {block:IfNotLinkspage} {/block:IfNotLinkspage}
  256. <a href="/archive" class="nav"><div class="navigation">a<br/>r<br/>c<br/>h<br/>i<br/>v<br/>e</div></a>
  257. <a href="http://gyapo.tumblr.com" class="nav"><div class="navigation">t<br/>h<br/>e<br/>m<br/>e</div></a></div>
  258. </div>
  259.  
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266.  
  267.  
  268. <div id="posts">
  269. <table width="600px" border="0" cellpadding="0" cellspacing="0" align="center">
  270. {block:Posts}
  271. {block:Text}
  272. <div class="post">
  273. {block:IfReblog}<a href="{ReblogURL}" target="_blank"><div class="perbar2">r<br/>e<br/>b<br/>l<br/>o<br/>g</div></a>{/block:IfReblog}{block:IfNotReblog}{/block:IfNotReblog}{block:IfPermalink}<a href="{Permalink}"><div class="perbar">p<br/>e<br/>r<br/>m<br/>a<br/>l<br/>i<br/>n<br/>k</div></a>{/block:IfPermalink}{block:IfNotPermalink}{/block:IfNotPermalink}
  274.  
  275. {block:Title}<a href="{Permalink}"><div class="titre">{Title}</div></a>{/block:Title}
  276. <div>{Body}</div>
  277. </div>
  278. {/block:Text}
  279.  
  280. {block:Photo}
  281. <div class="post"> {block:IfReblog}<a href="{ReblogURL}" target="_blank"><div class="perbar2">r<br/>e<br/>b<br/>l<br/>o<br/>g</div></a>{/block:IfReblog}{block:IfNotReblog}{/block:IfNotReblog}{block:IfPermalink}<a href="{Permalink}"><div class="perbar">p<br/>e<br/>r<br/>m<br/>a<br/>l<br/>i<br/>n<br/>k</div></a>{/block:IfPermalink}{block:IfNotPermalink}{/block:IfNotPermalink}
  282.  
  283. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  284.  
  285. {block:PermalinkPage}{block:Caption}
  286. <div>{Caption}</div>
  287. {/block:Caption}{block:PermalinkPage}
  288.  
  289. </div>
  290. </div>
  291. {/block:Photo}
  292.  
  293. {block:Photoset}
  294. <div class="post">{block:IfReblog}<a href="{ReblogURL}" target="_blank"><div class="perbar2">r<br/>e<br/>b<br/>l<br/>o<br/>g</div></a>{/block:IfReblog}{block:IfNotReblog}{/block:IfNotReblog}{block:IfPermalink}<a href="{Permalink}"><div class="perbar">p<br/>e<br/>r<br/>m<br/>a<br/>l<br/>i<br/>n<br/>k</div></a>{/block:IfPermalink}{block:IfNotPermalink}{/block:IfNotPermalink}
  295.  
  296. <a href="{Permalink}">{Photoset-500}</a></div>
  297. {block:PermalinkPage}{block:Caption}
  298. <div>{Caption}</div>
  299. {/block:Caption}{block:PermalinkPage}
  300.  
  301. </div>
  302. </div>
  303. {/block:Photoset}
  304.  
  305. {block:Quote}
  306. <div class="post">{block:IfReblog}<a href="{ReblogURL}" target="_blank"><div class="perbar2">r<br/>e<br/>b<br/>l<br/>o<br/>g</div></a>{/block:IfReblog}{block:IfNotReblog}{/block:IfNotReblog}{block:IfPermalink}<a href="{Permalink}"><div class="perbar">p<br/>e<br/>r<br/>m<br/>a<br/>l<br/>i<br/>n<br/>k</div></a>{/block:IfPermalink}{block:IfNotPermalink}{/block:IfNotPermalink}
  307. <a href="{Permalink}"><div class="texte"> "{Quote}"</div></a>
  308.  
  309. {block:Source}
  310. <div class="texte"> {Source}</div>
  311. {/block:Source}
  312. </div>
  313. </div>
  314. {/block:Quote}
  315.  
  316. {block:Link}
  317. <div class="post">{block:IfReblog}<a href="{ReblogURL}" target="_blank"><div class="perbar2">r<br/>e<br/>b<br/>l<br/>o<br/>g</div></a>{/block:IfReblog}{block:IfNotReblog}{/block:IfNotReblog}{block:IfPermalink}<a href="{Permalink}"><div class="perbar">p<br/>e<br/>r<br/>m<br/>a<br/>l<br/>i<br/>n<br/>k</div></a>{/block:IfPermalink}{block:IfNotPermalink}{/block:IfNotPermalink}
  318.  
  319. <a href="{URL}" {Target}><div class="titre">{Name}</div></a>
  320. {block:Description}
  321. <a href="{Permalink}"><div class="texte">{Description}</div></a>
  322. {/block:Description}
  323. </div>
  324. {/block:Link}
  325.  
  326. {block:Chat}
  327. <div class="post">{block:IfReblog}<a href="{ReblogURL}" target="_blank"><div class="perbar2">r<br/>e<br/>b<br/>l<br/>o<br/>g</div></a>{/block:IfReblog}{block:IfNotReblog}{/block:IfNotReblog}{block:IfPermalink}<a href="{Permalink}"><div class="perbar">p<br/>e<br/>r<br/>m<br/>a<br/>l<br/>i<br/>n<br/>k</div></a>{/block:IfPermalink}{block:IfNotPermalink}{/block:IfNotPermalink}
  328.  
  329. {block:Title}
  330. <a href="{Permalink}"><div class="titre">{Title}</div></a>
  331. {/block:Title}
  332. <div class="chat">
  333. {block:Lines}
  334. <div class="{Alt} user_{UserNumber}">
  335. {block:Label}
  336. <div class="name">{Label}&#160<a href="{Permalink}">{Line}</a> </div> {/block:Label}
  337.  
  338. </div>
  339. {/block:Lines}
  340. </div>
  341. </div>
  342. {/block:Chat}
  343.  
  344. {block:Video}
  345. <div class="post">{block:IfReblog}<a href="{ReblogURL}" target="_blank"><div class="perbar2">r<br/>e<br/>b<br/>l<br/>o<br/>g</div></a>{/block:IfReblog}{block:IfNotReblog}{/block:IfNotReblog}{block:IfPermalink}<a href="{Permalink}"><div class="perbar">p<br/>e<br/>r<br/>m<br/>a<br/>l<br/>i<br/>n<br/>k</div></a>{/block:IfPermalink}{block:IfNotPermalink}{/block:IfNotPermalink}
  346. <div align="center">{Video-500}</div>
  347. {block:IfCaption}{block:Caption}
  348. <a href="{Permalink}"><div class="texte">{Caption}</div> </a> {/block:Caption} {/block:IfCaption}
  349. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  350. <div class="texte">{Caption}</div>
  351. {/block:Caption}{block:PermalinkPage}{/block:IfNotCaption}
  352. </div>
  353. {/block:Video}
  354.  
  355. {block:Audio}
  356.  
  357.  
  358. <div class="post"> {block:IfReblog}<a href="{ReblogURL}" target="_blank"><div class="perbar2">r<br/>e<br/>b<br/>l<br/>o<br/>g</div></a>{/block:IfReblog}{block:IfNotReblog}{/block:IfNotReblog}{block:IfPermalink}<a href="{Permalink}"><div class="perbar">p<br/>e<br/>r<br/>m<br/>a<br/>l<br/>i<br/>n<br/>k</div></a>{/block:IfPermalink}{block:IfNotPermalink}{/block:IfNotPermalink}
  359. {AudioPlayerBlack}
  360. {block:IfCaption}{block:Caption}
  361. <a href="{Permalink}"><div class="texte">{Caption}</div></a> {/block:Caption} {/block:IfCaption}
  362. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  363. <div class="texte">{Caption}</div>
  364. {/block:Caption}{block:PermalinkPage}{/block:IfNotCaption}
  365. </div>
  366.  
  367. {/block:Audio}
  368.  
  369. {block:PermalinkPage}
  370. <div id="permabar">
  371. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> // {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}
  372. <div>{block:HasTags}<div id="tags">tagged :{block:Tags}
  373. &#160#<a href="{TagURL}">{Tag}</a>&#160{/block:Tags}</div> {/block:IfTags}</div>{/block:IfNotTags}{/block:HasTags}{PostNotes}</div></div> {/block:PermalinkPage}
  374.  
  375. {/block:Posts}
  376. </td></tr>
  377. <tr><td>
  378. {block:IfNotEndlessScroll}{block:Pagination}
  379.  
  380. <div style="font-size:10px; text-align:center;width:500px;padding-top:5px;padding-bottom:5px;color:{color:Link};" >
  381. {block:PreviousPage}<a href="{PreviousPage}" style="font-size:10px;font-family:arial" href="#top" class="texte;">back</a>&#160| {CurrentPage}/{TotalPages} |&#160 {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" style="font-size:10px;font-family:arial;" href="#top" class="texte">next</a>{/block:NextPage}
  382. <div>
  383.  
  384. {/block:Pagination}{block:IfNotEndlessScroll}
  385. </td></tr>
  386. </table>
  387. </div>
  388.  
  389. </body>
  390. </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!