API tools faq
paste
Advertisement
ru2

Battle Royale

ru2
Apr 22nd, 2014
182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.38 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. <link href='http://fonts.googleapis.com/css?family=Philosopher' rel='stylesheet' type='text/css'> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--
  4. Theme >> Battle Royale
  5.  
  6. By >> Ruba [http://ru2.tumblr.com/]
  7.  
  8. >> Free to use, to share and alter
  9.  
  10. >> Please give credit.
  11.  
  12. -->
  13. <script type="text/javascript">
  14. WebFontConfig = {
  15. google: { families: [ 'Philosopher::latin' ] }
  16. };
  17. (function() {
  18. var wf = document.createElement('script');
  19. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  20. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  21. wf.type = 'text/javascript';
  22. wf.async = 'true';
  23. var s = document.getElementsByTagName('script')[0];
  24. s.parentNode.insertBefore(wf, s);
  25. })(); </script>
  26. <head>
  27.  
  28. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  29. <link rel="shortcut icon" href="{Favicon}" />
  30. <meta name="image:Sidebar Image" content=""/>
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:description bar" content=""/>
  33. <meta name="if:400px" content="1"/>
  34. <meta name="if:500px" content="0"/>
  35. <meta name="if:Infinite Scroll" content="0"/>
  36. <meta name="if:table" content="0"/>
  37. <meta name="if:Show Captions" content="1"/>
  38. <meta name="if:Show Tags" content="1"/>
  39. <meta name="text:Link1" content="Link 1"/>
  40. <meta name="text:Link1 URL"content=""/>
  41. <meta name="text:Link2" content="Link 2"/>
  42. <meta name="text:Link2 URL"content=""/>
  43. <meta name="text:Link3" content="Link 3"/>
  44. <meta name="text:Link3 URL"content=""/>
  45. <meta name="text:Link4" content="Link 4"/>
  46. <meta name="text:Link4 URL"content=""/>
  47. <meta name="text:Link5" content="Link 5"/>
  48. <meta name="text:Link5 URL"content=""/>
  49. <meta name="text:Link6" content="Link 6"/>
  50. <meta name="text:Link6 URL"content=""/>
  51. <meta name="color:Text" content="#999999"/>
  52. <meta name="color:Background" content="#ffffff"/>
  53. <meta name="color:Links" content="#444444"/>
  54. <meta name="color:Links Hover" content="#bbbbbb"/>
  55. <meta name="color:Permalink Text" content="#999999"/>
  56. <meta name="color:Sidebar Title" content="#aaaaaa"/>
  57. <meta name="color:Sidebar Links" content="#999999"/>
  58. <meta name="color:description" content="#555555" />
  59. <meta name="color:description bar" content="#af4225" />
  60. <meta name="color:description bg" content="#54160b" />
  61. <meta name="color:description border" content="#120a07" />
  62. <meta name="color:Pagination Bg" content="#fafafa"/>
  63. <meta name="color:Pagination Text" content="#999999"/>
  64. <meta name="color:Scrollbar" content="#fafafa"/>
  65.  
  66. <style type="text/css">
  67. font-face {
  68. @import url(http://fonts.googleapis.com/css?family=Philosopher);}
  69. iframe#tumblr_controls{
  70. position:fixed !important;
  71. right:0px !important;
  72. z-index:999;
  73. }
  74.  
  75. ::-webkit-scrollbar{
  76. width:8px;
  77. height:8px;
  78. background-color:{color:Background};
  79. }
  80.  
  81. ::-webkit-scrollbar-thumb{
  82. background-color:{color:Scrollbar};
  83. }
  84.  
  85. body{
  86. margin:0px;
  87. padding:0px;
  88. font-family:Cambria;
  89. font-size:10px;
  90. color:{color:Text};
  91. background:{color:Background};
  92. background-attachment:fixed;
  93. background-repeat:repeat;
  94. background-image:url('{image:Background}');
  95. }
  96. a, a:link, a:visited{
  97. text-decoration:none;
  98. color:{color:Links};
  99. -webkit-transition: all 0.3s linear;
  100. -moz-transition: all 0.3s linear;
  101. transition: all 0.3s linear;
  102. }
  103.  
  104. a:hover, a:active{
  105. color:{color:Links Hover};
  106. -webkit-transition: all 0.3s linear;
  107. -moz-transition: all 0.3s linear;
  108. transition: all 0.3s linear;
  109. }
  110.  
  111. #content{
  112. margin:60px auto 60px auto;
  113. {block:If400px}width:502px;{/block:If400px}
  114. {block:If500px}width:602px;{/block:If500px}
  115.  
  116. .posts{
  117. margin:auto;
  118. padding:10px;
  119. {block:If400px}width:400px;{/block:If400px}
  120. {block:If500px}width:500px;{/block:If500px}
  121. }
  122. }
  123.  
  124. h1{
  125. padding:15px;
  126. font-size:14px;
  127. line-height:14px;
  128. }
  129.  
  130. h2{
  131. padding:10px;
  132. font-size:12px;
  133. line-height:12px;
  134. }
  135.  
  136. blockquote{
  137. margin:10px;
  138. padding:0px 5px;
  139. border-left:1px solid {color:Text};
  140. }
  141.  
  142. blockquote img, .posts img{
  143. max-width:100%;
  144. }
  145.  
  146. ul.chat{
  147. margin:0px;
  148. padding:0px;
  149. }
  150.  
  151. .chat li{
  152. list-style-type: none;
  153. padding:5px 0px;
  154. }
  155.  
  156. .label{
  157. font-weight:bold;
  158. }
  159.  
  160. .ask{
  161. {block:If400px}width:400px;{/block:If400px}
  162. {block:If500px}width:500px;{/block:If500px}
  163. margin-left:-10px;
  164. padding:5px 10px 10px 10px;
  165. }
  166.  
  167. .asker{
  168. font-weight:bold;
  169. font-family: 'Philosopher', 'sans-serif;
  170. font-size:12px;
  171. }
  172.  
  173. .asker a{
  174. color:{color:Text};
  175. }
  176.  
  177. .asker a:hover{
  178. color:{color:Links};
  179. }
  180. .abox{
  181. margin:-10px;
  182. padding:10px;
  183. {block:If400px}width:400px;{/block:If400px}
  184. {block:If500px}width:500px;{/block:If500px}
  185. height:200px;
  186. text-align:center;
  187. }
  188.  
  189. .abox h1{
  190. padding:15px 0px;
  191. font-size:14px;
  192. line-height:14px;
  193. }
  194.  
  195. .audio{
  196. float:left;
  197. overflow:hidden;
  198. width:200px;
  199. height:200px;
  200. margin:-10px 10px 0px -10px;
  201. padding:10px;
  202. }
  203.  
  204. .art{
  205. width:200px;
  206. height:200px;
  207. overflow:hidden;
  208. background:#ffffff;
  209. }
  210.  
  211. .art img{
  212. display:block;
  213. }
  214.  
  215. .art1{
  216. overflow:hidden;
  217. width:200px;
  218. height:200px;
  219. }
  220.  
  221. .art1 img{
  222. opacity:0.9;
  223. }
  224.  
  225. .art2 img{
  226. overflow:hidden;
  227. opacity:0.9;
  228. width:200px;
  229. height:200px;
  230. margin-top:-200px;
  231. }
  232.  
  233. .caption{
  234. position:relative;
  235. margin-top:1px;
  236. {block:If400px}width:400px;{/block:If400px}
  237. {block:If500px}width:500px;{/block:If500px}
  238. padding:5px 10px;
  239. }
  240.  
  241. .perma, .tag{
  242. position:relative;
  243. margin-top:1px;
  244. {block:If400px}width:400px;{/block:If400px}
  245. {block:If500px}width:500px;{/block:If500px}
  246. line-height:10px;
  247. padding:5px 10px;
  248. font-family:Calibri;
  249. font-size:6px;
  250. }
  251.  
  252. .perma{
  253. color:{color:Permalink Text};
  254. }
  255.  
  256. .perma a{
  257. display:inline;
  258. color:{color:Permalink Text};
  259. }
  260. #notes{
  261. position:relative;
  262. margin-top:1px;
  263. {block:If400px}width:400px;{/block:If400px}
  264. {block:If500px}width:500px;{/block:If500px}
  265. line-height:10px;
  266. padding:5px 10px;
  267. font-family:Calibri;
  268. font-size:6px;
  269. }
  270.  
  271. ol.notes{
  272. padding:0px;
  273. list-style:none;
  274. }
  275.  
  276. ol.notes li{
  277. padding:0px;
  278. margin-top:1px;
  279. }
  280.  
  281. ol.notes .avatar {
  282. vertical-align:-2px;
  283. width:10px;
  284. height:10px;
  285. margin-right:5px;
  286. }
  287. music{
  288. margin-top:-6px;
  289. margin-left:-35px;
  290. }
  291.  
  292. #side{
  293. position:fixed;
  294. border-right:1px solid {color:description border}
  295. top:0px;
  296. left:0px;
  297. width:180px;
  298. padding:100px 60px 60px 60px;
  299. height:100%;
  300. }
  301.  
  302. .title{ position:relative;
  303. width:200px;
  304. margin-bottom:1px;
  305. font-size:31px;
  306. font-weight:bold;
  307. line-height:32px;
  308. font-family: 'Philosopher', 'sans-serif;
  309. color:{color:Sidebar Title};
  310. }
  311.  
  312.  
  313. .navi{
  314. position:relative;
  315. margin-bottom:1px;
  316. width:260px;
  317. line-height:10px;
  318. padding:5px 10px;
  319. font-family: 'Philosopher', 'sans-serif;
  320. }
  321.  
  322. .navi a{
  323. font-size:12px; text-transform:uppercase;
  324. display:inline-block;
  325. color:{color:Sidebar Links};
  326. }
  327. .navi a:hover{
  328. text-transform:uppercase;
  329. display:inline-block;
  330. color:{color:Sidebar Title};
  331. }
  332. #pagination{
  333. position:fixed;
  334. top:260px;
  335. {block:If400px}margin-left:620px;{/block:If400px}
  336. {block:If500px}margin-left:670px;{/block:If500px}
  337. padding:5px 10px;
  338. width:80px;
  339. font-size:9px;
  340. text-align:center;
  341. font-style:italic;
  342. color:{color:Pagination Text};
  343. }
  344.  
  345. #pagination a{
  346. display:block;
  347. padding:5px 10px;
  348. margin:5px -11px;
  349. font-family:Calibri;
  350. font-size:8px;
  351. text-transform:uppercase;
  352. font-style:normal;
  353. color:{color:Pagination Text};
  354. background:{color:Pagination Bg};
  355. }
  356.  
  357. #plg {left:0px;bottom:9px;width:100%;height:120px;font:italic 9px cambria, georgia, times new roman, serif;color:{color:description};background:{color:description bar} url({image:description bar});position:fixed;z-index:200;}
  358. #icn {float:left;padding:5px;background:{color:description bg};border:3px solid {color:description border};width:49px; }
  359. #plgat {width:598px;margin:auto;padding-top:10px;z-index:100;}
  360. #dscr {margin:0px;margin-left:90px!important;padding:15px;background:{color:description bg};border:1px solid {color:description border};width:480px;height:50px;text-align:center;overflow-y:auto;}
  361. #dscr a{color:{color:description link};background:{color:description link bg};border-bottom:1px dashed {color:description link border};}
  362. #dscr a:hover {color:{color:description link hover};border-bottom-color:{color:description link hover border};}
  363. .cntr {float:left;margin-top:10px!important;margin-left:10px!important;margin:0px;width:250;}
  364. </style>
  365. <style type="text/css">{CustomCSS}</style>
  366. </head><body>
  367. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow") } var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() { $("#btt").scrollToTop(); });</script><a id="btt" href='#' style="display:none;">▲</a>
  368. {block:Iftable} </div><div id="plg">
  369. <div id="plgat">
  370. <div id="icn"><img src="{PortraitURL-48}"></div>
  371. <div id="dscr">{Description}</div>{block:IfLink1}<a href="{text:Link1 URL}">{text:link1}</a>{/block:IfLink1}
  372. {block:IfLink2}| <a href="{text:Link2 URL}">{text:link2}</a>{/block:IfLink2}
  373. {block:IfLink3}| <a href="{text:Link3 URL}">{text:link3}</a>{/block:IfLink3}
  374. {block:IfLink4}| <a href="{text:Link4 URL}">{text:link4}</a>{/block:IfLink4}
  375. {block:IfLink5}| <a href="{text:Link5 URL}">{text:link5}</a>{/block:IfLink5}
  376. {block:IfLink6}| <a href="{text:Link6 URL}">{text:link6}</a>{/block:IfLink6} </div></div>{/block:Iftable}
  377. <div id="side"><div class="navi">
  378. <div class="title">
  379. {Title}
  380. </div>
  381. <a href="/"><div class="image"><img src="{Image:Sidebar Image}"width=200px;height:370px;/></div></a>
  382. <div class="navi">
  383. <a href="/">home</a>&nbsp;&nbsp;
  384. <a href="/ask">inbox</a> &nbsp;&nbsp;
  385. <a href="/archive">archive</a>&nbsp;&nbsp;
  386. <a href="http://www.ru2themes.tumblr.com">theme</a>
  387. </div></div></div>
  388.  
  389. <div class="flt"></div>
  390. </div>
  391.  
  392. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  393.  
  394. <div style="{block:If400px}margin-left:420px;width:500px;{/block:If400px}{block:If500px}margin-left:370px;width:600px;{/block:If500px}">
  395.  
  396. {block:IfNotInfiniteScroll}{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">previous</a> {/block:PreviousPage}
  397. Page {CurrentPage} of {TotalPages}
  398. {block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}</div>{/block:Pagination}{/block:IfNotInfiniteScroll}
  399.  
  400. <div class="autopagerize_page_element">
  401.  
  402. <table id="content" style="margin-top:-60px;">
  403. {block:Posts}
  404. <div class="posts">
  405.  
  406. {block:ContentSource}
  407. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  408. {/block:ContentSource}
  409.  
  410. {block:Text}
  411. {block:Title}<h1> {Title}</h1>{/block:Title}
  412. {Body}
  413. {/block:Text}
  414.  
  415. {block:Photo}
  416. {block:IndexPage}
  417. {block:If400px}<img src="{PhotoURL-500}" style="display:block; width:400px"/>{/block:If400px}
  418. {block:If500px}<img src="{PhotoURL-500}" style="display:block; width:500px"/>{/block:If500px}
  419. {/block:IndexPage}
  420. {block:PermalinkPage}
  421. {block:If400px}{LinkOpenTag}<img src="{PhotoURL-500}" style="display:block; width:400px"/>{LinkCloseTag}{/block:If400px}
  422. {block:If500px}{LinkOpenTag}<img src="{PhotoURL-500}" style="display:block; width:500px"/>{LinkCloseTag}{/block:If500px}
  423. {/block:PermalinkPage}
  424. {/block:Photo}
  425.  
  426. {block:Photoset}
  427. {block:If400px}{Photoset-400}{/block:If400px}
  428. {block:If500px}{Photoset-500}{/block:If500px}
  429. {/block:Photoset}
  430.  
  431. {block:Video}
  432. {block:If400px}{Video-400}{/block:If400px}
  433. {block:If500px}{Video-500}{/block:If500px}
  434. {/block:Video}
  435.  
  436. {block:Quote}
  437. <div style="font-size:11px;font-style:italic;padding:15px 10px 10px 10px;"><div style="float:left;font-style:normal;margin:-16px 10px -30px 0px;font-size:40px;font-weight:bold;">❝</div> {Quote}</div>
  438. <div class="flt"></div>
  439. {block:Source}<div style="text-align:right;font-style:italic;margin-top:10px;">- {Source}</div>{/block:Source}
  440. {/block:Quote}
  441.  
  442. {block:Link}
  443. <h1><a href="{URL}" target="{Target}"><span style="font-family:arial">► </span>{Name}</a></h1>
  444. {block:Description}{Description}{/block:Description}
  445. {/block:Link}
  446.  
  447. {block:Chat}
  448. {block:Title}<h2>{Title}</h2>{/block:Title}
  449. <ul class="chat">
  450. {block:Lines}
  451. <li class="{Alt} user_{UserNumber}">
  452. {block:Label}
  453. <span class="label">{Label}</span>
  454. {/block:Label}
  455. {Line}
  456. </li>
  457. {/block:Lines}
  458. </ul>
  459. {/block:Chat}
  460.  
  461. {block:Answer}
  462. <div class="asker">{Asker} asked:</div><div class="ask">{Question}</div>
  463. {Answer}
  464. {/block:Answer}
  465.  
  466. {block:Audio}
  467. <div class="abox">
  468. <div class="audio"><div class="art">
  469. <div class="art1"><img src="http://static.tumblr.com/kmw8hta/6Rcn3klym/album.jpg"/></div>
  470. {block:AlbumArt}<div class="art2"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}</div>
  471. <div style="position:relative;z-index:999;opacity:0.8;margin-top:-42px;width:200px;height:27px;padding:8px 0px 7px 0px;overflow:hidden;background:#000;">{AudioPlayerBlack}</div></div>
  472. <div style="margin-top:40px">{block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  473. {block:Artist}<br/><i>{Artist}</i>{/block:Artist}
  474. {block:Album}<br/><i>{Album}</i>{/block:Album}
  475. {block:PlayCount}<br/><i>Played {FormattedPlayCount} times</i>{/block:PlayCount}
  476. </div>
  477. </div>
  478. {/block:Audio}
  479.  
  480. </div>
  481.  
  482. {block:Caption}{block:IndexPage}{block:IfShowCaptions}<div class="caption">{Caption}</div>{/block:IfShowCaptions}{/block:IndexPage}{block:PermalinkPage}<div class="caption">{Caption}</div>{/block:PermalinkPage}{/block:Caption}
  483.  
  484. {block:Date}
  485. <div class="perma">
  486. {block:IndexPage}<div style="float:right">/ <a href="{ReblogURL}" target="_blank">reblog</a></div>
  487. <div style="float:right"><a href="{Permalink}">permalink</a> /</div>{/block:IndexPage}
  488. {ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} / {NoteCountWithLabel}
  489. {block:RebloggedFrom} / <a href="{ReblogParentURL}">via</a> / <a href="{ReblogRootURL}">src</a>{/block:RebloggedFrom}
  490. </div>
  491. <div class="flt"></div>
  492. {/block:Date}
  493.  
  494. {block:HasTags}{block:IndexPage}{block:IfShowTags}<div class="tag">{block:Tags}# <a href="{TagURL}">{Tag} </a> {/block:Tags}</div>{/block:IfShowTags}{/block:IndexPage}{block:PermalinkPage}<div class="tag">{block:Tags}# <a href="{TagURL}">{Tag} </a> {/block:Tags}</div>{/block:PermalinkPage}
  495. {/block:HasTags}
  496.  
  497. {block:PermalinkPage}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  498.  
  499. </div>
  500. {/block:Posts}
  501. </table>
  502. </div></div>
  503. </div>
  504. </div>
  505.  
  506. </body>
  507. </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!