API tools faq
paste
haruzie

Countdown to Heaven Theme

haruzie
Jul 21st, 2011
350
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.27 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--Theme by: Haruzie (h a r u z i e . t u m b l r . c o m)-->
  5. <!--Feel Free to modify or do whatever you want like change the color or fonts-->
  6. <!--But do not remove or alter the credits-->
  7. <!--Do not redistribute or claim my code as your own-->
  8.  
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10. <title> {title}</title>
  11. <link rel="shortcut icon" href="{favicon}">
  12. <META name="image:Background" content="http://i52.tinypic.com/29zzb10.jpg">
  13. <META name="image:description" content="http://data.whicdn.com/images/29705517/tumblr_m4ybmbAmtr1rvivlko1_500_large.png">
  14. <META name="image:back to top" content="http://dl7.glitter-graphics.net/pub/276/276297d07y94jz7o.gif">
  15. <META name="color:Background" content="#fff">
  16. <META name="color:font" content="#999">
  17. <META name="color:link visited" content="#000000">
  18. <META name="color:link hover" content="#ccc">
  19. <META name="color:scrollbar background" content="#ffffff">
  20. <META name="color:scrollbar" content="#736F6E">
  21. <META name="color:white" content="#ffffff">
  22. <meta name="if:ShowDescription" content="1"/>
  23. <meta name="if:ShowRandom" content="1"/>
  24. <meta name="if:ShowArchive" content="1"/>
  25. <meta name="if:ShowReblog Button" content="1"/>
  26. <meta name="if:EndlessScroll" content="1"/>
  27. <meta name="if:Styled Scrollbar" content="1"/>
  28. <meta name="if:Fade Effect" content="1"/>
  29. <meta name="if:DisableRightClick" content="1"/>
  30. <meta name="font:theme" content="Trebuchet MS"/>
  31. <META name="text:cursor url main" content="http://static.tumblr.com/9ji9tiw/iLgl5njtq/cursor.gif">
  32. <META name="text:cursor url hover" content="http://cur.cursors-4u.net/others/oth-6/oth585.cur">
  33. <META name="text:back to top width" content="50px">
  34. <META name="text:back to top height" content="50px">
  35. <META name="text:font size" content="10px">
  36. <META name="text:Add your link" content="">
  37. <META name="text:link url" content="http://">
  38. <META name="text:Add your link2" content="">
  39. <META name="text:link url2" content="http://">
  40. <META name="text:Add your link3" content="">
  41. <META name="text:link url3" content="http://">
  42. <META name="text:Add your link4" content="">
  43. <META name="text:link url4" content="http://">
  44. <META name="text:Add your link5" content="">
  45. <META name="text:link url5" content="http://">
  46. <META name="text:Add your link6" content="">
  47. <META name="text:link url6" content="http://">
  48.  
  49. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  50.  
  51. {block:IfDisableRightClick}
  52. <script language=JavaScript>
  53. <!--
  54.  
  55. //Disable right click script III- By Renigade ([email protected])
  56. //For full source code, visit http://www.dynamicdrive.com
  57.  
  58. var message="";
  59. ///////////////////////////////////
  60. function clickIE() {if (document.all) {(message);return false;}}
  61. function clickNS(e) {if
  62. (document.layers||(document.getElementById&&!document.all)) {
  63. if (e.which==2||e.which==3) {(message);return false;}}}
  64. if (document.layers)
  65. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  66. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  67.  
  68. document.oncontextmenu=new Function("return false")
  69. // -->
  70. </script>
  71. {/block:IfDisableRightClick}
  72.  
  73. <style type="text/css">
  74.  
  75. body{
  76. color:{color:font};
  77. background-color:{color:Background};
  78. background-image:url({image:background});
  79. background-postition:center;
  80. background-attachment: fixed;
  81. background-repeat: repeat;
  82. font-family:{font:theme};
  83. font-size:{text:font size};
  84. line-height: 12px;
  85. text-align:{text:alignment};
  86. cursor: url({text:cursor url main});}
  87.  
  88.  
  89. ::-moz-selection {
  90. background-color: white;
  91. color: #999999;
  92. }
  93.  
  94. #navbar-iframe {
  95. display: none;
  96. }
  97.  
  98. #labels-iframe { display: none; }
  99.  
  100. blockquote {
  101. border: #E5E5E5 1px dotted;
  102. padding: 8px;
  103. margin: 15px;
  104. color: #8F8F8F;
  105. background-color: #F8F8F8; -webkit-transition: .4s;
  106. }
  107. blockquote:hover {
  108. border: #E5E5E5 1px dotted;
  109. padding: 8px;
  110. margin: 15px;
  111. background-color: #F5F5F5;
  112. background-filter: alpha (opacity=50);-moz-opacity: 0.50; opacity: 0.50;
  113. }
  114.  
  115. a, a:link, a:visited, a:active {
  116. color: {color:link visited};
  117. letter-spacing: 1px;
  118. text-transform: normal;
  119. padding: 0px;
  120. cursor: default;
  121. text-decoration: none;
  122.  
  123. }
  124.  
  125. a:hover {
  126. color: {color:link hover};
  127. background-color: transparent;
  128. -webkit-transition: .3s;
  129. cursor:url({text:cursor url hover});
  130. }
  131.  
  132. {block:IfStyledScrollbar}
  133. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};height:100px;}
  134. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar};height:10px !important;}
  135. ::-webkit-scrollbar { height:10px;width:5px; background-color:{color:scrollbar background};}
  136. {/block:IfStyledScrollbar}
  137. .head {
  138. font-family: Helvetica;
  139. font-weight: normal;
  140. font-size: 18pt;
  141. letter-spacing: -1pt;
  142. text-transform: lowercase;
  143. color: #AAAAAA;
  144. line-height: 100%;
  145. }
  146. .bottom { color:#E6E6E6;
  147. text-align: left;
  148. }
  149.  
  150. #head {
  151. position: absolute;
  152. top: 30px;
  153. left: 280px;
  154. }
  155.  
  156. .content {
  157. background-color: #FFFFFF;
  158. margin-bottom: 5px;
  159. padding: 5px;
  160. }
  161. .content2 {
  162. background-color: #FFFFFF;
  163. margin-top: -5px;
  164. width: 510px;
  165. }
  166.  
  167.  
  168. .title{
  169. font-family:'Trebuchet MS';
  170. font-size:14px;
  171. line-height: 12px;
  172. letter-spacing: 0px;
  173. color: #AAAAAA;
  174. background-color: #EEEEEE;
  175. text-transform: uppercase;
  176. padding: 2px;
  177. margin-bottom: 5px;
  178. text-align: center;
  179. }
  180. #entry {
  181. width:510px;
  182. }
  183.  
  184. a.nav { color: {color:Nav color};
  185. font-style: italic;
  186. border-bottom: 1px solid #eaeaea;
  187. margin-top: 7px;
  188. padding-left: 5px;
  189. cursor: pointer;
  190. text-transformation: lowercase;
  191. -webkit-transition: .30s ease-in; display: block;
  192. }
  193. .nav:hover { color: {color:Nav hover};
  194. padding-left: 25px;
  195. cursor:url({text:cursor url hover});
  196. }
  197.  
  198. #menu {
  199. position: absolute;
  200. top: 32px;
  201. left: 112px;
  202. background-color: #FAFAFA;
  203. }
  204.  
  205. .perma {
  206. letter-spacing: 1px;
  207. text-transform: uppercase;
  208. text-align: center;
  209. border-top: 1px solid #F0F0F0;
  210. padding: 2px;
  211. margin-top: 5px;
  212. margin-bottom: -3px;
  213. }
  214.  
  215.  
  216. #sidebar {
  217. position: fixed;
  218. top: 65px;
  219. left: 112px;
  220. width: 206px;
  221. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;;
  222. font-size:9px;
  223. line-height: 12px;
  224. text-align:justify;
  225. text-transform: uppercase;
  226. padding: 10px;
  227. }
  228.  
  229. #main {
  230. position: absolute;
  231. top: 10px;
  232. left: 330px;
  233. width: 550px;
  234. padding: 0 10px 0 10px;
  235. }
  236.  
  237. .pagination {
  238. font-size: 13px;
  239. margin-left: 2px;
  240. text-transform: uppercase;
  241. background:{color:white};
  242. padding: 3px;
  243. display: inline-block;
  244. width:20px;
  245. }
  246. .pagination:hover {
  247. background-color: {color:white};
  248. }
  249. .nextprev {
  250. font-size: 13px;
  251. text-transform: uppercase;
  252. background:{color:white};
  253. padding: 3px; display:
  254. inline-block;
  255. width:35px;
  256. margin-left: 2px;
  257.  
  258. }
  259. .nextprev:hover {
  260. background-color: {color:white};
  261. }
  262.  
  263. {block:IfFadeEffect}
  264. 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;}
  265. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;
  266. opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  267. ol.notes, ol.notes span {width:500px;font-size:11px;padding:0px;color:{color:Notes};margin: 15px 0px;list-style-type: none;background:none;}
  268.  
  269. img{ -webkit-transition: opacity 0.6s linear; opacity: 0.75; }
  270.  
  271. img:hover{ -webkit-transition: opacity 0.6s linear; opacity: 1; }
  272. {/block:IfFadeEffect}
  273.  
  274. #toTop {
  275. display:none;
  276. text-decoration:none;
  277. position:fixed;
  278. bottom:5px;
  279. right:10px;
  280. overflow:hidden;
  281. width:{text:back to top width};
  282. height:{text:back to top height};
  283. border:none;
  284. text-indent:-999px;
  285. background:url({image:back to top}) no-repeat left top;
  286. }
  287. #toTopHover {
  288. background:url({image:back to top}) no-repeat left -51px;
  289. width:{text:back to top width};
  290. height:{text:back to top height};
  291. display:block;
  292. overflow:hidden;
  293. float:left;
  294. opacity: 0;
  295. -moz-opacity: 0;
  296. filter:alpha(opacity=0);
  297. }
  298. #toTop:active, #toTop:focus {
  299. outline:none;
  300. }
  301. </style>
  302.  
  303.  
  304. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  305. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  306. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  307. <script type="text/javascript">
  308. $(document).ready(function() {
  309. /*
  310. var defaults = {
  311. containerID: 'moccaUItoTop', // fading element id
  312. containerHoverClass: 'moccaUIhover', // fading element hover class
  313. scrollSpeed: 1200,
  314. easingType: 'linear'
  315. };
  316. */
  317. $().UItoTop({ easingType: 'easeOutQuart' });
  318. });
  319. </script>
  320.  
  321. <body>
  322.  
  323. <div id="sidebar">
  324. <div class="box"><div id="yay"><div style="background-color: white; padding : 3px;"><a href="/"><img src="{image:description}" width="200px"></a><br>{block:IfShowDescription}
  325. {Description}{/block:IfShowDescription}<br><br></div><div style="background-color: white; margin-top: 15px; padding: 2px;">
  326. <a class="nav" href="/">HOME</a>
  327. <a class="nav" href="/ask">ASK</a>
  328. {block:IfShowRandom}<a class="nav" href="/random">RANDOM</a>{/block:IfShowRandom}
  329. {block:IfShowArchive}<a class="nav" href="/archive">ARCHIVE</a>{/block:IfShowArchive}
  330. {block:IfAddyourlink}<a class="nav" href='{text:link url}'>{text:Add your link}</a>{/block:IfAddyourlink}
  331. {block:IfAddyourlink2}<a class="nav" href='{text:link url2}'>{text:Add your link2}</a>{/block:IfAddyourlink2}
  332. {block:IfAddyourlink3}<a class="nav" href='{text:link url3}'>{text:Add your link3}</a>{/block:IfAddyourlink3}
  333. {block:IfAddyourlink4}<a class="nav" href='{text:link url4}'>{text:Add your link4}</a>{/block:IfAddyourlink4}
  334. {block:IfAddyourlink5}<a class="nav" href='{text:link url5}'>{text:Add your link5}</a>{/block:IfAddyourlink5}
  335. {block:IfAddyourlink6}<a class="nav" href='{text:link url6}'>{text:Add your link6}</a>{/block:IfAddyourlink6}
  336. <a class="nav" href="http://haruzie.tumblr.com">THEME</a>
  337. </div><br>
  338.  
  339. <center>{block:IfNotEndlessScroll}
  340. {block:Pagination}
  341. {block:PreviousPage}
  342. <a href="{PreviousPage}"><div class="nextprev">Prev</a></div>
  343. {/block:PreviousPage}
  344.  
  345. {block:JumpPagination length="3"}
  346. {block:CurrentPage}
  347. <span class="current_page"><div class="pagination">{PageNumber}</div></span>
  348. {/block:CurrentPage}
  349.  
  350. {block:JumpPage}
  351. <a class="jump_page" href="{URL}"><div class="pagination">{PageNumber}</div></a>
  352. {/block:JumpPage}
  353. {/block:JumpPagination}
  354.  
  355. {block:NextPage}
  356. <a href="{NextPage}"><div class="nextprev">Next</a></div>
  357. {/block:NextPage}
  358. {/block:Pagination}
  359.  
  360. </div>
  361. {/block:IfNotEndlessScroll}<br>
  362.  
  363. </div></div>
  364. </div><br>
  365.  
  366. <div id="main">
  367. {block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}
  368. {block:Posts}
  369. <div id="entry">
  370. <div class="content">
  371.  
  372. {block:Text}<div class="title">{block:Title}{Title}{/block:Title}</div> {Body}{/block:Text}
  373. <div class="theimg">{block:Photo}<center><img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}" /></center></div>{/block:Photo}
  374. {block:Photoset}{Photoset-500}{/block:Photoset}
  375. {block:Quote}<div class="title">{Quote}</div> <div align="right">— {block:Source}{Source}{/block:Source}</div>{/block:Quote}
  376. {block:Link}<div class="title"><a href="{URL}" {Target}>{Name}</a></div> {block:Description}{Description}{/block:Description}{/block:Link}
  377. {block:Chat}<div class="title">{block:Title}{Title}{/block:Title}</div>{block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  378. {block:Audio}<div class="audioplayer">{AudioPlayerWhite}</div>{/block:Audio}
  379. {block:Video}{Video-500}{/block:Video}
  380. {block:Answer}<div align="left"><div class="title">{Question}</div><div class="triangle">&#9660;</div><div class="asker"><img src="{AskerPortraitURL-16}" alt="Asker" />&nbsp;&nbsp;<sup>{Asker}</div></sup>{Answer}</div>{/block:Answer}
  381.  
  382. <div class="perma">{TimeAgo} + <a href="{Permalink}">
  383. notes: {NoteCount}{/block:NoteCount}</a> {block:IfShowReblogButton}+ <a href="{ReblogURL}" target="_blank" >reblog</a>{/block:IfShowReblogButton}</div>
  384. </div></div>
  385.  
  386. {block:PermalinkPage}{block:Date}<div class="content2">
  387. <div class="title">info:</div>
  388. <b>posted:</b> <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}
  389. {block:RebloggedFrom}<br><b>original:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  390. {block:Photo}{block:HighRes}<br><b>highRes:</b> <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  391. {block:Answer}<BR><b>ask:</b> <a href="/ask">{AskLabel}</a>{/block:Answer}
  392. {block:Audio}<BR><b>plays:</b> {FormattedPlayCount}{block:ExternalAudio}<BR><b>download:</b> <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  393. {block:HasTags}<BR><b>tagged:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR><b>notes:</b> {NoteCount}{/block:NoteCount}
  394. <br><br>
  395. {block:Caption}<div class="title">comments:</div>{Caption}{/block:Caption}
  396. {/block:Date}{/block:PermalinkPage}
  397. {/block:Posts}
  398. {block:PostNotes}<div class="title">past notes:</div><div id="notes">{PostNotes}</div>{/block:PostNotes}
  399.  
  400. </div>
  401. </div>
  402. </div>
  403. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}<br>
  404.  
  405.  
  406. </body>
  407. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!