Advertisement
0cherrylove

pinky dream

Oct 5th, 2013
1,325
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.92 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. ──▓▒█▓▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▓█▓▓▓▓█▓▒▒▒▒▒▒▒▓▒─
  21. ──▓▒█▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓──────▓█▓▒▒▒▒▒▓█─
  22. ──▒▒▓▒▒▒▓▓▓▒▒▒▒▒▒▒▒▒▓▓───░▓▓───█▓▒▒▒▒▒█─
  23. ───█▒▒▓▓▓▒▒▓▓▒▒▒▒▒▒▓▓───█████▓──█▓▒▒▒▒▓▒
  24. ───▓▓█▒─────▒▓▒▒▒▒▒█───░██████──░█▒▒▒▒▓▓
  25. ───▓█▒──▒███─▒▓▒▒▒▒█────██████───▓▒▒▒▒▒▓
  26. ───██───█████─█▒▒▒▒█─────███▓────▓▓▒▒▒▒▓
  27. ───█▓───█████─▒▓▒▒▒█─────────────█▓▓▓▒▒▓
  28. ───█▓───░███──░▓▒▒▒▓█──────────░█▓▒▒▒▓▒▓
  29. ───██─────────▒▓▒▒▒▒▓▓──────░▒▓█▓────░▓▓
  30. ───▓█░────────█▓██▓▒▒▓█▓▓▓▓██▓▓▒▓▒░░▒▓▒▓
  31. ───▒██░──────▓▒███▓▒▒▒▒▓▓▓▓▒▒▒▒▒▒▓▓▓▓▒▓─
  32. ────█▓█▓▓▒▒▓█▓▒░██▒▒▓▓█▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓█▒
  33. ────▓─░▓▓▓▓▓▒▓▓▓▓▒▓▓▓▒▓▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓
  34. ────▒▒▒▓▒▒▒▒▒▒▓█░─░░░─▓▓▒▒▒▒▒▒▒▒▒▒▒▓██▓▒
  35. ─────█▓▒▒▒▒▒▒▒▒▓▓─░░░─▓▓▒▒▒▒▒▒▒▒▒▓▓▓▒▒▓▒
  36. ──────██▓▓▒▒▒▒▒▒█▒░░░░█▒▒▒▒▒▒▒▒▓█▓▓▒▒▒▒▒
  37. ─────░─▒██▓▓▒▒▒▒▒█▓▒▒▓▒▒▒▒▒▒▓███▓▒▒▒▒▒▓▓
  38. ──────────░▒▓▓▓▓▒▒▓▓▓▓▓▓████▓▓█▒▒▒▒▒▓▓█░
  39.  
  40.  
  41.  
  42.  
  43.       "Pinky Dream" THM BY kyeori
  44.                     - http://kyeori.tumblr.com/
  45.  
  46.              THE RULES:
  47.  
  48. 1. Use all you want! Customize everything, do whatever. Just DO NOT remove the credits! If you customize it enough that it doesn't look like my theme anymore, at least give credit on another page or something :)
  49. 2. Do not claim as your own.
  50. 3. If you customize it too much and somehow screw up the coding, I probably won't help you ^^;
  51. 4. If you have any questions, please feel free to ask. BUT FIRST - try googling your problem, I'm sure you'll be able to find better help than I can probably give you haha
  52.  
  53.        That's it! Enjoy the theme! <3^^
  54.  
  55.  
  56.  
  57. ------------------------------------------------------------------>
  58. <html xmlns="http://www.w3.org/1999/xhtml">
  59. <head>
  60. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  61. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  62. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  63. <link rel="shortcut icon" href="{Favicon}">
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  65.  
  66.  
  67.  
  68. <meta name="text:Link 1" content=""/>
  69. <meta name="text:Link 1 URL" content=""/>
  70. <meta name="text:Link 2" content=""/>
  71. <meta name="text:Link 2 URL" content=""/>
  72. <meta name="text:Link 3" content=""/>
  73. <meta name="text:Link 3 URL" content=""/>
  74. <meta name="text:Link 4" content=""/>
  75. <meta name="text:Link 4 URL" content=""/>
  76. <meta name="text:Link 5" content=""/>
  77. <meta name="text:Link 5 URL" content=""/>
  78. <meta name="text:Link 6" content=""/>
  79. <meta name="text:Link 6 URL" content=""/>
  80. <meta name="text:Link 7" content=""/>
  81. <meta name="text:Link 7 URL" content=""/>
  82. <meta name="text:Link 8" content=""/>
  83. <meta name="text:Link 8 URL" content=""/>
  84. <meta name="text:Home Label" content="Home"/>
  85. <meta name="text:Ask Label" content="Ask"/>
  86. <meta name="text:Submit Label" content="Submit"/>
  87. <meta name="text:Archive Label" content="Archive"/>
  88. <meta name="if:Show Archive Link" content="1"/>
  89. <meta name="if:Show Submit Link" content="1"/>
  90. <meta name="if:Show Title" content="1"/>
  91. <meta name="if:Show Tags" content="0"/>
  92. <meta name="if:Animation" content="1"/>
  93. <meta name="if:To Top Button" content="0"/>
  94. <meta name="if:Infinite Scroll" content="1"/>
  95. <meta name="if:Show Captions" content="1"/>
  96. <meta name="if:Show Tags" content="0"/>
  97. <!--------------------------------------------->
  98. <meta name="if:falling bubbles" content="1">
  99. <meta name="if:cursor trail 1" content="0">
  100. <!---------------------------------------------->
  101.  
  102. <meta name="image:sidebar" content="1"/>
  103. <meta name="image:background" content="1"/>
  104.  
  105. <style type="text/css">
  106.  
  107.  
  108. body {
  109.     color: #7e8485;background: #ffffff url({image:Background});
  110.         font-family: Arial;
  111.         font-size: 10px;
  112.         line-height: 1.5em;
  113. }
  114. p {margin:0 0 .75em 0} p:last-child {margin:0}
  115. a {
  116.         color: #ffdef7;
  117.         text-decoration:none;
  118. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  119. a:hover {color: #ffcff9; }
  120. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  121.         line-height: 100%;border-left: solid 4px #EDEDED;
  122. }
  123. h1  {
  124.     font-family: Arial;
  125.     font-size: 24px;
  126.     line-height: 1.5em;font-weight: normal;
  127. }
  128. ul {
  129.     margin: 0px 1.5em .75em;}
  130. li {
  131.     margin: .75em 0;
  132.     list-style-type: square;
  133. }
  134. .box img {
  135.     display: block;
  136.     max-width: 100%;}.m-i {
  137. display: block;
  138. line-height: 1px!important;
  139. }
  140.     .menu-picture {
  141.         line-height: 100%;
  142. display: inline-block;
  143. line-height: 0px!important;
  144. }
  145. .post-link{
  146.     font-family: Arial;
  147.     font-size: 8px;
  148.     line-height: 8px;
  149. }p.source{text-align: center;}
  150. .menu-picture {
  151.     line-height: 100%;display: inline-block;
  152. }p.source{text-align: center;}
  153. h3 {
  154.     font-size: 14px; font-weight: normal;
  155. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  156. .text { padding: 5px;}p.question {
  157.     margin-bottom: .375em;
  158. }
  159. p.words {
  160.     padding: 6px;
  161.     line-height: 1.5em;
  162.     color: #333333;
  163.     background: #fcf9fc;
  164. }
  165. .response {
  166.     background: #efefef;
  167.     padding: 5px;
  168.     margin-bottom: .75em;
  169. }.answer {
  170. text-align: center;
  171. }
  172.  
  173.  
  174.  
  175. .post {
  176.     position: relative;
  177.     width:250px;
  178.     float:right;
  179.     background: transparent
  180.     padding:0px;
  181.     margin:10px;
  182.     border: 1px dotted #fad5eb;
  183.     -moz-border-radius:5px;
  184.     border-radius:5px;
  185. }.box {position: relative;}
  186.  
  187. #side {
  188. text-align: center;
  189.     margin-top: 25%;
  190.     width:150px;
  191.     padding:50px;position: fixed;
  192.     margin-left:314px;
  193.     background: transparent
  194. }#side img {
  195.     max-width: 100%;
  196. }ul {margin-bottom: .75em;}
  197. #contain {
  198.     width:564px;
  199.     margin: 10px auto 0;
  200. }
  201. #content {
  202.     width:294px;
  203.     float: left;
  204.    
  205. }
  206.  
  207. img{
  208. -webkit-transition: opacity 0.8s linear;
  209. opacity: 0.60;
  210. -webkit-filter:grayscale(5%);
  211. }
  212. img:hover{
  213. -webkit-transition: opacity 0.8s linear;
  214. opacity: 1;
  215. -webkit-filter:none;
  216. }
  217.  
  218.  
  219.  
  220. #infscr-loading{position:relative!important;left:49%}.post-header-a{width:100%;height:100%;position:absolute;display:block;text-align:center;z-index:9999999999;{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.p-center{position:relative;height:30px;top:50%;margin-top:-15px}.post:hover .reblog-button,.post:hover .like-button,.post:hover .note-perma{margin-top:0;opacity:1;filter:alpha(opacity = 1);{block:IfAnimation}-webkit-transition:all .33s ease-in;-moz-transition:all .33s ease-in;transition:all .33s ease-in;-o-transition:all .33s ease-in;{/block:IfAnimation}}.reblog-button:hover,.like-button:hover,.note-perma:hover{background:rgba(0,0,0,1);opacity:1;filter:alpha(opacity = 100)}.reblog-button{margin-top:60px;margin-left:3px;z-index:3333;display:inline-block;height:30px;width:30px;text-indent:-999em;background:rgba(0,0,0,.17);overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;opacity:0;filter:alpha(opacity = 0)}.reblog-button img{z-index:33333;height:15px;display:block;margin:8px 5px;display:block;text-indent:-999em;overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.note-perma{margin-top:60px;margin-left:3px;z-index:3333;display:inline-block;height:30px;width:30px;text-indent:-999em;background:rgba(0,0,0,.17);overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;opacity:0;filter:alpha(opacity = 0)}.note-perma img{z-index:33333;height:15px;display:block;margin:7px 5px;text-indent:-999em;overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.like-button{margin-top:60px;z-index:3333;background:rgba(0,0,0,.17);height:30px;width:30px;display:inline-block;right:10px;text-indent:-999em;overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;opacity:0;filter:alpha(opacity = 0)}.like-button img{z-index:33333;height:15px;display:block;margin:8px auto;display:block;text-indent:-999em;overflow:hidden}.post-right { float: left; text-transform: uppercase; } .post-left { float: right;  text-transform: uppercase;}select{font-family:{font:Body};font-size:10px;width:50%;letter-spacing:3px;padding:0;text-align:center}iframe#tumblr_controls,.btn.icon.theme{filter:invert(100%);-webkit-filter:invert(100%);-moz-filter:invert(100%);-o-filter:invert(100%);-ms-filter:invert(100%); opacity:.4;position:fixed!important}.box iframe {
  221.     max-width: 100%;
  222. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  223. .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}
  224.  
  225. #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}
  226.  
  227. 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%}
  228. </style></head>
  229. <body>
  230.  
  231. <div id="header"></div>
  232. {block:ifcursortrail1}
  233. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/40/40596/20/parts.js"></script><p style="text-align:center;margin:0px;" /></a></p><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://bpmaker.giffy.me/parts/userPartsId/236648/">
  234.  
  235.  
  236. {/block:ifcursortrail1}
  237.  
  238.  
  239.  
  240. <div id="contain" class="clearfix">
  241. <div id="side">
  242. <div class="text">
  243. {block:IfShowTitle}<h1><a href="/">{Title}</a></h1>{/block:IfShowTitle}<a href="/" class="m-i"><img class="menu-picture" src="{image:sidebar}"/></a><div id="description" >{Description}</div><div >
  244. <form name="jump"><select onChange="location.href=this.options[this.selectedIndex].value;"><option value="/">{text:home label}</option><option value="/ask">{text:ask label}</option>{block:HasPages}{block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}{/block:HasPages}{block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}{block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}{block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}{block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}{block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}{block:iflink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:iflink6}{block:iflink7}<option value="{text:link 7 url}">{text:link 7}</option>{/block:iflink7}{block:iflink8}<option value="{text:link 8 url}">{text:link 8}</option>{/block:iflink8}{block:SubmissionsEnabled}{block:IfShowSubmitLink}<option value="/submit">{text:Submit label}</option>{/block:IfShowSubmitLink}{/block:SubmissionsEnabled}{Block:IfShowArchiveLink}<option value="/archive">{text:Archive Label}</option>{/Block:IfShowArchiveLink}</select></form></div>
  245. {block:IfNotInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"><</a>{/block:PreviousPage}<span id="pages"> {CurrentPage} of {TotalPages} </span>{block:NextPage}<a href="{NextPage}" class="previous">></a>{/block:NextPage}</p>{/block:Pagination}{/block:IfNotInfiniteScroll}
  246. </div>
  247. </div>
  248. <div id="content">
  249. {block:Posts}
  250. <div class="post">
  251.  
  252. {block:Text}
  253. <div class="text">
  254. {block:Title}<h3>{Title}</h3>{/block:Title}
  255. {Body}
  256. <!-- permalink --> {block:IndexPage}
  257. <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>
  258. <!-- /permalink --> {/block:IndexPage}
  259. </div>
  260. {/block:Text}
  261.    
  262. {block:Quote}
  263. <div class="text quote">
  264. <p class="words">&#8220;{Quote}&#8221;</p>
  265. {block:Source}<p class="source">{Source}</p>{/block:Source}
  266. <!-- permalink --> {block:IndexPage}
  267. <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>
  268. <!-- /permalink --> {/block:IndexPage}
  269. </div>
  270. {/block:Quote}
  271.  
  272. {block:Link}
  273. <div class="text link">        
  274. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  275. {block:Description}{Description}{/block:Description}
  276. <!-- permalink --> {block:IndexPage}
  277. <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>
  278. <!-- /permalink --> {/block:IndexPage}
  279. </div>
  280. {/block:Link}
  281.  
  282. {block:Chat}
  283. <div class="text chat">
  284. <ul class="conversation">
  285. {block:Lines}
  286. <li class="line {Alt}">
  287. {block:Label}<span class="person">{Label}</span>{/block:Label}
  288. <span class="person-said">{Line}</span>
  289. </li>
  290. {/block:Lines}
  291. </ul>
  292. <!-- permalink --> {block:IndexPage}
  293. <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>
  294. <!-- /permalink --> {/block:IndexPage}
  295. </div>
  296. {/block:Chat}
  297.  
  298. {block:Audio}
  299. <div class="text audio">
  300. <p>{AudioPlayerBlack}</p>
  301. {block:IndexPage}{block:IfShowCaptions}
  302. {block:Caption}{Caption}{/block:Caption}
  303. {/block:IfShowCaptions}{/block:IndexPage}
  304. <!-- permalink --> {block:IndexPage}
  305. <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>
  306. <!-- /permalink --> {/block:IndexPage}
  307. </div>
  308. {/block:Audio}
  309.  
  310. {block:Answer}
  311. <div class="text answer">
  312. <div class="response">
  313. <p class="question">{Question}</p>
  314. <p>@{Asker}</p></div>
  315. {Answer}
  316. <!-- permalink --> {block:IndexPage}
  317. <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>
  318. <!-- /permalink --> {/block:IndexPage}
  319. </div>
  320. {/block:Answer}
  321.  
  322. {block:Photoset}
  323. <div class="photoset">
  324. <div class="box">
  325. <!-- permalink --> {block:IndexPage}
  326. <div class="post-header-a"><div class="p-center">
  327. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/tpqedpr/F82mc9w76/heart.png"  height="15" alt="Like this post" id="likeimage{PostID}"/></a>
  328. <a class="reblog-button" href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/tpqedpr/f9umccpf0/reblog.png" style="width:20px;cursor:pointer;" alt="reblog" title="reblog" border="0"></a>
  329. <a class="note-perma" href="{Permalink}"><img src="http://static.tumblr.com/tpqedpr/Cssmccqej/perma.png" style="width:20px;height:15px;cursor:pointer;" alt="perma" title="pre" border="0"></a>
  330. </div></div>
  331. <!-- /permalink --> {/block:IndexPage}
  332. <center>{Photoset-250}</center>
  333. </div>
  334. {block:IndexPage}{block:IfShowCaptions}
  335. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  336. {/block:IfShowCaptions}{/block:IndexPage}
  337. </div>
  338. {/block:Photoset}
  339.  
  340. {block:Video}
  341. <div class="video">
  342. <div class="box">
  343. <!-- permalink --> {block:IndexPage}
  344. <div class="post-header-a"><div class="p-center">
  345. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/tpqedpr/F82mc9w76/heart.png"  height="15" alt="Like this post" id="likeimage{PostID}"/></a>
  346. <a class="reblog-button" href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/tpqedpr/f9umccpf0/reblog.png" style="width:20px;cursor:pointer;" alt="reblog" title="reblog" border="0"></a>
  347. <a class="note-perma" href="{Permalink}"><img src="http://static.tumblr.com/tpqedpr/Cssmccqej/perma.png" style="width:20px;height:15px;cursor:pointer;" alt="perma" title="pre" border="0"></a>
  348. </div></div>
  349. <!-- /permalink --> {/block:IndexPage}
  350. <center>{Video-250}</center>
  351. </div>
  352. {block:IndexPage}{block:IfShowCaptions}
  353. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  354. {/block:IfShowCaptions}{/block:IndexPage}
  355. </div>
  356. {/block:Video}
  357.    
  358. {block:Photo}
  359. <div class="photo">
  360. <div class="box">
  361. <!-- permalink --> {block:IndexPage}
  362. <div class="post-header-a"><div class="p-center">
  363. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/tpqedpr/F82mc9w76/heart.png"  height="15" alt="Like this post" id="likeimage{PostID}"/></a>
  364. <a class="reblog-button" href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/tpqedpr/f9umccpf0/reblog.png" style="width:20px;cursor:pointer;" alt="reblog" title="reblog" border="0"></a>
  365. <a class="note-perma" href="{Permalink}"><img src="http://static.tumblr.com/tpqedpr/Cssmccqej/perma.png" style="width:20px;height:15px;cursor:pointer;" alt="perma" title="pre" border="0"></a>
  366. </div></div>
  367. <!-- /permalink --> {/block:IndexPage}
  368. {block:IndexPage}
  369. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  370. {/block:IndexPage}
  371. {block:PermalinkPage}
  372. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  373. {/block:PermalinkPage}
  374. </div>
  375. {block:IndexPage}{block:IfShowCaptions}
  376. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  377. {/block:IfShowCaptions}{/block:IndexPage}
  378. </div>
  379. {/block:Photo}
  380.  
  381. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  382. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  383. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  384.  
  385. {block:PermalinkPage}
  386. <div id="post-info" class="text">
  387. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  388. {block:HasTags}
  389. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  390. {/block:HasTags}
  391. <p class="post-info-data">
  392. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  393. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  394. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  395. {block:PostNotes}
  396. {PostNotes}
  397. {/block:PostNotes}
  398. </div>
  399. {/block:PermalinkPage}
  400.  
  401. </div> <!-- end single post -->
  402. {block:ContentSource}
  403. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  404. {/block:ContentSource}
  405. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  406. {/block:Posts}    
  407. </div> <!-- end content -->
  408. <div class="loading"></div>
  409. </div> <!-- end containing div -->
  410. {block:IndexPage}{block:IfInfiniteScroll}
  411. {block:Pagination}<ul id="pagination">
  412. {block:PreviousPage}
  413. <li><a href="{PreviousPage}"></a></li>
  414. {/block:PreviousPage}
  415. {block:JumpPagination length="5"}
  416. {block:CurrentPage}
  417. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  418. {/block:CurrentPage}
  419. {block:JumpPage}
  420. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  421. {/block:JumpPage}
  422. {/block:JumpPagination}
  423. {block:NextPage}
  424. <li><a id="nextPage" href="{NextPage}"></a></li>
  425. {/block:NextPage}
  426. </ul>{/block:Pagination}
  427. <script type="text/javascript">
  428. $(window).load(function () {
  429. var $content = $('#content');
  430. $content.infinitescroll({
  431.         navSelector    : '#pagination',  
  432.       nextSelector   : '#pagination a#nextPage',
  433.       itemSelector   : '.post, .loading',
  434.       loading: {
  435.           finishedMsg: '',
  436.           img: 'http://static.tumblr.com/uiqhh9x/amsm48v4p/add.gif'
  437.       },
  438.       bufferPx       : 200,
  439.       debug          : false,
  440. });
  441. });
  442. </script>
  443. {/block:IfInfiniteScroll}
  444. {/block:IndexPage}
  445. {block:IfToTopButton}
  446. <script type="text/javascript">
  447.         $(document).ready(function() {
  448.                 /*
  449.                         var defaults = {
  450.                                 containerID: 'toTop', // fading element id
  451.                                 containerHoverID: 'toTopHover', // fading element hover id
  452.                                 scrollSpeed: 1200,
  453.                                 easingType: 'linear'
  454.                         };
  455.                         */
  456.                        
  457.                         $().UItoTop({ easingType: 'easeOutQuart' });
  458.                        
  459.                 });
  460. </script>
  461. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  462. {/block:IfToTopButton}<script type="text/javascript" src="http://static.tumblr.com/tpqedpr/R4Vmc9wcl/like.js"></script>
  463. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  464.  
  465.  
  466. {block:iffallingbubbles}<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/40/40596/18/parts.js"></script>{/block:iffallingbubbles}
  467.  
  468. <div style='position:fixed;
  469. bottom:10px;left:10px;'>
  470.  
  471. <img src='http://static.tumblr.com/l05ckhq/FoImtw9at/3806546543250_p3.png' width=300px>
  472.  
  473. </div>
  474.  
  475. <div id="corner">
  476.  
  477.  
  478. <div id="cimagey"><img src="{image:cimage}"></div>
  479.  
  480.  
  481. {block:iffallingbubbles}<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/40/40596/18/parts.js"></script>{/block:iffallingbubbles}
  482.  
  483. <div style='position:fixed;
  484. bottom:10px;right:10px;'>
  485.  
  486. <img src='http://static.tumblr.com/l05ckhq/PL1mtw9g0/380654________6543250_p3.png' width=300px>
  487.  
  488. </div>
  489.  
  490. <div id="corner">
  491.  
  492.  
  493. <div id="cimagey"><img src="{image:cimage}"></div>
  494.  
  495. </script>
  496.  
  497. <div style='position:fixed;
  498. bottom:10px;right:10px;'>
  499.  
  500.     <div id="yo"><a href="http://kyeori.tumblr.com/" title="theme by kyeori"></a></div>
  501.  
  502.  
  503. </body></html>
  504.  
  505. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement