haruzie

Private Eye Theme

Jul 1st, 2011
170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.17 KB | None | 0 0
  1. <html>
  2.  
  3. <!--Theme by: Haruzie (h a r u z i e . t u m b l r . c o m)-->
  4. <!--Feel Free to modify or do whatever you want like change the color or fonts-->
  5. <!--But do not remove or alter the credits-->
  6. <!--Do not redistribute or claim my code as your own-->
  7.  
  8. <head>
  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="">
  13. <META name="image:back to top" content="http://dl7.glitter-graphics.net/pub/276/276297d07y94jz7o.gif">
  14. <META name="color:Background Color" content="#ede6e6">
  15. <META name="color:font body" content="#757575">
  16. <META name="color:link" content="#000">
  17. <META name="color:link hover" content="#A3B4B4">
  18. <META name="color:Bold font" content="#3F2B11">
  19. <META name="color:scrollbar background" content="#ffffff">
  20. <META name="color:scrollbar" content="#e2e2e2">
  21. <META name="color:pagination bg" content="#736F6E">
  22. <META name="color:pagination font" content="#ffffff">
  23. <META name="color:pagination bg hover" content="#ffffff">
  24. <META name="color:pagination font hover" content="#736F6E">
  25. <META name="color:navigation background" content="#736F6E">
  26. <META name="color:navigation font" content="#ffffff">
  27. <META name="color:navigation background hover" content="#ffffff">
  28. <META name="color:navigation font hover" content="#736F6E">
  29. <META name="color:permalink background" content="#F3F3F3">
  30. <meta name="if:ShowDescription" content="1"/>
  31. <meta name="if:Styled Scrollbar" content="1"/>
  32. <meta name="if:ShowRandom" content="1"/>
  33. <meta name="if:ShowArchive" content="1"/>
  34. <meta name="if:ShowReblog Button" content="1"/>
  35. <meta name="if:Fade Effect" content="1"/>
  36. <meta name="if:DisableRightClick" content="1"/>
  37. <meta name="if:EndlessScroll" content="1"/>
  38. <meta name="if:EnableBacktoTop" content="1"/>
  39. <META name="text:cursor url main" content="http://static.tumblr.com/9ji9tiw/iLgl5njtq/cursor.gif">
  40. <META name="text:cursor url hover" content="http://static.tumblr.com/9ji9tiw/iLgl5njtq/cursor.gif">
  41. <META name="text:back to top width" content="50px">
  42. <META name="text:back to top height" content="50px">
  43. <META name="text:Add your link" content="">
  44. <META name="text:link url" content="http://">
  45. <META name="text:Add your link2" content="">
  46. <META name="text:link url2" content="http://">
  47. <META name="text:Add your link3" content="">
  48. <META name="text:link url3" content="http://">
  49. <META name="text:Add your link4" content="">
  50. <META name="text:link url4" content="http://">
  51. <META name="text:Add your link5" content="">
  52. <META name="text:link url5" content="http://">
  53. <META name="text:Add your link6" content="">
  54. <META name="text:link url6" content="http://">
  55.  
  56. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{block:IfEndlessScroll}
  57.  
  58. {block:IfDisableRightClick}
  59. <script language=JavaScript>
  60. <!--
  61.  
  62. //Disable right click script III- By Renigade ([email protected])
  63. //For full source code, visit http://www.dynamicdrive.com
  64.  
  65. var message="";
  66. ///////////////////////////////////
  67. function clickIE() {if (document.all) {(message);return false;}}
  68. function clickNS(e) {if
  69. (document.layers||(document.getElementById&&!document.all)) {
  70. if (e.which==2||e.which==3) {(message);return false;}}}
  71. if (document.layers)
  72. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  73. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  74.  
  75. document.oncontextmenu=new Function("return false")
  76. // -->
  77. </script>
  78. {/block:IfDisableRightClick}
  79.  
  80. <style type="text/css">
  81.  
  82. {block:IfStyledScrollbar}
  83. ::-webkit-scrollbar-thumb:vertical {
  84. background-color:{color:scrollbar}; height:100px;
  85. }
  86. ::-webkit-scrollbar-thumb:horizontal {
  87. background-color:{color:scrollbar};
  88. height:10px !important;
  89. }
  90. ::-webkit-scrollbar {
  91. height:10px;
  92. width:10px;
  93. background-color:{color:scrollbar background};
  94. }
  95. {/block:IfStyledScrollbar}
  96.  
  97. body{
  98. background: {color:Background color};
  99. background-image: url({image:Background});
  100. background-attachment: fixed;
  101. cursor: url({text:cursor url main}),auto;
  102. }
  103.  
  104. body,td{font-size: 8px;
  105. font-family: "Pixeljosh6";
  106. color: {color:font body};
  107. line-height:120%;
  108. text-align: justify;
  109. cursor: url({text:cursor url main}),auto;
  110. }
  111.  
  112. a{font:normal arial,verdana;
  113. color:{color:link};
  114. text-decoration:none;
  115. -webkit-transition: .4s;
  116. }
  117.  
  118. a:hover{color:{color:link hover};
  119. text-decoration:none;
  120. cursor: url({text:cursor url hover}),auto;
  121. }
  122.  
  123. blockquote {
  124. border: #E5E5E5 1px dotted;
  125. padding: 8px;
  126. margin: 15px;
  127. color: #8F8F8F;
  128. background-color: #F8F8F8; -webkit-transition: .4s;
  129. }
  130. blockquote:hover {
  131. border: #E5E5E5 1px dotted;
  132. padding: 8px;
  133. margin: 15px;
  134. background-color: #F5F5F5;
  135. background-filter: alpha (opacity=50);-moz-opacity: 0.50; opacity: 0.50;
  136. }
  137.  
  138. .vanilla{text-align:justify;
  139. margin-top: 10px;
  140. }
  141.  
  142. #navbar-iframe{visibility:hidden; display:none;}
  143.  
  144. @font-face {font-family:Pixeljosh6; src: url(http://static.tumblr.com/egrc293/W8lm548kp/pixeljosh6.ttf) format(“truetype”);}
  145.  
  146. #permalink {
  147. background-color: {color:permalink background};
  148. letter-spacing: 1px;
  149. text-transform: uppercase;
  150. text-align: center;
  151. margin-bottom: 1px;
  152. line-height: 15px;
  153. padding-top: 3px;
  154. }
  155. #entry{
  156. width:500px;
  157. padding:4px;
  158. background:#FFFFFF;
  159. margin-bottom: 10px;
  160. }
  161.  
  162. #content{
  163. width: 500px;
  164. align: center;
  165. }
  166.  
  167. .info {
  168. background-color:white;
  169. font-size: 8px;
  170. padding: 5px;
  171. padding-top: 10px;
  172. padding-bottom: 10px;
  173. height: 50px;
  174. }
  175.  
  176. h2{
  177. font-size: 13px;
  178. font-family:Trebuchet MS;
  179. line-height:20px;
  180. margin:0px;
  181. color: #9B9B9B;
  182. text-transform: uppercase;
  183. }
  184.  
  185. {block:IfFadeEffect}
  186. 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;}
  187. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;
  188. opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  189. ol.notes, ol.notes span {width:500px;font-size:11px;padding:0px;color:{color:Notes};margin: 15px 0px;list-style-type: none;background:none;}
  190.  
  191. img{ -webkit-transition: opacity 0.6s linear; opacity: 0.75; }
  192.  
  193. img:hover{ -webkit-transition: opacity 0.6s linear; opacity: 1; }
  194. {/block:IfFadeEffect}
  195.  
  196. a.nav { background-color: {color:navigation background}; color: {color:navigation font}; margin-top: 1px; cursor: pointer; text-transformation: lowercase; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; -webkit-transition: .30s ease-in; display: inline-block; -webkit-border-radius: 8px; border-bottom: 1px solid {color:navigation font hover};}
  197. .nav:hover { background-color: {color:navigation background hover}; color: {color:navigation font hover}; cursor: url({text:cursor url hover}),auto; }
  198.  
  199. #toTop {
  200. display:none;
  201. text-decoration:none;
  202. position:fixed;
  203. bottom:5px;
  204. right:10px;
  205. overflow:hidden;
  206. width:{text:back to top width};
  207. height:{text:back to top height};
  208. border:none;
  209. text-indent:-999px;
  210. background:url({image:back to top}) no-repeat left top;
  211. }
  212. #toTopHover {
  213. background:url({image:back to top}) no-repeat left -51px;
  214. width:{text:back to top width};
  215. height:{text:back to top height};
  216. display:block;
  217. overflow:hidden;
  218. float:left;
  219. opacity: 0;
  220. -moz-opacity: 0;
  221. filter:alpha(opacity=0);
  222. }
  223. #toTop:active, #toTop:focus {
  224. outline:none;
  225. }
  226. #pagination {font-family: verdana;font-size: 11px; font-weight: bold; text-align: center; background-color: #FFF; padding-top: 15px; padding-bottom: 15px; -webkit-border-radius: 8px;}
  227. #pagination a {background: {color:pagination bg}; margin: 1px; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; color: {color:pagination font}; text-decoration: none; -webkit-border-radius: 8px;}
  228. #pagination a:hover {background: {color:pagination bg hover}; border: none;color: {color:pagination font hover};text-decoration: none;-webkit-border-radius: 8px;}
  229. #pagination span.pagina_atual {background: #eee;margin: 1px; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; color: {color:pagination font hover}; text-decoration: none; -webkit-border-radius: 8px;}
  230. #pagination span.info { margin: 1px; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; color: #777; text-decoration: none; -webkit-border-radius: 8px;}
  231. </style>
  232. </head>
  233. <body>
  234. {block:IfEnableBacktoTop}
  235. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  236. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  237. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  238. <script type="text/javascript">
  239. $(document).ready(function() {
  240. /*
  241. var defaults = {
  242. containerID: 'moccaUItoTop', // fading element id
  243. containerHoverClass: 'moccaUIhover', // fading element hover class
  244. scrollSpeed: 1200,
  245. easingType: 'linear'
  246. };
  247. */
  248. $().UItoTop({ easingType: 'easeOutQuart' });
  249. });
  250. </script>
  251. {/block:IfEnableBacktoTop}
  252.  
  253. <table cellspacing="0" cellpadding="0" align="center">
  254. <tr>
  255. <td style="background: transparent;" align="center" valign="top" width="410px" id="content">
  256. <div style="overflow:auto;">
  257. <div style="font: normal 8pt Tahoma; padding: 5px; color:#5e574f; text-align: center; text-transform: uupercase; background: white; margin-bottom: 5px;">
  258. <a class="nav" href="/">HOME</a>
  259. <a class="nav" href="/ask">ASK</a>
  260. {block:IfShowRandom}<a class="nav" href="/random">RANDOM</a>{/block:IfShowRandom}
  261. {block:IfShowArchive}<a class="nav" class="nav" href="/archive">ARCHIVE</a>{/block:IfShowArchive}
  262. {block:IfAddyourlink}<a href='{text:link url}'>{text:Add your link}</a>{/block:IfAddyourlink}
  263. {block:IfAddyourlink2}<a class="nav" href='{text:link url2}'>{text:Add your link2}</a>{/block:IfAddyourlink2}
  264. {block:IfAddyourlink3}<a class="nav" href='{text:link url3}'>{text:Add your link3}</a>{/block:IfAddyourlink3}
  265. {block:IfAddyourlink4}<a class="nav" href='{text:link url4}'>{text:Add your link4}</a>{/block:IfAddyourlink4}
  266. {block:IfAddyourlink5}<a class="nav" href='{text:link url5}'>{text:Add your link5}</a>{/block:IfAddyourlink5}
  267. {block:IfAddyourlink6}<a class="nav" href='{text:link url6}'>{text:Add your link6}</a>{/block:IfAddyourlink6}
  268. <a class="nav" target="_blank" href="http://haruzie.tumblr.com">THEME</a>
  269. </div>
  270.  
  271. {block:IfShowDescription}<div class="info">
  272. <img src="{PortraitURL-48}" align="left" >
  273. {block:Description}{Description}{/block:Description}</div>{/block:IfShowDescription}</div>
  274.  
  275.  
  276. <div class="vanilla"><div class="autopagerize_page_element">
  277. {block:Posts}
  278. <div id="entry">
  279. <div id="permalink">{TimeAgo} with {NoteCountwithLabel} {block:IfShowReblogButton}- <a href="{ReblogURL}" target="_blank" >reblog</a>{/block:IfShowReblogButton}</div>
  280. {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
  281. {block:Photo}
  282. {block:IndexPage}
  283. <center><a href="{permalink}"><img src="{PhotoURL-500}" width="500px"></a></center>
  284. {block:Caption}{Caption}{/block:Caption}
  285. {/block:IndexPage}
  286. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  287. {block:Photoset}<center>{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  288. {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}<br>{/block:Quote}
  289. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  290. {block:Chat}
  291. {block:Title}{Title}{/block:Title}
  292. {block:Lines}
  293. {block:Label}
  294. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  295. <span class="line">{Line}</span></div>
  296. {/block:Label}
  297. {/block:Lines}
  298. {/block:Chat}
  299. {block:Video}<center>{block:IndexPage}{Video-500}{/block:IndexPage}
  300. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  301. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  302. {block:Audio}<div class="audio">{AudioPlayerBlack}</div>
  303. {block:Caption}{Caption}{/block:Caption}
  304. {/block:Audio}
  305. {block:Answer}
  306. <div id="asker"><center><b>{Asker} Asked:</b> "{Question}"</center></div>
  307. <b>Answer:</b> {Answer}
  308. {/block:Answer}
  309. {block:IndexPage}
  310. {block:IfShowTags}
  311. {block:HasTags}
  312. <div id="tags">
  313. <b>Tagged:</b> {block:Tags}<a href="{TagURL}">{Tag}</a>,&nbsp;{/block:Tags}
  314. </div>
  315. {/block:HasTags}
  316. {/block:IfShowTags}
  317. {/block:IndexPage}
  318. </div>
  319. {/block:Posts}
  320. {block:IndexPage}
  321. {block:IfNotEndlessScroll}{Indexpage}<div id="pagination"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="10"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination} </div>{/block:IfNotEndlessScroll}
  322. {/block:IndexPage}
  323. </div>
  324. </div>
  325. </div>
  326. </td>
  327. </tr>
  328. </table>
  329. </body>
  330. </html>
Advertisement
Add Comment
Please, Sign In to add comment