API tools faq
paste
Advertisement
0xumthemes

Centaurus theme

0xumthemes
Nov 30th, 2012
1,494
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!--
  4.  
  5.  
  6. THEME BY 0-xum.tumblr.com
  7. DO NOT REMOVE THE CREDIT
  8. THANKS x
  9.  
  10. .-->
  11.  
  12. <html lang="en"><head>
  13.  
  14. <title>{Title}</title>
  15.  
  16.  
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  18. <head>
  19. <meta name="color:Background" content="#897979">
  20. <meta name="color:Text" content="#000000">
  21. <meta name="color:Links" content="#000000">
  22. <meta name="color:Hover" content="#FFFFFF">
  23. <meta name="font:Text" content="courier new">
  24. <meta name="font:Title" content="georgia">
  25. <meta name="image:Sidebar" content="">
  26. <meta name="image:Background" content="">
  27. <meta name="if:Infinite Scrolling" content="1">
  28. <meta name="if:Show Sidebar Image" content="0">
  29. <meta name="if:Show Background Image" content="0">
  30. <meta name="if:Reblog Button on Posts" content-"1">
  31. <meta name="text:Link One Title" content="">
  32. <meta name="text:Link One" content="">
  33. <meta name="text:Link Two Title" content="">
  34. <meta name="text:Link Two" content="">
  35. <meta name="text:Link Three Title" content="">
  36. <meta name="text:Link Three" content="">
  37. <meta name="text:Link One Title" content="">
  38. <meta name="text:Link One" content="">
  39. <meta name="text:Link Two Title" content="">
  40. <meta name="text:Link Two" content="">
  41. <meta name="text:Link Three Title" content="">
  42. <meta name="text:Link Three" content="">
  43. <meta name="text:Link Four Title" content="">
  44. <meta name="text:Link Four" content="">
  45. <meta name="text:Link Five Title" content="">
  46. <meta name="text:Link Five" content="">
  47. <meta name="text:Link Six Title" content="">
  48. <meta name="text:Link Six" content="">
  49.  
  50.  
  51. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  52. <script type="text/javascript">
  53. $(document).ready(function(){
  54. $(".links_body").hide();
  55. $(".links_head").click(function(){
  56. $(this).next(".links_body").slideToggle('fast');
  57. }); }); </script>
  58. <style type="text/css">
  59. .links_list { margin:0px; padding:0px; width:180px;}
  60. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  61. .links_body { padding:10px; text-align:left; color: #fff; display:none;}
  62. </style>
  63.  
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  65.  
  66. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/J4wm0fipy/jquery-1.7.1.min.js"></script>
  67.  
  68. <style type="text/css">
  69.  
  70. ::-webkit-scrollbar {width: 6px; height: 4px; background: #ffffff; }
  71. ::-webkit-scrollbar-thumb { background-color: #777777; -webkit-border-radius: 1ex; }
  72.  
  73. body {
  74. margin:auto;
  75. color:{color:Text};
  76. font-family:{font:Text};
  77. font-size:10px;
  78. line-height:10px;
  79. width:750px;
  80. background-color:transparent;
  81. }
  82.  
  83. body {
  84. background-color:{color:Background};
  85. {block:ifshowbackgroundimage}background-image:url({image:Background}){/block:ifshowbackgroundimage};
  86. background-attachment: fixed;
  87. background-repeat: repeat;
  88. background-color:transparent;
  89.  
  90. }
  91.  
  92. a:link, a:active, a:visited{
  93. color: {color:links};
  94. text-decoration: none;
  95. }
  96.  
  97. a:hover {
  98. color: #FFFFFF
  99. text-decoration: none;
  100. font-style: none;
  101. }
  102.  
  103. #sidebar{
  104. float:right;
  105. margin-left:-100px;
  106. margin-top: 40px;
  107. position:absolute;
  108. width: 200px;
  109. line-height: 12px;
  110. height: auto;
  111. text-align:center;}
  112.  
  113. #middle{
  114. margin-left:150px;
  115. }
  116.  
  117.  
  118. #content{
  119. width: 900px;
  120. margin-top:20px;
  121. margin-left:0px;
  122. padding: 0px;}
  123.  
  124.  
  125. .entry {
  126. float: left;
  127. display: block;
  128. margin: 15px;
  129. {block:indexpage}
  130. width: 200px;
  131. {/block:indexpage}
  132. {block:permalinkpage}
  133. width: 500px;
  134. height:relative;
  135. {/block:permalinkpage}
  136. overflow:hidden;
  137. {block:indexpage}
  138. }
  139.  
  140. .entry img {
  141. {block:indexpage}
  142. width: 200px;
  143. {/block:indexpage}
  144. {block:permalinkpage}
  145. width: 500px;
  146. height:relative;
  147. {/block:permalinkpage}
  148. display: block;
  149. }
  150.  
  151. div#texttitle{
  152. font-size:12px;
  153. }
  154.  
  155. div#blogtitle{
  156. font-size:25px;
  157. font-family:georgia;
  158. font-style:;
  159. }
  160.  
  161.  
  162.  
  163. #audio{
  164. width:250px;
  165. }
  166.  
  167. .notes img {
  168. width: 10px;
  169. position: relative;
  170. top: 3.5px;
  171. }
  172.  
  173.  
  174. .perma{
  175. opacity: 0.0;
  176. filter: alpha(opacity = 0);
  177. position: absolute;
  178. margin-top: 0px;
  179. margin-left: 5px;
  180. width: 30px;
  181. height: 30px;
  182. line-height: 30px;
  183. font-size: 9px;
  184. text-align: center;
  185. z-index:9999991;
  186. color: {color:permalink};}
  187.  
  188. .entry:hover .perma {
  189. margin-top: 5px;
  190. margin-left: 5px;
  191. -webkit-transition: opacity 0.5s linear;
  192. -moz-transition: all 0.5s linear;
  193. transition: all 0.5s linear;
  194. filter: alpha(opacity = 80);
  195. opacity: 0.8;
  196. }
  197.  
  198. input[type=button]{
  199. font-size: 9px;}
  200.  
  201. .reblog img{
  202. display: inline;
  203. width: 170%;
  204. height: relative;
  205. line-height: 30px;
  206. padding-top:0px
  207. }
  208.  
  209.  
  210. {CustomCSS}
  211. </style>
  212. </head>
  213. <body>
  214.  
  215. <div id="content">
  216. <div id="sidebar">
  217.  
  218. <center><div id="blogtitle"><a href="/">{title}</a></div><br>
  219. {block:ifshowsidebarimage}<a href="/"><center><img src="{image:sidebar}" width=198px></center></a>{/block:ifshowsidebarimage}<br>{Description}<br><br>
  220.  
  221. <form name="form1">
  222. <select style="font-family:{font:text};color:{color:text};background:{color:Post};width:120px;font-size:8px;letter-spacing:1px;height:20px;border:1px solid {color:Borders};" onChange="location.href=this.options[this.selectedIndex].value;">
  223. <option>navigation</option>
  224. <option value="/ask">message</option>
  225. <option value="{text:Link One}">{text:Link One Title}</option>
  226. <option value="{text:Link Two}">{text:Link Two Title}</option>
  227. <option value="{text:Link Three}">{text:Link Three Title}</option>
  228. <option value="{text:Link Four}">{text:Link Four Title}</option>
  229. <option value="{text:Link Five}">{text:Link Five Title}</option>
  230. <option value="{text:Link Six}">{text:Link Six Title}</option>
  231. <option value="http://0-xum.tumblr.com">theme</option>
  232. </select></form>
  233.  
  234. <br></b></p></div>
  235.  
  236. <div id="middle">
  237. {block:Posts}
  238.  
  239. <div class="entry">
  240. {block:ifReblogButtononPosts}
  241. {block:IndexPage}
  242. <div class="perma">
  243. <div class="reblog"><a href="{reblogurl}" target="_blank"><img src="http://i48.tinypic.com/dw8ccn.jpg"/></a></div></div>
  244. {/block:IndexPage}
  245. {/block:ifReblogButtononPosts}
  246.  
  247. {block:Title}<div id="texttitle">{Title}</span></div>{/block:Title}
  248. {block:Text}{Body}<br><div align="right"><a href="{permalink}">+</a></div>{/block:Text}
  249.  
  250. {block:Photo}
  251. <a href="{permalink}"><img src="{PhotoURL-400}" width="250"/></a>
  252. {/block:Photo}
  253.  
  254. {block:Photoset}
  255. {Photoset-400}<br><div align="right"><a href="{permalink}">+</a></div>
  256. {/block:Photoset}
  257.  
  258.  
  259. {block:Quote}
  260. {Quote}
  261. <div align="right">
  262. {block:Source}-{Source}{/block:Source}
  263. </div><br><div align="right"><a href="{permalink}">+</a></div>
  264. {/block:Quote}
  265.  
  266.  
  267. {block:Video}
  268. {Video-400}<br><div align="right"><a href="{permalink}">+</a></div>
  269. {/block:Video}
  270.  
  271.  
  272. {block:Link}
  273. <div id="texttitle"><a href="{URL}" class="link" {Target}>{Name}</a></div><BR>
  274. {block:Description}{Description}{/block:Description}<br><div align="right"><a href="{permalink}">+</a></div>
  275. {/block:Link}
  276.  
  277. {block:Chat}
  278. {block:Lines}
  279. {block:Label}
  280. <br><b>{Label}</b>
  281. {/block:Label}
  282. &nbsp;{Line}
  283. {/block:Lines}<br><div align="right"><a href="{permalink}">+</a></div>
  284. {/block:Chat}
  285.  
  286. {block:Audio}<div id="audio">
  287. {AudioPlayerBlack}</div>
  288. <br><div align="right">{block:Artist}</div>
  289. {/block:Artist}<br>
  290. {block:Caption}{/block:Caption}
  291. {/block:Audio}
  292.  
  293.  
  294. {block:Answer}
  295. {Asker} asked <b>{Question}</b><Br>
  296. {Answer}<br><div align="right"><a href="{permalink}">+</a></div>
  297. {/block:Answer}
  298.  
  299. {block:PermalinkPage}
  300. {block:Caption}
  301. {Caption}
  302. {/block:Caption}
  303. <br>
  304. {block:NoteCount}
  305. {NoteCount} notes
  306. {/block:NoteCount}
  307. <Br>
  308. {block:PostNotes}{/block:PostNotes}</div>
  309. {/block:PermalinkPage}
  310. </div>
  311.  
  312. {/block:Posts}
  313.  
  314. </div>
  315. </div>
  316.  
  317.  
  318. {block:IndexPage}
  319. {block:Pagination}
  320. <ul id="pagination">
  321. {block:PreviousPage}
  322. <li><a href="{PreviousPage}"</a></li>
  323. {/block:PreviousPage}
  324. {block:JumpPagination length="5"}
  325. {block:CurrentPage}
  326. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  327. {/block:CurrentPage}
  328. {block:JumpPage}
  329. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  330. {/block:JumpPage}
  331. {/block:JumpPagination}
  332. {block:NextPage}
  333. <li><a id="nextPage" href="{NextPage}"></a></li>
  334. {/block:NextPage}
  335. </ul>
  336. {/block:Pagination}
  337.  
  338. {block:IndexPage}
  339.  
  340. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  341.  
  342. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  343. </script>
  344.  
  345. <script src="http://static.tumblr.com/vyr6eoh/NE4m0ot0i/jquery.infinitescroll.js"></script>
  346.  
  347. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  348.  
  349. <script type="text/javascript">
  350. $(window).load(function () {
  351. $('#middle').masonry(),
  352. $('.masonryWrap').infinitescroll({
  353. navSelector : '#pagination',
  354. nextSelector : '#pagination a#nextPage',
  355. itemSelector : ".entry",
  356. bufferPx : 10000,
  357. extraScrollPx: 11000,
  358. loadingText : "<em></em>",
  359. },
  360. function() { $('#middle').masonry({ appendedContent: $(this) }); }
  361. );
  362. });
  363. </script>
  364.  
  365. </div><div style="display:block;bottom:5px;left:5px;font-size:9px;font-family:georgia;position:fixed;background-color:#ffffff;padding:3px;border-radius:10px;z-index:5;opacity:0.75;">theme by <a href="http://0-xum.tumblr.com">0-xum</a></div>
  366.  
  367. {/block:IndexPage}
  368. </body>
  369. </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!