API tools faq
paste
Advertisement
zeroisreal

PRETTY BIRD

zeroisreal
Jun 11th, 2013
18,304
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <meta name="color:background" content="#fdf9df" />
  5. <meta name="color:background nav" content="#fff" />
  6. <meta name="color:background post" content="#fff4f0" />
  7. <meta name="color:background sidebar" content="#fff" />
  8. <meta name="color:borders" content="#ded6e6" />
  9. <meta name="color:borders sidebar" content="#ded6e6" />
  10. <meta name="color:perm text" content="#bae4ec" />
  11. <meta name="color:links" content="#000" />
  12. <meta name="color:links hover" content="#fff" />
  13. <meta name="color:font" content="#000" />
  14. <meta name="color:post shadow" content="#000" />
  15. <meta name="color:scrollbar" content="#bae4ec" />
  16. <meta name="color:question" content="#fcfaff" />
  17. <meta name="color:background perm" content="#ebf7fa" />
  18. <meta name="color:background perm hover" content="#fcefd3" />
  19. <meta name="image:background" content="" />
  20. <meta name="image:background post" content="" />
  21. <meta name="image:background perm" content="" />
  22. <meta name="image:floating pic" content="" />
  23. <meta name="image:link img 1" content="http://media.tumblr.com/3c20f5ce05bb9d10faddbbd3ec063268/tumblr_inline_mkp7o30Kq81qz4rgp.gif" />
  24. <meta name="image:link img 2" content="http://media.tumblr.com/b68e4cf512c0efe2cff697d60757db3b/tumblr_inline_mkp7o4vTOM1qz4rgp.gif" />
  25. <meta name="image:link img 3" content="http://media.tumblr.com/29f0944f58bae580d1f517511902ffa2/tumblr_inline_mkp7nnqtVu1qz4rgp.gif" />
  26. <meta name="image:link img 4" content="http://media.tumblr.com/58da7c7ccb175f21516b1bea9bdf5644/tumblr_inline_mkp7nr0OZa1qz4rgp.gif" />
  27. <meta name="image:link img 5" content="http://media.tumblr.com/780c06d5fd1e4a92acadf62dbdd6a3ac/tumblr_inline_mkp7ot9Lox1qz4rgp.gif" />
  28. <meta name="image:cursor" content="http://img69.imageshack.us/img69/7673/cursorw.png" />
  29. <meta name="if:150px5columns" content="0" />
  30. <meta name="if:150px" content="0" />
  31. <meta name="if:250px" content="1" />
  32. <meta name="if:250px2columns" content="0" />
  33. <meta name="if:250px3columns" content="0" />
  34. <meta name="if:400px" content="0" />
  35. <meta name="if:400px2columns" content="0" />
  36. <meta name="if:500px" content="0" />
  37. <meta name="if:borders" content="1" />
  38. <meta name="if:borders sidebar" content="1" />
  39. <meta name="if:borders pagination" content="0" />
  40. <meta name="if:borders perm" content="1" />
  41. <meta name="if:img opacity" content="0" />
  42. <meta name="if:rounded corners" content="1" />
  43. <meta name="if:rounded corners sidebar" content="1" />
  44. <meta name="if:rounded corners perm" content="1" />
  45. <meta name="if:rounded corners img" content="1" />
  46. <meta name="if:borders img" content="1" />
  47. <meta name="if:use tooltips" content="1" />
  48. <meta name="if:hide borders on hover" content="0" />
  49. <meta name="if:show shadow post on hover" content="1" />
  50. <meta name="if:infinite scroll" content="1" />
  51. <meta name="if:perm text shadow" content="0" />
  52. <meta name="if:use image links" content="1" />
  53. <meta name="if:use dropdown nav" content="1" />
  54. <meta name="if:show tags" content="0" />
  55. <meta name="if:show captions" content="0" />
  56. <meta name="if:transparent posts" content="0" />
  57. <meta name="if:transparent pagination" content="0" />
  58. <meta name="if:transparent sidebar" content="0" />
  59. <meta name="if:transparent perm" content="0" />
  60. <meta name="if:dont tile background" content="0" />
  61. <meta name="if:content on the right" content="1" />
  62. <meta name="if:content on the left" content="0" />
  63. <meta name="if:font 1" content="1" />
  64. <meta name="if:font 2" content="0" />
  65. <meta name="if:font 3" content="0" />
  66. <meta name="if:font 4" content="0" />
  67. <meta name="if:font 5" content="0" />
  68. <meta name="if:opaque posts" content="0" />
  69. <meta name="if:grayscale" content="0" />
  70. <meta name="if:opaque sidebar" content="0" />
  71. <meta name="text:link 1 url" content="/" />
  72. <meta name="text:link 2 url" content="/ask" />
  73. <meta name="text:link 3 url" content="/archive" />
  74. <meta name="text:link 4 url" content="http://" />
  75. <meta name="text:link 5 url" content="http://" />
  76. <meta name="text:link 1 url menu" content="/" />
  77. <meta name="text:link 2 url menu" content="/ask" />
  78. <meta name="text:link 3 url menu" content="/archive" />
  79. <meta name="text:link 4 url menu" content="http://" />
  80. <meta name="text:link 5 url menu" content="http://" />
  81. <meta name="text:link 1" content="home" />
  82. <meta name="text:link 2" content="ask" />
  83. <meta name="text:link 3" content="archive" />
  84. <meta name="text:link 4" content="more" />
  85. <meta name="text:link 5" content="more" />
  86. <meta name="text:link 1 menu" content="home" />
  87. <meta name="text:link 2 menu" content="ask" />
  88. <meta name="text:link 3 menu" content="archive" />
  89. <meta name="text:link 4 menu" content="more" />
  90. <meta name="text:link 5 menu" content="more" />
  91. <meta name="text:margin top sidebar" content="150" />
  92. <meta name="text:margin bottom pic" content="0" />
  93. <meta name="text:margin left pic" content="0" />
  94. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  95. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  96. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  97. <link rel="shortcut icon" href="{Favicon}" />
  98. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  99. <link href='http://fonts.googleapis.com/css?family=Cousine:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'> </script>
  100. <script type="text/javascript"
  101. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  102. {block:ifinfinitescroll}<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>{/block:ifinfinitescroll}
  103. <style type="text/css">
  104. .tumblr_audio_player {height: 40px;{block:if150px}width:150px;{/block:if150px}{block:if150px5columns}width:150px;{/block:if150px5columns}{block:if250px}width:250px;{/block:if250px}{block:if250px2columns}width:250px;{/block:if250px2columns}{block:if250px3columns}width:250px;{/block:if250px3columns}{block:if400px}width:400px;{/block:if400px}{block:if400px2columns}width:400px;{/block:if400px2columns}{block:if500px}width:500px;{/block:if500px}}
  105. body, a, a:hover{ cursor:url('{image:cursor}'), auto }
  106. #cursor {position:fixed;z-index:-1;top:0px;left:0px;width:100%;height:100%;cursor: url('{image:cursor}'), url('{image:cursor}'), progress !important;}
  107. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")} @font-face {font-family:"handy"; src: url("http://static.tumblr.com/deqrt8e/7Jqmnazkj/handy00.ttf")}
  108. iframe#tumblr_controls {top: 0% !important;right:0% !important;position: fixed !important;opacity:0.6;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}iframe#tumblr_controls:hover{opacity:1}
  109. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar};border:1px solid {color:borders};}::-webkit-scrollbar {width:7px;background-color:{color:background};} ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar};border:1px solid {color:borders}; height:30px;overflow-x:hidden;}
  110. body {background: {color:background} url("{image:background}") top left fixed repeat; padding:0px; margin:0px; {block:ifdonttilebackground}background-size:cover;{/block:ifdonttilebackground};}
  111. a {color:{color:links};}
  112. a:hover {color:{color:links hover};}
  113. blockquote {border-left:1px solid; padding-left:5px; margin: 10px 20px 10px 2px;}
  114. #cpn {{block:if150px5columns}width:1050px;{/block:if150px5columns}{block:if150px}width:150px;{/block:if150px}{block:if250px}width:250px;{/block:if250px}{block:if250px2columns}width:590px;{/block:if250px2columns}{block:if250px3columns}width:890px;{/block:if250px3columns}{block:if400px}width:400px;{/block:if400px}{block:if400px2columns}width:950px;{/block:if400px2columns}{block:if500px}width:500px;{/block:if500px}margin-top:50px;{block:ifcontentontheleft}margin-left:300px;float:left;{block:ifcontentontheleft}{block:ifcontentontheright}float:right;margin-right:100px;{/block:ifcontentontheright};margin-bottom:60px;}
  115. .post {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;margin-left:20px; {block:if150px}width:150px;{/block:if150px}{block:if150px5columns}width:150px;{/block:if150px5columns}{block:if250px}width:250px;{/block:if250px}{block:if250px2columns}width:250px;{/block:if250px2columns}{block:if250px3columns}width:250px;{/block:if250px3columns}{block:if400px}width:400px;{/block:if400px}{block:if400px2columns}width:400px;{/block:if400px2columns}{block:if500px}width:500px;{/block:if500px}{block:ifborders}border: 1px solid {color:borders};{/block:ifborders} {block:ifnottransparentposts}background: {color:background post} url("{image:background post}");{/block:ifnottransparentposts} height:auto; padding:11px; {block:iffont1}font:11px cousine;{/block:iffont1}{block:iffont2}font:10px bitxmap;{/block:iffont2}{block:iffont3}font:11px consolas;{/block:iffont3} {block:iffont4}font:8px handy;{/block:iffont4}{block:iffont5}font:11px tahoma;{/block:iffont5}line-height:15px; color:{color:font};margin-bottom:20px;overflow: hidden;{block:ifroundedcorners} -moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;{/block:ifroundedcorners};{block:ifopaqueposts}background: rgba(255, 255, 255, 0.7);{/block:ifopaqueposts}}{block:ifhidebordersonhover}{block:ifborders}.post:hover {border: 1px solid transparent;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}{/block:ifborders}{/block:ifhidebordersonhover}
  116. {block:ifshowshadowpostonhover}.post:hover {box-shadow:5px 5px 1px {color:post shadow}}{/block:ifshowshadowpostonhover}
  117. .text, .audio {margin-bottom:-10px;}
  118. .post img {max-width: 100%;}
  119. .post img:hover {opacity:1;}
  120. .title {font-weight:bold;letter-spacing:2px;}
  121. .media {{block:ifbordersperm}margin-bottom:3px;{block:ifbordersperm}{block:ifimgopacity}opacity:0.6; -webkit-transition: opacity 0.6s ease-in-out;-moz-transition: opacity 0.6s ease-in-out;-ms-transition: opacity 0.6s ease-in-out;-o-transition: opacity 0.6s ease-in-out;transition: opacity 0.6s ease-in-out;{/block:ifimgopacity};{block:ifgrayscale}-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: url(grayscale.svg); /* Firefox 4+ */filter: gray; /* IE 6-9 */{/block:ifgrayscale}}
  122. .media:hover {opacity:1;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%);filter: grayscale(0%);}
  123. {block:ifroundedcornersimg}.media img {-moz-border-radius:4px;-webkit-border-radius: 4px;border-radius: 4px;}{/block:ifroundedcornersimg}
  124. .quote {border-left:1px solid {color:font};padding-left:4px;margin-bottom:5px;font-style:italic;}
  125. .audio {background:#fff;float: left;border:1px solid {color:borders};overflow:hidden;{block:if150px5columns}width:150px;{/block:if150px5columns}{block:if250px}width:250px;{/block:if250px}{block:if400px}width:400px;{/block:if400px}{block:if500px}width:500px;{/block:if500px};margin-bottom:10px;}
  126. .audio .player {float: left;}
  127. .chat {border-left:1px solid {color:font};padding-left:5px;}
  128. .clear {clear: both;height: 0px;overflow:hidden;}
  129. .question {color: {color:font};margin: 0 0 5px 0;padding: 5px 10px;position: relative;border:1px solid;line-height:14px;border:1px solid {color:borders};background:{color:question};}
  130. .asker_container {margin: -5px 8 10px 16px;font-size:10px;}
  131. .asker_container a.asker {color: {color:links};text-decoration:underline;}
  132. .asker_container a:hover.asker {color:{color:links hover};}
  133. #prm {text-transform:lowercase;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;float:left;{block:if150px}width:150px;{/block:if150px}{block:if150px5columns}width:150px;{/block:if150px5columns}{block:if250px}width:250px;{/block:if250px}{block:if250px2columns}width:250px;{/block:if250px2columns}{block:if250px3columns}width:250px;{/block:if250px3columns}{block:if400px}width:400px;{/block:if400px}{block:if400px2columns}width:400px;{/block:if400px2columns}{block:if500px}width:500px;{/block:if500px};margin-top: 5px;margin-left:-4px;{block:ifbordersperm}border:1px solid {color:borders};{/block:ifbordersperm}{block:ifnottransparentperm}background:{color:background perm} url("{image:background perm}");{/block:ifnottransparentperm} color:{color:font};overflow: hidden;padding:3px;{block:ifroundedcornersperm} -moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;{/block:ifroundedcornersperm};margin-bottom:-5px;}
  134. #prm a {text-decoration:none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;text-decoration:none;color:{color:perm text};{block:ifpermtextshadow}text-shadow: 1px 1px 1px #000{/block:ifpermtextshadow}}
  135. #prm:hover {{block:ifnottransparentperm}background:{color:background perm hover}{/block:ifnottransparentperm};text-decoration:none;}
  136. #prm a:hover {padding-left:11px;}
  137. .tag-commas:last-child {display: none;}
  138. #tags {{block:iffont1}font:11px cousine;{/block:iffont1}{block:iffont2}font:10px bitxmap;{/block:iffont2}{block:iffont3}font:11px consolas;{/block:iffont3} {block:iffont4}font:8px handy;{/block:iffont4}{block:iffont5}font:11px tahoma;{/block:iffont5}}
  139. #cont #cont a{display:block}#cont .show {margin-top:-13px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  140. #cont:hover .show {margin-top:2px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  141. .my-like {cursor:pointer;display:inline-block;vertical-align:top;{block:iffont1}font:11px cousine;{/block:iffont1}{block:iffont2}font:10px bitxmap;{/block:iffont2}{block:iffont3}font:11px consolas;{/block:iffont3} {block:iffont4}font:8px handy;{/block:iffont4}{block:iffont5}font:11px tahoma;{/block:iffont5}{block:ifpermtextshadow}text-shadow: 1px 1px 1px #000{/block:ifpermtextshadow};color:{color:perm text};}
  142. .my-liked, .my-like:hover {color: red;cursor:pointer;display:inline-block;vertical-align:top;}
  143. #note {margin-left: 20px; {block:if150px}width:150px;{/block:if150px}{block:if150px5columns}width:150px;{/block:if150px5columns}{block:if250px}width:250px;{/block:if250px}{block:if250px2columns}width:250px;{/block:if250px2columns}{block:if250px3columns}width:250px;{/block:if250px3columns}{block:if400px2columns}width:400px;{/block:if400px2columns}{block:if400px}width:400px;{/block:if400px}{block:if500px}width:500px;{/block:if500px}{block:ifborders}border: 1px solid {color:borders};{/block:ifborders} {block:ifnottransparentposts}background: {color:background post} url("{image:background post}");{/block:ifnottransparentposts}; padding:11px; {block:iffont1}font:11px cousine;{/block:iffont1}{block:iffont2}font:10px bitxmap;{/block:iffont2}{block:iffont3}font:11px consolas;{/block:iffont3} {block:iffont4}font:8px handy;{/block:iffont4}{block:iffont5}font:11px tahoma;{/block:iffont5} line-height:13px; color:{color:font};margin-bottom:20px;{block:ifroundedcorners} -moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;{/block:ifroundedcorners};}
  144. ol.notes {padding:0px;list-style-type:none;height:200px;overflow-y:scroll;overflow-x:hidden;}
  145. #sidebar {{block:ifcontentontheleft}float:left;left:70px;{/block:ifcontentontheleft}{block:ifcontentontheright}{block:if150px5columns}right:1220px;{/block:if150px5columns}{block:if250px2columns}right:820px;{/block:if250px2columns}{block:if250px3columns}right:1120px;{/block:if250px3columns}{block:if150px}right:370px;{/block:if150px}{block:if250px}right:450px;{/block:if250px}{block:if400px}right:620px;{/block:if400px}{block:if400px2columns}right:1170px;{/block:if400px2columns}{block:if500px}right:720px;{/block:if500px}{/block:ifcontentontheright}position:fixed;top:{text:margin top sidebar}px;width:130px;{block:ifnottransparentsidebar}background:{color:background sidebar};{/block:ifnottransparentsidebar}color:{color:font};{block:iffont1}font:11px cousine;{/block:iffont1}{block:iffont2}font:10px bitxmap;{/block:iffont2}{block:iffont3}font:11px consolas;{/block:iffont3} {block:iffont4}font:8px handy;{/block:iffont4}{block:iffont5}font:11px tahoma;{/block:iffont5}{block:ifroundedcornerssidebar} -moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;{/block:ifroundedcornerssidebar};{block:ifborderssidebar}border:1px solid {color:borders sidebar};{/block:ifborderssidebar};{block:ifopaquesidebar}background: rgba(255, 255, 255, 0.7);{/block:ifopaquesidebar};padding-right:6px;padding-top:3px;}
  146. #s-m-t-tooltip {background: #fff;font:11px courier;letter-spacing: 2px;
  147. text-transform: uppercase;color: {color:font};max-width: 100px;word-wrap: break-word;padding: 1px 4px 2px 8px;display: block;{block:ifroundedcorners}-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;{/block:ifroundedcorners}margin: 10px 10px 10px 15px;border: 1px solid {color:Borders};}
  148. #pag {margin-left:20px;bottom:-40px;float:left;position:absolute;{block:if150px5columns}width:150px;{/block:if150px5columns}{block:if150px}width:150px;{/block:if150px}{block:if250px}width:250px;{/block:if250px}{block:if250px2columns}width:250px;{/block:if250px2columns}{block:if250px3columns}width:250px;{/block:if250px3columns}{block:if400px}width:400px;{/block:if400px}{block:if400px2columns}width:400px;{/block:if400px2columns}{block:if500px}width:500px;{/block:if500px}text-align: center;{block:ifborderspagination}border: 1px solid {color:borders};{/block:ifborderspagination} {block:ifnottransparentpagination}background: {color:background post} url("{image:background post}");{/block:ifnottransparentpagination} height:15px; padding:11px; font:10px arial; color:{color:font};overflow: hidden;{block:ifroundedcorners} -moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;{/block:ifroundedcorners};letter-spacing:2px;}
  149. #pag a {color {color:font};font:10px arial;letter-spacing:2px;line-height:10px;}
  150. .current_page {font:10px arial;font-weight:bold;letter-spacing:2px;}
  151. .jump_page {font:10px arial;letter-spacing:2px;}
  152. {block:ifinfinitescroll}#pag, #pag a {display:none}{block:ifinfinitescroll}
  153. {block:indexpage}{block:ifinfinitescroll}#over{height:1500px!important;position:absolute;top:0px;left:0px;width: 100%;}{/block:ifinfinitescroll}{/block:indexpage}
  154. #infscr-loading{bottom: -70px;position: absolute;left: 50%;left:100px;width:16px;height:11px;overflow:hidden;margin-bottom: 50px;}
  155.  
  156. </style>
  157. {block:indexpage}
  158. {block:ifnotinfinitescroll}
  159. <script type="text/javascript">
  160. $(window).load(function () {
  161. $('#cpn').masonry({
  162. itemSelector : ".post",
  163. },
  164. function() { $('#cpn').masonry({ appendedContent: $(this) }); }
  165. );
  166. });
  167. </script>
  168. {/block:ifnotinfinitescroll}
  169. {block:ifinfinitescroll}
  170. <script type="text/javascript">
  171. $(window).load(function () {
  172. var $content = $('#cpn');
  173. $content.masonry({itemSelector: '.post'}),
  174. $content.infinitescroll({
  175. navSelector : 'div#pag',
  176. nextSelector : 'div#pag a#next',
  177. itemSelector : '.post',
  178. loading: {
  179. finishedMsg: '',
  180. img: ''
  181. },
  182. bufferPx : 600,
  183. debug : false,
  184. },
  185. // call masonry as a callback.
  186. function( newElements ) {
  187. var $newElems = $( newElements );
  188. $newElems.hide();
  189. // ensure that images load before adding to masonry layout
  190. $newElems.imagesLoaded(function(){
  191. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  192. });
  193. });
  194. });
  195. </script>
  196. {/block:ifinfinitescroll}
  197. {/block:indexpage}
  198. {block:ifusetooltips}
  199. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  200. <script>
  201. (function($){
  202. $(document).ready(function(){
  203. $("[title]").style_my_tooltips();
  204. });
  205. })(jQuery);
  206. </script>
  207. {/block:ifusetooltips}
  208. <script>
  209. window.onload = function () {
  210. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  211. document.addEventListener( 'click', function ( event ) {
  212. var myLike = event.target;
  213. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  214. var frame = document.getElementById( 'my-like-frame' ),
  215. liked = ( myLike.className == 'my-liked' ),
  216. command = liked ? 'unlike' : 'like',
  217. reblog = myLike.getAttribute( 'data-reblog' ),
  218. id = myLike.getAttribute( 'data-id' ),
  219. oauth = reblog.slice( -8 );
  220. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  221. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  222. };
  223. }, false );
  224. };
  225. </script>
  226. </head>
  227. <body><div style="position:fixed;float:left;z-index:-900;bottom:{text:margin bottom pic}px;left:{text:margin left pic}px;"><img src="{image:floating pic}"></div><div id ="over"></div><div id="cpn">
  228. {block:posts}
  229. <div class="post">
  230. {block:text}{block:title}<div class="title">{title}</div>{/block:title} <div class="text">{body}</div>{/block:text}
  231. {block:photo}<div class="media"><img src="{block:if150px5columns}{PhotoURL-500}{/block:if150px5columns}{block:if150px}{PhotoURL-500}{/block:if150px}{block:if250px}{PhotoURL-250}{/block:if250px}{block:if250px2columns}{PhotoURL-250}{/block:if250px2columns}{block:if250px3columns}{PhotoURL-250}{/block:if250px3columns}{block:if400px}{PhotoURL-400}{/block:if400px}{block:if400px2columns}{PhotoURL-400}{/block:if400px2columns}{block:if500px}{PhotoURL-500}{/block:if500px}" alt="{PhotoAlt}" {block:ifbordersimg}style="border:1px solid {color:borders};margin-left:-1px;"{/block:ifbordersimg}/></div>{block:ifshowcaptions}{caption}{/block:ifshowcaptions}{/block:photo}
  232. {block:photoset}<center><div class="media" style="margin-left:3px;">{block:photo}
  233. <img src="{block:if150px5columns}{PhotoURL-500}{/block:if150px5columns}{block:if250px}{PhotoURL-250}{/block:if250px}{block:if250px2columns}{PhotoURL-250}{/block:if250px2columns}{block:if250px3columns}{PhotoURL-250}{/block:if250px3columns}{block:if400px}{PhotoURL-400}{block:if400px2columns}{PhotoURL-400}{/block:if400px2columns}{/block:if400px}{block:if500px}{PhotoURL-500}{/block:if500px}" /></div>{/block:photo}
  234. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}</center>{/block:photoset}
  235. {block:video}
  236. <div class="media">{block:if150px5columns}{Video-250}{/block:if150px5columns}{block:if250px}{Video-250}{/block:if250px}{block:if250px2columns}{Video-250}{/block:if250px2columns}{block:if250px3columns}{Video-250}{/block:if250px3columns}{block:if400px}{Video-400}{/block:if400px}{block:if400px2columns}{Video-400}{/block:if400px2columns}{block:if500px}{Video-500}{/block:if500px}</div>{block:ifshowcaptions}{caption}{/block:ifshowcaptions}{/block:video}
  237. {block:Audio}{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  238. {block:AudioPlayer}
  239. <div class="audio" style="margin-left:-1px;"><div class="player">{AudioPlayerWhite}</div>
  240. <div class="clear"></div>
  241. </div>{/block:AudioPlayer}<div class="clear"></div>
  242. {/block:ifshowcaptions}<div class="text">{Caption}</div>{/block:ifshowcaptions}{/block:Audio}
  243. {block:quote}<div class="quote">{quote}</div> {block:source}<div class="qsource">&mdash; {source}</div>{/block:source}{/block:quote}
  244. {block:link}<div class="link"><a href="{URL}" title="{URL}"{Target}>{Name} &raquo;</a></div>{block:description}<div class="text">{description}</div>{/block:description}{/block:link}
  245. {block:chat}{block:Title}<div class="title">{title}</div>{/block:Title}<div class="chat">{block:Lines}{block:Label}<strong>{label}</strong>{/block:Label}{line}<br>{/block:Lines}</div>{/block:chat}
  246. {block:Answer}
  247. <div class="question">
  248. {Question}
  249. </div>
  250. <div class="asker_container">→ {asker}</div><div class="text">{answer}</div>
  251. {/block:answer}
  252. {block:ContentSource}
  253. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  254. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  255. {/block:SourceLogo}
  256. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  257. {/block:ContentSource}
  258. {block:hastags}<div id="cont">{/block:hastags}
  259. {block:Date}<div id="prm"><a href="{permalink}">{block:NoteCount}{NoteCountWithLabel} / {/block:NoteCount}{DayOfMonthWithZero} {ShortMonth} {block:indexpage}/{/block:indexpage} {block:indexpage}<a href="{ReblogURL}" title="reblog">reblog</a> <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like">♡</div>{/block:indexpage}</a>{block:ifshowtags}{block:hastags}<br><div class="show"><div id="tags">{block:tags}<a href="{tagurl}">#{Tag}</a><span class="tag-commas">, </span>{/block:tags}.</div></div>{/block:hastags}{/block:ifshowtags}{block:ifnotshowtags}{block:hastags}{block:permalinkpage}<br><div class="show"><div id="tags">{block:tags}<a href="{tagurl}">#{Tag}</a><span class="tag-commas">, </span>{/block:tags}.</div></div>{/block:permalinkpage}{/block:hastags}{/block:ifnotshowtags}
  260. {block:permalinkpage}{block:Reblog}→ {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via">{ReblogParentName}</a>{/block:RebloggedFrom}, <a href="{ReblogRootUrl}" title="source">{ReblogRootName}</a><br>{/block:reblog}{/block:permalinkpage}{/block:Date}
  261. </div>
  262. </div>
  263. {block:hastags}</div>{/block:hastags}
  264. {/block:posts}
  265. {block:PermalinkPage}{block:PostNotes}<div id="note">{PostNotes}</div{/block:PostNotes}{/block:PermalinkPage}
  266. {block:pagination}<center><div id="pag">{block:NextPage}<a style="float:right" href="{NextPage}" title="next" id="next">&rarr;</a>{/block:NextPage}
  267. {block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination} {block:PreviousPage}<a style="float:left" href="{PreviousPage}" title="previous">&larr;</a></p>{/block:PreviousPage}</div></center>{/block:pagination}
  268. </div>
  269. <div id="sidebar"><center>{description}{block:ifuseimagelinks}<div style="letter-spacing:-5px;margin-top:3px;">
  270. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}"><img src="{image:link img 1}"></a>{/block:iflink1}
  271. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}"><img src="{image:link img 2}"></a>{/block:iflink2}
  272. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}"><img src="{image:link img 3}"></a>{/block:iflink3}
  273. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}"><img src="{image:link img 4}"></a>{/block:iflink4}
  274. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}"><img src="{image:link img 5}"></a>{/block:iflink5}</div>{/block:ifuseimagelinks}
  275. {block:ifusedropdownnav}<form>
  276. <select onChange="location=this.options[this.selectedIndex].value;" style="{block:iffont1}font:11px cousine;{/block:iffont1}{block:iffont2}font:10px bitxmap;{/block:iffont2}{block:iffont3}font:11px consolas;{/block:iffont3} {block:iffont4}font:8px handy;{/block:iffont4}{block:iffont5}font:11px tahoma;{/block:iffont5}color:{color:font};background-color:{color:Background nav};border:1px solid {color:borders sidebar};-webkit-appearance: none;text-align:center;margin-top:2px;{block:ifroundedcornerssidebar} -moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;{/block:ifroundedcornerssidebar};">
  277. <option value="">navigation</option>
  278. {block:iflink1}<option value="{text:link 1 url menu}">{text:link 1 menu}</option>{/block:iflink1}
  279. {block:iflink2}<option value="{text:link 2 url menu}">{text:link 2 menu}</option>{/block:iflink2}
  280. {block:iflink3}<option value="{text:link 3 url menu}">{text:link 3 menu}</option>{/block:iflink3}
  281. {block:iflink4}<option value="{text:link 4 url menu}">{text:link 4 menu}</option>{/block:iflink4}
  282. {block:iflink5}<option value="{text:link 5 url menu}">{text:link 5 menu}</option>{/block:iflink5}
  283. </select>
  284. </form><br>{/block:ifusedropdownnav}</div>
  285. <a href="http://beetlevomit.tumblr.com" title="theme"><div style="right:3px;bottom:2px;position:fixed;text-decoration:none;font-family:arial;color:{color:font};font-size:12px;">©</div></a>
  286. </div>
  287. </div>
  288. <div id="cursor"></div>
  289. </body>
  290. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!