API tools faq
paste
Advertisement
ballher

NEW: Poppybird

ballher
Jul 13th, 2013
620
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <!-- poppybird theme
  7. by genies.tumblr.com
  8. x
  9. -->
  10.  
  11.  
  12. <meta name="image:background" content=""/>
  13. <meta name="color:background" content="#ffffff" />
  14. <meta name="color:header" content="#777777" />
  15. <meta name="color:header text" content="#777777" />
  16. <meta name="color:posts" content="#f1f1f1" />
  17. <meta name="color:text" content="#999999" />
  18. <meta name="color:title" content="#777777" />
  19. <meta name="color:link" content="#000000" />
  20. <meta name="color:link hover" content="#777777" />
  21. <meta name="if:Disable right click" content="0"/>
  22. <meta name="if:fade images" content="1"/>
  23. <meta name="if:two columns" content="0"/>
  24. <meta name="if:three columns" content="1"/>
  25. <meta name="if:four columns" content="0"/>
  26.  
  27. <meta name="text:link one" content="/"/>
  28. <meta name="text:link one name" content=""/>
  29. <meta name="text:link two" content="/"/>
  30. <meta name="text:link two name" content=""/>
  31. <meta name="text:link three" content="/"/>
  32. <meta name="text:link three name" content=""/>
  33. <meta name="text:link four" content="/"/>
  34. <meta name="text:link four name" content=""/>
  35. <meta name="text:link five" content="/"/>
  36. <meta name="text:link five name" content=""/>
  37.  
  38.  
  39.  
  40. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  41.  
  42. {block:IfDisableRightClick}<script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/HlSla0dfm/darlieecious-dot-tumblr-dot-com.js"></script>{/block:IfDisableRightClick}
  43.  
  44. <link rel="shortcut icon" href="{favicon}" />
  45. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  46. <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51. ::-webkit-scrollbar-thumb:vertical {background-color: {color:background}; height:100px;}
  52. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:background}; }
  53. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:text};}
  54.  
  55. iframe#tumblr_controls {
  56. position:fixed;-webkit-filter:invert(100%);opacity:0.5;
  57. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  58. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;}
  59.  
  60. body{
  61. margin:0px;
  62. padding:0px;
  63. margin-top:0px;
  64. font-size:10px;
  65. font-family:calibri;
  66. color:{color:text};
  67. background-color:{color:background};
  68. background-image:url('{image:background}');
  69. background-attachment: fixed;
  70. }
  71.  
  72. #pan{ margin:0 auto; margin-top:90px; opacity:1; overflow:shown; text-align:justify; {block:indexpage}{block:iftwocolumns}width:600px;{/block:iftwocolumns}{block:ifthreecolumns}width:840px;{block:ifthreecolumns}{block:iffourcolumns}width:1120px;{/block:iffourcolumns}{/block:indexpage}{block:permalinkpage}width:550px;{/block:permalinkpage}
  73. }
  74.  
  75. a {color:{color:link}; text-decoration: none; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  76. a:hover {color:{color:link hover}; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  77. a:active,a:focus {outline: 0;}
  78.  
  79. #posts {
  80. background:{color:posts};
  81. padding:6px;
  82. letter-spacing:1px;
  83. border:1px solid #ddd;
  84. margin: 0px 15px 15px 0px;
  85. line-height:11px;
  86. float:left;
  87. {block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:550px;{/block:PermalinkPage}
  88. }
  89. {block:iffadeimages}
  90. #posts img{opacity:0.8;-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  91. #posts:hover img{opacity:1;-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  92. {/block:iffadeimages}
  93.  
  94. .bar {
  95. width: 100%;
  96. background-color: {color:header};
  97. position: fixed;
  98. top: 0px;
  99. color: {color:header text};
  100. z-index: 100;}
  101.  
  102. .holdme {
  103. margin: auto;
  104. margin: 0 auto;
  105. padding: 5px 70px;
  106. width: 400px;
  107. background-color: {color:header};}
  108.  
  109. .nav {
  110. border-bottom: 1px solid; padding: 0px 20px;width: 400px; font-size: 10px; padding-top: 10px; text-align:center; padding-bottom: 5px;padding-right: 0px; float:right;}
  111.  
  112. .nav a {margin: 0px 4px; text-transform: uppercase; }.navd {padding:5px;}
  113.  
  114. .navd a {
  115. text-transform: uppercase; font-style: normal;color: {color:header text};font-size: 10px; display: inline-block; margin: 0px 8px;}
  116.  
  117. .navd a:hover {color:{color:hover};}
  118.  
  119. .tip { text-align: center;font-family: 'raleway';text-transform:uppercase;
  120. padding:5px;font-size: 13px;}
  121.  
  122. #secret {
  123. position:fixed; background-color: {color:header};left: 0px; width: 100%;padding: 10px; height:auto;z-index: 11111;color: {color:header text};
  124. opacity: 0;}
  125.  
  126. .hid { width: 450px; margin: auto; position: relative;left: 10px; padding-top: 0px;text-align: left;display: table;}
  127.  
  128. .aboot {display: table-cell;vertical-align: middle; width: 250px;padding-right: 20px; text-align: center; font-size: 10px; max-height: 100px; overflow: auto;}
  129.  
  130.  
  131. #texter, #quoter, #linker {
  132. letter-spacing:1px; text-decoration:none; font:12px calbiri; line-height:14px; padding:2px; color:{color:text}; border-left: 5px solid #f7f7f7; margin-left:-5px;}
  133.  
  134. #ask{
  135. text-align:left;border-left: 2px solid {color:link};background:{color:background};color:{color:text};font-size:11px;padding:5px;
  136. }
  137.  
  138. #audio { background-color:#000000; height:27px; margin-bottom:-10px;
  139. {block:IndexPage}width:250px;{/block:IndexPage}
  140. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  141. }
  142.  
  143.  
  144. .peereblog {text-align:center; opacity:0; font-size:10px; width:auto;position:absolute; padding:2px; height:auto; overflow:hidden; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; margin-left:200px; }
  145.  
  146. #posts:hover .peereblog {opacity:1; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; margin-bottom:0px;margin-top:-25px;}
  147.  
  148. .peelike {text-align:center; opacity:0; width:auto; position:absolute; padding:2px; height:autopx; overflow:hidden; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; margin-left:15px;}
  149.  
  150. #posts:hover .peelike {opacity:1; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; margin-top:-25px;}
  151.  
  152. #perma{ margin-bottom:-5px;line-height:16px;font-size:8px; text-transform:uppercase;text-align:center; word-spacing:1px;color:{color:text}; border-top:1px solid {color:text}; width:100%; opacity:0.8;}
  153. }
  154. blockquote{ padding: 1px; margin-left: 10px; border-left:2px solid {color:text};}
  155.  
  156. #spacing {margin-top:-12px;}
  157.  
  158.  
  159.  
  160. .notes {margin-top:8px; font-size:10px; font-weight:bold; text-transform:uppercase;}
  161. ol.notes {padding-left:40px; list-style-type:none; font-weight:normal; font-size:{text:font size}; text-transform:none;}
  162. ol.notes li.note {padding-top:2px;}
  163. ol.notes li.note img.avatar {width:14px; height:14px; border: 2px solid {color:posts};}
  164.  
  165. .label {font-weight:bold; text-transform:uppercase; font-size:10px; font-family:{font:title};}
  166.  
  167. ul, ol {font-size:10px;}
  168.  
  169.  
  170. </style>
  171. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  172.  
  173.  
  174. {block:IndexPage}<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  175.  
  176. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/e2ynvep/uocmpoq9g/jquery.masonry.js"></script>
  177.  
  178. <script>
  179. $(function(){
  180. var $container = $('#pan');
  181. $container.imagesLoaded(function(){
  182. $container.masonry({
  183. itemSelector: '#posts',
  184. });
  185. });
  186. $container.infinitescroll({
  187. itemSelector : "#posts",
  188. navSelector : "div.pagination",
  189. nextSelector : ".pagination a#next",
  190. loadingImg : "",
  191. loadingText : "<em></em>",
  192. bufferPx : 10000,
  193. extraScrollPx: 12000,
  194. },
  195. // trigger Masonry as a callback
  196. function( newElements ) {
  197. var $newElems = $( newElements ).css({ opacity: 0 });
  198. // ensure that images load before adding to masonry layout
  199. $newElems.imagesLoaded(function(){
  200. $newElems.animate({ opacity: 1 });
  201. $container.masonry( 'appended', $newElems, true );
  202. });
  203. }
  204. );
  205. });
  206. </script>
  207. {/block:IndexPage}
  208.  
  209.  
  210.  
  211.  
  212. <script language="javascript">
  213. $(document).ready(function() {
  214. $('a#expandgen').click(function() {
  215. $('.t',this).toggle();
  216. });
  217.  
  218. $("#secret").css({"top": "-150px"})
  219. $("#expandgen").toggle(
  220. function () {
  221. $("#secret").animate({"top": "64px", "opacity":"1.0"}, "slow");
  222. },
  223. function () {
  224. $("#secret").animate({"top": "-150px", "opacity":"0.0"}, "slow");
  225. });
  226. });
  227. </script>
  228.  
  229. </head>
  230. <body>
  231.  
  232. <div id="secret"><div class="hid">
  233.  
  234. <div class="aboot">
  235. <div class="navd">
  236. {block:IfLinkOneName}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOneName}
  237. {block:IfLinkTwoName}<a href="{text:link two}">{text:link two name}</a>{/block:IfLinkTwoName}
  238. {block:IfLinkThreeName}<a href="{text:link three}">{text:link three name}</a>{/block:IfLinkThreeName}
  239. {block:IfLinkFourName}<a href="{text:link four}">{text:link four name}</a>{/block:IfLinkFourName}
  240. {block:IfLinkFiveName}<a href="{text:link five}">{text:link five name}</a>{/block:IfLinkFiveName}
  241. <a href="http://genies.tumblr.com">theme</a>
  242. </div>
  243. {Description}
  244. </div>
  245.  
  246.  
  247. </div></div>
  248.  
  249. <div class="bar"><div class="holdme"><table cellspacing="0" cellpadding="0">
  250. <tr>
  251.  
  252. <td class="nav">
  253. <a href="/">home</a>
  254. <a href="/ask">message</a>
  255. <a href="/archive">archive</a>
  256. <a id="expandgen" style="cursor:pointer;">
  257. <span class="plus">MORE +</span>
  258. <span class="plus" style="display:none">LESS -</span></a>
  259. </div></td></tr>
  260.  
  261. <tr>
  262. <td class="tip"><a href="/">{Title}</a></td>
  263. </tr></table>
  264. </div></div>
  265.  
  266.  
  267.  
  268. <div id="pan">
  269.  
  270.  
  271. {block:Posts}
  272.  
  273. <div id="posts">
  274.  
  275.  
  276. {block:Text}
  277. {block:Title}<div id="texter">{Title}</div>{/block:Title}
  278. <div id="spacing">{Body}</div>
  279.  
  280. {block:IndexPage}
  281. <div id="perma"> <a href="{Permalink}">{NoteCountWithLabel}</a> // posted {TimeAgo} // <a href="{ReblogURL}" target="_blank">reblog</a></div>
  282. {/block:IndexPage}
  283. {/block:Text}
  284.  
  285.  
  286. {block:Photo}
  287. {LinkOpenTag}<meta name="{PhotoAlt}" content="{PhotoAlt}"/> {block:indexpage}<a href="{Permalink}">{/block:indexpage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="{block:IndexPage}250{/block:IndexPage}{block:PermalinkPage}550{/block:PermalinkPage}px"></a>
  288. {LinkCloseTag}
  289. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  290. {block:indexpage}
  291. <div class="peereblog"><a href="{reblogURL}" target="_blank">{ReblogButton color="white"}</a></div> <div class="peelike">{LikeButton color="white"}</div>
  292. {/block:indexpage}
  293. {/block:Photo}
  294.  
  295.  
  296. {block:Photoset}
  297. <center>
  298. {block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  299. </center>
  300. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  301. {block:indexpage}
  302. <div class="peereblog"><a href="{reblogURL}" target="_blank">{ReblogButton}</a></div> <div class="peelike">{LikeButton}</div>
  303. {/block:indexpage}
  304. {/block:Photoset}
  305.  
  306.  
  307. {block:Quote}
  308. <div id="quoter">"<a href="{Permalink}">{Quote}</a>"</div><br>
  309. {block:Source}{Source}{/block:Source}
  310.  
  311. {block:IndexPage}
  312. <div id="perma"> <a href="{Permalink}">{NoteCountWithLabel}</a> // posted {TimeAgo} // <a href="{ReblogURL}" target="_blank">reblog</a></div>
  313. {/block:IndexPage}
  314. {/block:Quote}
  315.  
  316. {block:Link}
  317. <div id="linker">&rarr; <a href="{URL}">{Name}</a></div>
  318. <div id="spacing">{block:Description}{Description}{/block:Description}</div>
  319. {block:IndexPage}
  320. <div id="perma"> <a href="{Permalink}">{NoteCountWithLabel}</a> // posted {TimeAgo} // <a href="{ReblogURL}" target="_blank">reblog</a></div>
  321. {/block:IndexPage}
  322. {/block:Link}
  323.  
  324. {block:Chat}
  325. {block:Title}
  326. <div id="title">{Title}</div>
  327. {/block:Title}
  328. <div class="chatty">
  329. {block:Lines}
  330. <div class="chatty {Alt}">
  331. {block:Label}
  332. <b>{Label}</b>
  333. {/block:Label}
  334. {Line}
  335. </div>
  336. {/block:Lines}
  337. </div>
  338. {block:IndexPage}
  339. <div id="perma"> <a href="{Permalink}">{NoteCountWithLabel}</a> // posted {TimeAgo} // <a href="{ReblogURL}" target="_blank">reblog</a></div>
  340. {/block:IndexPage}
  341. {/block:Chat}
  342.  
  343. {block:Audio}
  344. <div id="audio">{AudioPlayerBlack}</div><br>
  345. <center>{block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}<br>{/block:Artist}
  346. {block:PermalinkPage}<br>{PlayCountWithLabel}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage} </center>
  347. {block:IndexPage}
  348. <div id="perma"> <a href="{Permalink}">{NoteCountWithLabel}</a> // posted {TimeAgo} // <a href="{ReblogURL}" target="_blank">reblog</a></div>
  349. {/block:IndexPage}
  350. {/block:Audio}
  351.  
  352. {block:Answer}
  353. <a href="{Permalink}"><div id="ask"><strong>{Question}</strong></div></a><div style="text-align:right; margin-bottom:-5px;">asked by {Asker}</div>{Answer}
  354. {block:IndexPage}
  355. <div id="perma"> <a href="{Permalink}">{NoteCountWithLabel}</a> // posted {TimeAgo} // <a href="{ReblogURL}" target="_blank">reblog</a></div>
  356. {/block:IndexPage}
  357. {/block:answer}
  358.  
  359.  
  360. {block:Video}
  361. <center>{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  362. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  363.  
  364. {block:IndexPage}
  365. <div id="perma"> <a href="{Permalink}">{NoteCountWithLabel}</a> // posted {TimeAgo} // <a href="{ReblogURL}" target="_blank">reblog</a></div>
  366. {/block:IndexPage}
  367.  
  368. {/block:Video}
  369.  
  370.  
  371.  
  372.  
  373.  
  374. {block:PermalinkPage}
  375. <blockquote>{caption}</blockquote>
  376. <div class="notes">Posted {Timeago} with {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags}<div style="font-size:10px; font-weight:normal; margin-top:1px;">{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}</div>{/block:HasTags}</div>
  377. {/block:PermalinkPage}
  378.  
  379. </div>
  380.  
  381. {block:PermalinkPage}{block:PostNotes}
  382. <div style="width:550px; height:250px; overflow:auto; border:2px solid {color:posts}; padding-bottom:10px;">
  383. {PostNotes}</div>{/block:PostNotes}
  384. {/block:PermalinkPage}
  385.  
  386. {block:ContentSource}
  387. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  388. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  389. {/block:SourceLogo}
  390. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  391. {/block:ContentSource}
  392.  
  393.  
  394. {/block:Posts}
  395. </div>
  396. <div class="pagination" style="opacity:0;">
  397. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  398. </div>
  399.  
  400.  
  401.  
  402. </div>
  403. </div>
  404. <div style="display:block;bottom:5px;right:5px;position:fixed;background: transparent;opacity:0.9;z-index:999999;"><a href="http://genies.tumblr.com"><img src="http://media.tumblr.com/tumblr_ltqqfjqyFs1qm8no1.gif"></a></div>
  405.  
  406. </body>
  407. </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!