haruzie

Sakura Love Theme

Jun 4th, 2012
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.13 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:Topbar" content="">
  14. <META name="image:cursor" content="">
  15. <META name="color:Background" content="#ffffff">
  16. <META name="color:permalink" content="#F3F3F3">
  17. <META name="color:font" content="#757575">
  18. <META name="color:link" content="#000">
  19. <META name="color:link hover" content="#A3B4B4">
  20. <META name="color:Bold font" content="#3F2B11">
  21. <META name="color:scrollbar" content="#ffffff">
  22. <META name="color:scrollbar border" content="#f4afc4">
  23. <META name="color:topbar border" content="#e2e2e2">
  24. <META name="color:topbarnav bg" content="#ffffff">
  25. <META name="color:topbarnav font" content="#FAAFBA">
  26. <META name="color:topbarnav bg hover" content="#FAAFBA">
  27. <META name="color:topbarnav bg font hover" content="#ffffff">
  28. <META name="color:navigation background" content="#FFD7E2">
  29. <META name="color:navigation font" content="#ffffff">
  30. <META name="color:navigation border" content="#DDD9BE">
  31. <META name="color:navigation background hover" content="#FFF1F9">
  32. <META name="color:navigation font hover" content="#FF83C6">
  33. <META name="color:navigation border hover" content="#FFD9EE">
  34. <META name="color:pagination bg" content="#FAAFBA">
  35. <META name="color:pagination font" content="#ffffff">
  36. <META name="color:pagination bg hover" content="#ffffff">
  37. <META name="color:pagination font hover" content="#FAAFBA">
  38. <meta name="if:ShowReblog Button" content="1"/>
  39. <meta name="if:Fixed follow/dashboard button" content="1"/>
  40. <meta name="if:DisableRight Click" content="1"/>
  41. <meta name="if:StyledScrollbar" content="1"/>
  42. <meta name="if:EndlessScroll" content="1"/>
  43. <meta name="if:Fade Effect" content="1"/>
  44. <META name="text:cursor url" content="http://static.tumblr.com/9ji9tiw/iLgl5njtq/cursor.gif">
  45. <META name="text:cursor url hover" content="http://static.tumblr.com/9ji9tiw/iLgl5njtq/cursor.gif">
  46. <META name="text:Add your link" content="LINK HERE">
  47. <META name="text:link url" content="http://">
  48. <META name="text:Add your link2" content="LINK HERE">
  49. <META name="text:link url2" content="http://">
  50. <META name="text:Add your link3" content="LINK HERE">
  51. <META name="text:link url3" content="http://">
  52. <META name="text:Add your link4" content="LINK HERE">
  53. <META name="text:link url4" content="http://">
  54. <META name="text:Add your link5" content="LINK HERE">
  55. <META name="text:link url5" content="http://">
  56. <META name="text:Add your link6" content="LINK HERE">
  57. <META name="text:link url6" content="http://">
  58. <META name="text:Add your link7" content="LINK HERE">
  59. <META name="text:link url7" content="http://">
  60. <META name="text:Add your link8" content="LINK HERE">
  61.  
  62. {block:IfDisableRightClick}
  63. <script language=JavaScript>
  64. <!--
  65.  
  66. //Disable right click script III- By Renigade ([email protected])
  67. //For full source code, visit http://www.dynamicdrive.com
  68.  
  69. var message="";
  70. ///////////////////////////////////
  71. function clickIE() {if (document.all) {(message);return false;}}
  72. function clickNS(e) {if
  73. (document.layers||(document.getElementById&&!document.all)) {
  74. if (e.which==2||e.which==3) {(message);return false;}}}
  75. if (document.layers)
  76. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  77. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  78.  
  79. document.oncontextmenu=new Function("return false")
  80. // -->
  81. </script>
  82. {/block:IfDisableRightClick}
  83.  
  84.  
  85. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{block:IfEndlessScroll}
  86.  
  87. <style type="text/css">
  88.  
  89. body{
  90. background: {color:Background color};
  91. background-image: url({image:Background});
  92. background-attachment: fixed;
  93. cursor: url({text:cursor url}),auto;
  94. }
  95.  
  96. body,td{
  97. font:normal 10px 'Trebuchet MS';
  98. color: {color:font};
  99. line-height:120%;
  100. text-align: justify;
  101. }
  102.  
  103. a{font:normal arial,verdana;
  104. color:{color:link};
  105. text-decoration:none;
  106. -webkit-transition: .4s;
  107. }
  108.  
  109. a:hover{
  110. cursor: url({text:cursor url hover}),auto;
  111. color:{color:link hover};
  112. text-decoration:none;
  113. }
  114.  
  115. {block:IfStyledScrollbar}
  116. ::-webkit-scrollbar-thumb:vertical {
  117. background-color: {color:scrollbar};
  118. border: 1px solid {color:scrollbar border};
  119. height: 50px;
  120. }
  121. ::-webkit-scrollbar {
  122. height: 20px;
  123. width: 9px;
  124. background-color: {color:scrollbar}
  125. }
  126. {/block:IfStyledScrollbar}
  127.  
  128. {block:IfFixed follow/dashboard button}
  129. iframe#tumblr_controls { right:3px !important; position:fixed !important; }
  130. {/block:IfFixed follow/dashboard button}
  131.  
  132. .vanilla{text-align:justify;
  133. margin-top: 10px;
  134. }
  135.  
  136. #navbar-iframe{visibility:hidden; display:none;}
  137.  
  138. .content2 {
  139. background-color: {color:Background};
  140. margin-top: -5px;
  141. padding-left: 10px;
  142. padding-top: 1px;
  143. width: 497px;
  144. }
  145.  
  146. .title {
  147. font-size: 15px;
  148. font-family: Verdana;
  149. }
  150.  
  151.  
  152. #permalink {
  153. background-color: {color:permalink};
  154. letter-spacing: 1px;
  155. text-transform: uppercase;
  156. text-align: left;
  157. margin-bottom: 1px;
  158. }
  159. #entry{width:500px;
  160. padding:4px;
  161. background: {color:Background};
  162. margin-bottom: 10px;
  163. }
  164. #entry:hover #permalink {
  165. display: block;
  166. opacity:1;
  167. }
  168. #content{ width: 500px;
  169. align: center;
  170. }
  171. .info {background-color: {color:Background};
  172. font-size: 9px;
  173. padding: 3px;
  174. }
  175.  
  176. #topcontainer{
  177. width: 498px; text-align:center; margin auto 0px;
  178. }
  179.  
  180. #fade { /*--Transparent background layer--*/
  181. display: none; /*--hidden by default--*/
  182. background: #000;
  183. position: fixed; left: 0; top: 0;
  184. width: 100%; height: 100%;
  185. opacity: .85;
  186. z-index: 9999;
  187. }
  188. .popup_block{
  189. display: none; /*--hidden by default--*/
  190. width: 300px;
  191. background: #fff;
  192. padding: 7px;
  193. float: left;
  194. font-size: 10px;
  195. font-family: Trebuchet MS;
  196. position: fixed;
  197. top: 50%; left: 52%;
  198. z-index: 99999;
  199. /*--CSS3 Box Shadows--*/
  200. -webkit-box-shadow: 0px 0px 20px #000;
  201. -moz-box-shadow: 0px 0px 20px #000;
  202. box-shadow: 0px 0px 20px #000;
  203. /*--CSS3 Rounded Corners--*/
  204. -webkit-border-radius: 10px;
  205. -moz-border-radius: 10px;
  206. border-radius: 10px;
  207. }
  208.  
  209. img.btn_close {
  210. float: right;
  211. margin: -5px -5px 0 0;
  212. }
  213. /*--Making IE6 Understand Fixed Positioning--*/
  214. *html #fade {
  215. position: absolute;
  216. }
  217. *html .popup_block {
  218. position: absolute;
  219. }
  220.  
  221.  
  222.  
  223. h2{font: 15px Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-weight:normal; line-height:20px; margin:0px; color: #9B9B9B; border-bottom: 1px dashed black;
  224. }
  225.  
  226.  
  227.  
  228. #topbar {
  229. width: 100%;
  230. font-size: 9px;
  231. line-height: 10px;
  232. left:0px; z-index: 100;border-bottom: 1px dashed {color:topbar border};
  233. {block:iftopbarattop}
  234. top: 0px;{/block:iftopbarattop}
  235. {block:ifnottopbarattop}
  236. top:0px;{/block:ifnottopbarattop}
  237. color: {color:topbar text};
  238. background: white url(http://static.tumblr.com/flztolc/XAelv5tsp/tumblr_ls0w5txuft1r3vazto8_250.png);
  239. padding-top: 30px!important;padding-bottom: 30px!important;padding: 0px;
  240. filter:alpha(opacity=70);
  241. }
  242.  
  243.  
  244. .poplight{ background-color: {color:topbarnav bg}; color: {color:topbarnav font}; padding: 5px; font-size: 14px; font-family: calibri; letter-spacing: 2px; -webkit-transition: .2s; text-transform: uppercase;}
  245. .poplight:hover{ background-color: {color:topbarnav bg hover}; color: {color:topbarnav bg font hover}; padding: 3px; -webkit-border-radius: 5px; -webkit-transition: .2s;}
  246.  
  247. #pagination {font-family: verdana;font-size: 11px; font-weight: bold; text-align: center; background-color: #FFF; padding-top: 15px; padding-bottom: 15px;}
  248.  
  249. #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;}
  250.  
  251. #pagination a:hover {background: {color:pagination bg hover}; border: none;color: {color:pagination font hover};text-decoration: none;}
  252.  
  253. #pagination span.pagina_atual {background: #eee;margin: 1px; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; color: lightpink; text-decoration: none; }
  254.  
  255. #pagination span.info { margin: 1px; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; color: #777; text-decoration: none;}
  256.  
  257. .entries{
  258. font-family: Calibri;
  259. font-size: 14px;
  260. font-color: {color:font};
  261. border-bottom: 1px dashed {color:font};
  262. padding: 1px;
  263. margin: 1px;
  264. }
  265.  
  266. a.nav{
  267. width:150px;
  268. text-transform: uppercase;
  269. background: {color:navigation background};
  270. color: {color:navigation font};
  271. display: block;
  272. text-decoration:none;
  273. text-align:center;
  274. font-family:arial;
  275. font-size:11px;
  276. font-weight:bold;
  277. padding:1px;
  278. margin-top:2px;
  279. -webkit-transition-property:color, text;
  280. -webkit-transition-duration: .2s;
  281. -moz-transition-duration: .2s;
  282. -webkit-transition-timing-function: linear, ease-in;
  283. border-bottom:1px solid {color:navigation border};
  284. }
  285.  
  286. a.nav:hover{
  287. -webkit-transition-duration: .2s;
  288. -moz-transition-duration: .2s;
  289. background:{color:navigation background hover};
  290. color:{color:navigation font hover};
  291. border-bottom:1px solid {color:navigation border hover};
  292. }
  293.  
  294. {block:IfFadeEffect}
  295. 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;}
  296. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;
  297. opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  298. ol.notes, ol.notes span {width:500px;font-size:11px;padding:0px;color:{color:Notes};margin: 15px 0px;list-style-type: none;background:none;}
  299.  
  300. img{ -webkit-transition: opacity 0.6s linear; opacity: 0.75; }
  301.  
  302. img:hover{ -webkit-transition: opacity 0.6s linear; opacity: 1; }
  303. {/block:IfFadeEffect}
  304.  
  305. blockquote {
  306. padding: 8px;
  307. margin: 15px;
  308. color: #8F8F8F;
  309. background-color: #F8F8F8; -webkit-transition: .4s;
  310. }
  311. blockquote:hover {
  312. padding: 8px;
  313. margin: 15px;
  314. background-color: #F5F5F5;
  315. padding-right: 10px;
  316. background-filter: alpha (opacity=50);-moz-opacity: 0.50; opacity: 0.50;
  317. }
  318.  
  319.  
  320. {CustomCSS}
  321.  
  322.  
  323. </style>
  324. </head>
  325.  
  326.  
  327. <body>
  328.  
  329. <script type="text/javascript"
  330.  
  331. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  332.  
  333.  
  334.  
  335. <script>
  336.  
  337. $(document).ready(function() {
  338.  
  339. //When you click on a link with class of poplight and the href starts with a #
  340.  
  341. $('a.poplight[href^=#]').click(function() {
  342. var popID = $(this).attr('rel'); //Get Popup Name
  343. var popURL = $(this).attr('href'); //Get Popup href to define size
  344. //Pull Query & Variables from href URL
  345. var query= popURL.split('?');
  346. var dim= query[1].split('&');
  347. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  348. //Fade in the Popup and add close button
  349.  
  350. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close" alt="Close" /></a>');
  351. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  352.  
  353. var popMargTop = ($('#' + popID).height() + 80) / 2;
  354.  
  355. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  356.  
  357.  
  358.  
  359. //Apply Margin to Popup
  360.  
  361. $('#' + popID).css({
  362.  
  363. 'margin-top' : -popMargTop,
  364.  
  365. 'margin-left' : -popMargLeft
  366.  
  367. });
  368.  
  369.  
  370.  
  371. //Fade in Background
  372.  
  373. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  374.  
  375. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies ;
  376. return false;
  377. });
  378. //Close Popups and Fade Layer
  379.  
  380. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  381. $('#fade , .popup_block').fadeOut(function() {
  382. $('#fade, a.close').remove(); //fade them both out
  383. });
  384. return false;
  385. });
  386. });
  387. </script>
  388. <table cellspacing="0" cellpadding="0" align="center">
  389. <tr>
  390. <td style="background: transparent;" align="center" valign="top" width="410px" id="content">
  391. <div style="overflow:auto;">
  392. <div style="font: normal 7pt tahoma; padding: 5px; color:#5e574f; text-align: center; text-transform: uupercase; background: white;"><div id="permalink">
  393. <div id="topbar"><div align="center"><div id="topcontainer">
  394. <div id="topimage" align="center">
  395. <a href="/" class="poplight">Home</a>
  396. <a href="#?w=400" rel="abtme" class="poplight">About</a>
  397. <a href="#?w=400" rel="ask" class="poplight">contact</a>
  398. <a href="#?w=150" rel="links" class="poplight">links</a>
  399. <a href="#?w=150" rel="themes" class="poplight">Theme</a>
  400. </div></div></div>
  401. <div id="ask" class="popup_block">
  402. <div class="entries">Ask Anything</div>
  403. <iframe frameborder="0" scrolling="no" width="100%" height="150px" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe> <!—[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script>
  404. </div></div></div>
  405.  
  406. <div id="themes" class="popup_block">
  407. <div class="entries">Theme Credits</div>
  408. <br>
  409. <a href="http://haruzie.com">THEME MADE BY: HARUZIE.COM</a><br>
  410. </div>
  411. <div id="abtme" class="popup_block">
  412. <div class="entries">More About me</div>
  413. <br>
  414. {Description}<br></div>
  415. <div id="links" class="popup_block">
  416. <div class="entries">Links</div>
  417. <br>
  418. <a class="nav" href='{text:link url}'>{text:Add your link}</a>
  419. <a class="nav" href='{text:link url2}'>{text:Add your link2}</a>
  420. <a class="nav" href='{text:link url3}'>{text:Add your link3}</a>
  421. <a class="nav" href='{text:link url4}'>{text:Add your link4}</a>
  422. <a class="nav" href='{text:link url5}'>{text:Add your link5}</a>
  423. <a class="nav" href='{text:link url6}'>{text:Add your link6}</a>
  424. <a class="nav" href='{text:link url7}'>{text:Add your link7}</a>
  425. <a class="nav" href='{text:link url8}'>{text:Add your link8}</a>
  426.  
  427. <br></div>
  428. <!-- end popup -->
  429. </td></tr>
  430.  
  431.  
  432. <td width="500px" valign="top" style="background:transparent; text-align:justify; margin-top: 400px;
  433. ">
  434.  
  435. <div class="vanilla"><div class="autopagerize_page_element">
  436. {block:Posts}
  437. <div id="entry">
  438.  
  439. {block:Text}<h2><a href="{Permalink}">{Title}</a></h2>{Body}{/block:Text}
  440.  
  441. {block:Photo}
  442. {block:IndexPage}
  443. <center><a href="{permalink}"><img src="{PhotoURL-500}" width="500px"></a></center>
  444. {block:IfNotHidePhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaption}
  445. {/block:IndexPage}
  446.  
  447. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  448.  
  449. {block:Photoset}<center>{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  450.  
  451. {block:Quote}<h2><a href="{Permalink}">"{Quote}"</a></h2>{block:Source}{Source}{/block:Source}<br>{/block:Quote}
  452.  
  453. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  454.  
  455. {block:Chat}
  456. {block:Title}{Title}{/block:Title}
  457. {block:Lines}
  458. {block:Label}
  459. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  460. <span class="line">{Line}</span></div>
  461. {/block:Label}
  462. {/block:Lines}
  463. {/block:Chat}
  464.  
  465. {block:Video}<center>{block:IndexPage}{Video-500}{/block:IndexPage}
  466. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  467. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  468.  
  469. {block:Audio}<div class="audio">{AudioPlayerBlack}</div>
  470. {block:Caption}{Caption}{/block:Caption}
  471. {/block:Audio}
  472.  
  473. {block:Answer}
  474. <div id="asker"><center><b>{Asker} Asked:</b> "{Question}"</center></div>
  475. <b>Answer:</b> {Answer}
  476. {/block:Answer}
  477.  
  478. {block:IndexPage}
  479. {block:IfShowTags}
  480. {block:HasTags}
  481. <div id="tags">
  482. <b>Tagged:</b> {block:Tags}<a href="{TagURL}">{Tag}</a>,&nbsp;{/block:Tags}
  483. </div>
  484. {/block:HasTags}
  485. {/block:IfShowTags}
  486. {/block:IndexPage}
  487.  
  488. <br>
  489. {block:IndexPage}<div id="permalink">Posted {TimeAgo} with {NoteCountWithLabel}
  490. {block:IfShowReblogButton}<div style="float:right;">
  491. <a href="{ReblogURL}" target="_blank">Reblog this</a>
  492. </div> {/block:IfShowReblogButton}</div>{/block:IndexPage}
  493.  
  494. </div>
  495.  
  496.  
  497.  
  498. {block:PermalinkPage}{block:Date}<div class="content2">
  499. <div class="title">info:</div>
  500. <b>posted:</b> <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}
  501. {block:RebloggedFrom}<br><b>original:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  502. {block:Photo}{block:HighRes}<br><b>highRes:</b> <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  503. {block:Answer}<BR><b>ask:</b> <a href="/ask">{AskLabel}</a>{/block:Answer}
  504. {block:Audio}<BR><b>plays:</b> {FormattedPlayCount}{block:ExternalAudio}<BR><b>download:</b> <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  505. {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}
  506. <br><br>
  507. {block:Caption}<div class="title">comments:</div>{Caption}{/block:Caption}
  508. {/block:Date}{/block:PermalinkPage}
  509. {/block:Posts}
  510. {block:PostNotes}<div class="title">notes:</div><div id="notes">{PostNotes}</div>{/block:PostNotes}
  511.  
  512.  
  513. {block:IfNotEndlessScroll}<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}
  514.  
  515.  
  516. {/block:Posts}
  517.  
  518. </div>
  519. </div>
  520. </div>
  521. </td>
  522.  
  523. </tr>
  524. </table>
  525. </body>
  526. </html>
Advertisement
Add Comment
Please, Sign In to add comment