Advertisement
Gazlan

Rose Tumblr Code

Sep 17th, 2014
246
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.62 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-----------------------------------------------------------------
  4.               _____                _     _      
  5.              |_   _|   _ _ __ ___ | |__ | |_ __
  6.                | || | | | '_ ` _ \| '_ \| | '__|
  7.                | || |_| | | | | | | |_) | | |  
  8.                |_| \__,_|_| |_| |_|_.__/|_|_|  
  9.                ____                           _            
  10.               / ___| ___ _ __   ___ _ __ __ _| |_ ___  _ __
  11.              | |  _ / _ \ '_ \ / _ \ '__/ _` | __/ _ \| '__|
  12.              | |_| |  __/ | | |  __/ | | (_| | || (_) | |  
  13.               \____|\___|_| |_|\___|_|  \__,_|\__\___/|_|
  14.  
  15.                 ___ ___  _ __ ___  
  16.                / __/ _ \| '_ ` _ \
  17.               | (_| (_) | | | | | |
  18.              (_)___\___/|_| |_| |_|
  19.                                              
  20.              // Generate your own theme at
  21.                 http://tumblrgenerator.com
  22.                  
  23.              // A "tit" theme project
  24.                 http://tit.tumblr.com
  25.                  
  26.              // Comments & Suggestions are apprecaited
  27.  
  28. ------------------------------------------------------------------>
  29. <html xmlns="http://www.w3.org/1999/xhtml">
  30. <head>
  31.  
  32.  
  33. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
  34. .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
  35. .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
  36. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>
  37.  
  38.  
  39. <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth641.cur), progress;}</style>
  40.  
  41. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  42. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. <meta name="text:Link 1" content=""/>
  47. <meta name="text:Link 1 URL" content=""/>
  48. <meta name="text:Link 2" content=""/>
  49. <meta name="text:Link 2 URL" content=""/>
  50. <meta name="text:Link 3" content=""/>
  51. <meta name="text:Link 3 URL" content=""/>
  52. <meta name="text:Link 4" content=""/>
  53. <meta name="text:Link 4 URL" content=""/>
  54. <meta name="text:Link 5" content=""/>
  55. <meta name="text:Link 5 URL" content=""/>
  56. <meta name="text:Link 6" content=""/>
  57. <meta name="text:Link 6 URL" content=""/>
  58. <meta name="text:Link 7" content=""/>
  59. <meta name="text:Link 7 URL" content=""/>
  60. <meta name="text:Link 8" content=""/>
  61. <meta name="text:Link 8 URL" content=""/>
  62. <meta name="text:Home Label" content="Home"/>
  63. <meta name="text:Ask Label" content="Ask"/>
  64. <meta name="text:Submit Label" content="Submit"/>
  65. <meta name="text:Archive Label" content="Archive"/>
  66. <meta name="if:Show Archive Link" content="1"/>
  67. <meta name="if:Show Submit Link" content="1"/>
  68. <meta name="if:Show Title" content="1"/>
  69. <meta name="if:Show Tags" content="0"/>
  70. <meta name="if:Animation" content="1"/>
  71. <meta name="if:To Top Button" content="0"/>
  72. <meta name="if:Infinite Scroll" content="1"/>
  73. <meta name="if:Show Captions" content="0"/>
  74. <meta name="if:Show Tags" content="0"/>
  75. <meta name="image:Background" content=""/>
  76. <meta name="image:Sidebar" content=""/>
  77. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  78. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  79. <script type="text/javascript" src="http://static.tumblr.com/tpqedpr/vnzmibpqr/minified.js"></script>
  80. <style type="text/css">
  81. body {
  82.         color: #757474;background: #fff url({image:Background});
  83.         font-family: calibri light;
  84.         font-size: 10px;
  85.         line-height: 1.5em;
  86. }
  87. p {margin:0 0 .75em 0} p:last-child {margin:0}
  88. a {
  89.         color: #ffcccc;
  90.         text-decoration:none;
  91. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  92. a:hover {color: #c4e9ff;}
  93. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  94.         line-height: 100%;border-left: solid 4px #EDEDED;
  95. }
  96.  
  97.  
  98. @font-face{font-family:rix;src:url('http://static.tumblr.com/e1djgf7/yz4n7ihzr/rix_____________m.ttf')}
  99.  
  100. h1 {
  101.         font-family: rix;
  102.         font-size: 28px;
  103.         line-height: 1.5em;
  104.         font-weight: normal;
  105.         text-transform: lowercase;
  106. }
  107.  
  108. ul {
  109.         margin: 0px 1.5em .75em;}
  110. li {
  111.         margin: .75em 0;
  112.         list-style-type: square;
  113. }
  114. .box img {
  115.         display: block;
  116.         max-width: 100%;}.m-i {
  117. display: block;
  118. line-height: 1px!important;
  119. }
  120.     .menu-picture {
  121.         line-height: 100%;
  122. display: inline-block;
  123. line-height: 0px!important;
  124. }
  125. .post-link{
  126.         font-family: Lucida Sans;
  127.         font-size: 8px;
  128.         line-height: 8px;
  129. }p.source{text-align: center;}
  130. .menu-picture {
  131.         line-height: 100%;display: inline-block;
  132. }p.source{text-align: center;}
  133. h3 {
  134.         font-size: 14px; font-weight: normal;
  135. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  136. .text { padding: 5px;}p.question {
  137.     margin-bottom: .375em;
  138. }
  139. p.words {
  140.     padding: 6px;
  141.     line-height: 1.5em;
  142.         color: #807d7d;
  143.     background: #ffffff;
  144. }
  145.  
  146. .response {
  147.     background: #fff;
  148.     padding: 5px;
  149.     margin-bottom: .75em;
  150.      border: 2px solid #FFD2D2;
  151.      border-radius: 5px;
  152. }
  153. .answer {
  154. text-align: left;
  155. }
  156.  
  157. .post {
  158.         position: relative;
  159.         {block:IndexPage}
  160.         width:250px;
  161.         {/block:IndexPage}
  162.         {block:PermalinkPage}
  163.         width:500px;
  164.         {/block:PermalinkPage}
  165.         float:left;
  166.        
  167.         letter-spacing: 1px;
  168.         line-height: 19px;
  169.         background: #ffffff;
  170.         padding:15px;
  171.         margin:15px;
  172.     border: 1px solid #ddd;
  173.         outline-offset:-8px;
  174.         outline:1px dashed #ddd;
  175.     -webkit-box-shadow: 5px 7px 0px 0px rgba(50, 50, 50, 0.15);
  176. -moz-box-shadow:    5px 7px 0px 0px rgba(50, 50, 50, 0.15);
  177. box-shadow:         5px 7px 0px 0px rgba(50, 50, 50, 0.15);
  178. }
  179.  
  180.  
  181. .post img {max-width:500px; border-radius: 7px; {block:ifcolumns}{block:IndexPage}max-width:250px; border-radius: 7px;{/block:IndexPage}{/block:ifcolumns};}
  182.  
  183. .box {position: relative;}
  184.  
  185. #side {
  186. text-align: left;
  187.         margin-top: -16px;
  188.         width:200px;
  189.         padding:20px;
  190.         height:100%;
  191.         margin-left:-250px;
  192.         position: fixed;
  193.         background: #ffffff;
  194.         border: 0px solid #000000;
  195.         letter-spacing:1px;
  196.         font-size:10px;
  197. }
  198.  
  199. #side img {
  200.     max-width: 100%;
  201. }
  202.  
  203. #banner2 {
  204. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  205. repeat:repeat-x;
  206. left:0;
  207. width:700px;
  208. height:18px;
  209. position: fixed;
  210. opacity:1;
  211. border-right:10px solid #fafafa;
  212. margin-left: -110px;
  213. margin-top: 322px;-webkit-transform: rotate(-90deg);
  214. -moz-transform: rotate(-90deg);}
  215.  
  216. ul {margin-bottom: .75em;}
  217. #contain {
  218.         width:857px;
  219.         margin: 15px auto 0;
  220. }
  221. #content{
  222.         width:704px;
  223.         margin-left: 70px;
  224. }
  225.  
  226. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}
  227.  
  228.  
  229. @font-face{
  230. font-family: 'pixel';
  231. font-style: normal;
  232. font-weight: normal;
  233. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  234.  
  235.  
  236. .post .perma{position: absolute;  border-left: 5px solid undefined; border-right: 5px solid undefined; width: 250px; left: 0px;text-align: center; btop: 0px;opacity: 0;filter:alpha(opacity=0);z-index: 10000;background: rgba(255, 255, 255, .75);font-size:8px;
  237. font-family:pixel; letter-spacing:1px;height: 21px;line-height: 21px;text-transform: uppercase;{block:ifanimation}-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;-o-transition: all 0.3s ease;{/block:ifanimation}}
  238. .post:hover .perma{opacity: 1;filter:alpha(opacity=100);}.perma:hover{background: rgba(255, 255, 255, 100);}
  239. .perma a{color:  #FFB5B5;}.perma-a { text-align: right; text-transform: uppercase; }
  240. .post-right { float: left; text-transform: uppercase; }
  241. .post-left { float: right;  text-transform: uppercase;}
  242. .tabs{position: relative;margin: 5px 0px;padding: 0px;width: 100%;}
  243. .tabs input{position: absolute;z-index: 1000;width: 33%;height: 100%;left: 0px;top: 0px;opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);cursor: pointer;}
  244. .tabs input#tab-2{left: 108px;}.tabs input#tab-3{left: 216px;}
  245. .tabs label{position: relative;padding: 0 0px;float: left;display: block;width: 33%;color:{color:menu link color};letter-spacing: 1px;text-transform: uppercase;font-weight: bold;text-align: center;text-shadow: 1px 1px 1px rgba(255,255,255,0.5);}
  246. .tabs label:after{content: '';background: #fff;position: absolute;bottom: -2px;left: 0;width: 100%;height: 0px;display: block;}.tabs input:hover + label{background: rgba(0, 0, 0, .05);}
  247. .tabs label:first-of-type{z-index: 4;}
  248. .tab-label-2{z-index: 3;}
  249. .tab-label-3{z-index: 2;}
  250. .tab-label-4{z-index: 1;}
  251. .tabs input:checked + label{background: rgba(255, 255, 255, .27);z-index: 6;}.clear-shadow{clear: both;}
  252. .content{background: #fff;position: relative;z-index: 5;}
  253. .content div{position: absolute;width: 100%;padding: 1px;background:{color:post background};top: 0;left: -1px;z-index: 1;opacity: 0;-webkit-transition: opacity linear 0.1s;-moz-transition: opacity linear 0.1s;-o-transition: opacity linear 0.1s;-ms-transition: opacity linear 0.1s;transition: opacity linear 0.1s;}
  254.  
  255. .tabs input.tab-selector-1:checked ~ .content .content-1,.tabs input.tab-selector-2:checked ~ .content .content-2,.tabs input.tab-selector-3:checked ~ .content .content-3,.tabs input.tab-selector-4:checked ~ .content .content-4{z-index: 100;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transition: opacity ease-out 0.2s 0.1s;-moz-transition: opacity ease-out 0.2s 0.1s;-o-transition: opacity ease-out 0.2s 0.1s;-ms-transition: opacity ease-out 0.2s 0.1s;transition: opacity ease-out 0.2s 0.1s;}.content div p{margin: 0;} .nava a { display: block; }.box iframe {
  256.         max-width: 100%;
  257. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  258. .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  259.  
  260. #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  261.  
  262. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  263. </style></head>
  264. <body>
  265.  
  266.  
  267. <div id="contain" class="clearfix">
  268.  
  269. <img src='http://i.imgur.com/CJ12zeW.png' style='position:fixed;bottom:0px;right:0px;z-index:-999'/>
  270.  
  271. <div id="banner2"></div>
  272. <div id="side">
  273. <div class="text">
  274. {block:ifshowtitle}<div class="title"><h1><a href="/">{title}</a></h1></div><div style="clear:both;"></div>{/block:ifshowtitle}
  275.  
  276. <center><a href="/"><img src="{image:sidebar}"/></a></center>
  277.  
  278. <div style="clear:both;"></div>
  279. <section class="tabs">
  280.         <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked"/><label for="tab-1" class="tab-label-1">About</label><input id="tab-2" type="radio" name="radio-set" class="tab-selector-2"/><label for="tab-2" class="tab-label-2">Message</label><input id="tab-3" type="radio" name="radio-set" class="tab-selector-3"/><label for="tab-3" class="tab-label-3">Links</label><div class="clear-shadow"></div>
  281.         <div class="content">
  282.         <div class="content-1">{block:description}{description}{/block:description}<div style="clear:both;"></div></div>
  283.         <div class="content-2"><iframe frameborder="0" scrolling="no" width="100%" height="359" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent;overflow:hidden;" id="ask_form"></iframe><div style="clear: both;"></div></div>
  284.         <div class="content-3">
  285.         <center>
  286.         <p class="nava"><a href="/">{text:home label}</a><a href="/ask">{text:ask label}</a>{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}{block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}{block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}{block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}{block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}{Block:IfShowArchiveLink}<a href="/archive">{text:archive label}</a>{/Block:IfShowArchiveLink}{block:SubmissionsEnabled}{block:IfShowSubmitLink}<a href="/submit">{text:submit label}</a>{/block:IfShowSubmitLink}{/block:SubmissionsEnabled}</p>
  287.             </center>
  288.         </div>
  289.         <div style="clear:both;"></div>
  290.         </div>
  291.         <div style="clear:both;"></div>
  292. </section>
  293. {block:IfNotInfiniteScroll}<p>{block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}</p>{/block:IfNotInfiniteScroll}
  294. <div style="clear:both;"></div>
  295. </div>
  296. </div>
  297. <div id="content">
  298. {block:Posts}
  299. <div class="post">
  300.  
  301. {block:Text}
  302. <div class="text">
  303. {block:Title}<h3>{Title}</h3>{/block:Title}
  304. {Body}
  305. <!-- permalink --> {block:IndexPage}
  306. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  307. <!-- /permalink --> {/block:IndexPage}
  308. </div>
  309. {/block:Text}
  310.    
  311. {block:Quote}
  312. <div class="text quote">
  313. <p class="words">&#8220;{Quote}&#8221;</p>
  314. {block:Source}<p class="source">{Source}</p>{/block:Source}
  315. <!-- permalink --> {block:IndexPage}
  316. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  317. <!-- /permalink --> {/block:IndexPage}
  318. </div>
  319. {/block:Quote}
  320.  
  321. {block:Link}
  322. <div class="text link">        
  323. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  324. {block:Description}{Description}{/block:Description}
  325. <!-- permalink --> {block:IndexPage}
  326. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  327. <!-- /permalink --> {/block:IndexPage}
  328. </div>
  329. {/block:Link}
  330.  
  331. {block:Chat}
  332. <div class="text chat">
  333. <ul class="conversation">
  334. {block:Lines}
  335. <li class="line {Alt}">
  336. {block:Label}<span class="person">{Label}</span>{/block:Label}
  337. <span class="person-said">{Line}</span>
  338. </li>
  339. {/block:Lines}
  340. </ul>
  341. <!-- permalink --> {block:IndexPage}
  342. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  343. <!-- /permalink --> {/block:IndexPage}
  344. </div>
  345. {/block:Chat}
  346.  
  347. {block:Audio}
  348. <div class="text audio">
  349. <p>{AudioPlayerBlack}</p>
  350. {block:IndexPage}{block:IfShowCaptions}
  351. {block:Caption}{Caption}{/block:Caption}
  352. {/block:IfShowCaptions}{/block:IndexPage}
  353. <!-- permalink --> {block:IndexPage}
  354. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  355. <!-- /permalink --> {/block:IndexPage}
  356. </div>
  357. {/block:Audio}
  358.  
  359. {block:Answer}
  360. <div class="text answer">
  361. <div class="response">
  362. <p>{Asker} said to me:</p>
  363. <p class="question">{Question}</p>
  364. </div>
  365. {Answer}
  366. <!-- permalink --> {block:IndexPage}
  367. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  368. <!-- /permalink --> {/block:IndexPage}
  369. </div>
  370. {/block:Answer}
  371.  
  372. {block:Photoset}
  373. <div class="photoset">
  374. <div class="box">
  375. <!-- permalink --> {block:IndexPage}
  376. <div class="perma"><a href="{reblogurl}" target="_blank">share it</a> with <a href="{Permalink}">{NoteCount} love(s)</a> at {DayofWeek} ♡</div>
  377. <!-- /permalink --> {/block:IndexPage}
  378. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  379. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  380. </div>
  381. {block:IndexPage}{block:IfShowCaptions}
  382. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  383. {/block:IfShowCaptions}{/block:IndexPage}
  384. </div>
  385. {/block:Photoset}
  386.  
  387. {block:Video}
  388. <div class="video">
  389. <div class="box">
  390. <!-- permalink --> {block:IndexPage}
  391. <div class="perma"><a href="{reblogurl}" target="_blank">share it</a> with <a href="{Permalink}">{NoteCount} love(s)</a> at {DayofWeek} ♡</div>
  392. <!-- /permalink --> {/block:IndexPage}
  393. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  394. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  395. </div>
  396. {block:IndexPage}{block:IfShowCaptions}
  397. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  398. {/block:IfShowCaptions}{/block:IndexPage}
  399. </div>
  400. {/block:Video}
  401.    
  402. {block:Photo}
  403. <div class="photo">
  404. <div class="box">
  405. <!-- permalink --> {block:IndexPage}
  406. <div class="perma"><a href="{reblogurl}" target="_blank">share it</a> with <a href="{Permalink}">{NoteCount} love(s)</a> at {DayofWeek} ♡</div>
  407. <!-- /permalink --> {/block:IndexPage}
  408. {block:IndexPage}
  409. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  410. {/block:IndexPage}
  411. {block:PermalinkPage}
  412. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  413. {/block:PermalinkPage}
  414. </div>
  415. {block:IndexPage}{block:IfShowCaptions}
  416. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  417. {/block:IfShowCaptions}{/block:IndexPage}
  418. </div>
  419. {/block:Photo}
  420.  
  421. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  422. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  423. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  424.  
  425. {block:PermalinkPage}
  426. <div id="post-info" class="text">
  427. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  428. {block:HasTags}
  429. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  430. {/block:HasTags}
  431. <p class="post-info-data">
  432. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  433. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  434. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  435. {block:PostNotes}
  436. {PostNotes}
  437. {/block:PostNotes}
  438. </div>
  439. {/block:PermalinkPage}
  440.  
  441. </div> <!-- end single post -->
  442. {block:ContentSource}
  443. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  444. {/block:ContentSource}
  445. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  446. {/block:Posts}    
  447. </div> <!-- end content -->
  448. <div class="loading"></div>
  449. </div> <!-- end containing div -->
  450. {block:IfInfiniteScroll}
  451. {block:Pagination}<ul id="pagination">
  452. {block:PreviousPage}
  453. <li><a href="{PreviousPage}"></a></li>
  454. {/block:PreviousPage}
  455. {block:JumpPagination length="5"}
  456. {block:CurrentPage}
  457. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  458. {/block:CurrentPage}
  459. {block:JumpPage}
  460. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  461. {/block:JumpPage}
  462. {/block:JumpPagination}
  463. {block:NextPage}
  464. <li><a id="nextPage" href="{NextPage}"></a></li>
  465. {/block:NextPage}
  466. </ul>{/block:Pagination}
  467. {/block:IfInfiniteScroll}
  468. {block:IndexPage}
  469. <script type="text/javascript">
  470. $(window).load(function () {
  471. $('#content').masonry(),
  472. $('.masonryWrap').infinitescroll({
  473. navSelector    : '#pagination',  
  474. nextSelector   : '#pagination a#nextPage',
  475. itemSelector : ".post, .loading",
  476. bufferPx : 40,
  477. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  478. loadingText : "<em></em>",
  479. },
  480. function() { $('#content').masonry({ appendedContent: $(this) }); }
  481. );
  482. });
  483. </script>
  484. {/block:IndexPage}
  485. {block:IfToTopButton}
  486. <script type="text/javascript">
  487.         $(document).ready(function() {
  488.                 /*
  489.                         var defaults = {
  490.                                 containerID: 'toTop', // fading element id
  491.                                 containerHoverID: 'toTopHover', // fading element hover id
  492.                                 scrollSpeed: 1200,
  493.                                 easingType: 'linear'
  494.                         };
  495.                         */
  496.                        
  497.                         $().UItoTop({ easingType: 'easeOutQuart' });
  498.                        
  499.                 });
  500. </script>
  501. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  502. {/block:IfToTopButton}
  503.  
  504. <BODY onselectstart="return false;" ondragstart="return false;">
  505.     <div style=" font-size:8px; position:fixed; bottom:5px; left:0px; text-align:center; font-family:arial">
  506.     <a href="http://themesbymiki.tumblr.com/tagged/cute-themes"></a></div>
  507. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement