API tools faq
paste
Advertisement
ballher

NEW: Moonbeams

ballher
Jul 13th, 2013
414
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.81 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.  
  7. <!-- Moonbeams theme
  8. by genies.tumblr.com
  9. x
  10. -->
  11.  
  12. <meta name="image:background" content=""/>
  13. <meta name="image:sidebar background" content="http://25.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo4_250.jpg"/>
  14. <meta name="image:post background" content="http://25.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo4_250.jpg" />
  15. <meta name="image:side selfie" content=""/>
  16.  
  17. <meta name="color:background" content="#ffffff" />
  18. <meta name="color:sidebar" content="#f7f7f7" />
  19. <meta name="color:posts" content="#f1f1f1" />
  20. <meta name="color:text" content="#999999" />
  21. <meta name="color:title" content="#777777" />
  22. <meta name="color:link" content="#000000" />
  23. <meta name="color:link hover" content="#777777" />
  24. <meta name="if:Disable right click" content="0"/>
  25. <meta name="if:Right sidebar" content="0"/>
  26. <meta name="text:link one" content="/"/>
  27. <meta name="text:link one name" content=""/>
  28. <meta name="text:link two" content="/"/>
  29. <meta name="text:link two name" content=""/>
  30. <meta name="text:link three" content="/"/>
  31. <meta name="text:link three name" content=""/>
  32. <meta name="text:link four" content="/"/>
  33. <meta name="text:link four name" content=""/>
  34. <meta name="text:link five" content="/"/>
  35. <meta name="text:link five name" content=""/>
  36.  
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  38.  
  39. {block:IfDisableRightClick}<script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/HlSla0dfm/darlieecious-dot-tumblr-dot-com.js"></script>{/block:IfDisableRightClick}
  40.  
  41. <link rel="shortcut icon" href="{favicon}" />
  42. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  43. <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48. ::-webkit-scrollbar-thumb:vertical {background-color: {color:background}; height:100px;}
  49. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:background}; }
  50. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:text};}
  51.  
  52. iframe#tumblr_controls {
  53. position:fixed;-webkit-filter:invert(100%);opacity:0.5;
  54. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  55. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;}
  56.  
  57. body{
  58. margin:0px;
  59. padding:0px;
  60. margin-top:0px;
  61. font-size:10px;
  62. font-family:calibri;
  63. color:{color:text};
  64. background-color:{color:background};
  65. background-image:url('{image:background}');
  66. background-attachment: fixed;
  67. }
  68.  
  69. #pan{ margin:auto; margin-top:20px; opacity:1; overflow:shown; text-align:justify; width:565px;}
  70.  
  71. 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;}
  72. 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;}
  73. a:active,a:focus {outline: 0;}
  74.  
  75. #posts {
  76. background:{color:posts};
  77. box-shadow:0px 0px 5px #ddd;
  78. border-width:3px;
  79. -moz-border-image:url({image:post background}) 25 30 10 20 repeat stretch;
  80. -webkit-border-image:url({image:post background }) 25 30 10 20 repeat stretch;
  81. border-image:url({image:post background}) 25 30 10 20 repeat stretch;
  82. padding:5px;
  83. margin: 0px 15px 15px 0px;
  84. line-height:11px;
  85. float:left;
  86. {block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:550px;{/block:PermalinkPage}
  87. }
  88.  
  89.  
  90. @font-face {font-family:tatertot;src: url('http://static.tumblr.com/fxpo5zq/mtvmm3f7r/existence-unicaselight.otf');
  91. }
  92.  
  93.  
  94. .tip { text-align:left; letter-spacing:2px; font-family:tatertot; font-size:18px;margin-bottom:3px;}
  95.  
  96. .backside {{block:ifnotrightsidebar}left:80px; {/block:ifnotrightsidebar}{block:ifrightsidebar}right:90px;{/block:ifrightsidebar}top:140px; position:fixed; padding:10px; background:{color:sidebar} url({image:sidebar background}); box-shadow:0px 0px 5px #ddd; border: 5px solid {color:sidebar};}
  97.  
  98. .sidebar {
  99. width:200px;text-align:left;font-family: calibri;font-size:11px;overflow:hidden;padding:10px;border: 1px solid #eeeeee;background:{color:sidebar};
  100. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  101. }
  102. .backside:hover .sidebar {opacity:1; }
  103.  
  104. .sidebar:hover .links { border:1px solid #eee; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; line-height:24px;}
  105.  
  106. .links {
  107. text-align:center;letter-spacing:0px;text-transform:lowercase;background:url({image:sidebar background});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;
  108. line-height:0px;
  109. }
  110.  
  111. .links a {
  112. color: {color:link};font-size:8px;text-transform:uppercase;padding:2px; margin-right:2px;}
  113. .links a:hover {color: {color:link hover};text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
  114.  
  115.  
  116. #texter, #quoter, #linker {
  117. 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;}
  118.  
  119. #ask{
  120. text-align:left;border-left: 2px solid {color:link};background:url({image:post background});color:{color:text};font-size:11px;padding:5px;
  121. }
  122.  
  123. #audio { background-color:#000000; height:27px; margin-bottom:-10px;
  124. {block:IndexPage}width:250px;{/block:IndexPage}
  125. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  126. }
  127.  
  128.  
  129. .peereblog {text-align:center; opacity:0; font-size:10px; width:45px; background: url({image:post background}); position:absolute; margin-left:15px; padding:2px; height:10px; 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;}
  130.  
  131. #posts:hover .peereblog {opacity:1; border:1px solid #eee; -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:-12px;box-shadow:1px 1px 3px rgba(0,0,0,.3);}
  132.  
  133. .peenote {text-align:center; opacity:0; font-size:10px; width:45px; background: url({image:post background}); position:absolute; margin-left:175px; padding:2px; height:10px; 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;box-shadow:1px 1px 3px rgba(0,0,0,.3);}
  134.  
  135. #posts:hover .peenote {opacity:1; border:1px solid #eee; -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:-12px;}
  136.  
  137. blockquote{ padding: 1px; margin-left: 10px; border-left:2px solid {color:text};}
  138.  
  139. #spacing {margin-top:-12px;}
  140.  
  141.  
  142.  
  143. .notes {margin-top:8px; font-size:10px; font-weight:bold; text-transform:uppercase;}
  144. ol.notes {padding-left:40px; list-style-type:none; font-weight:normal; font-size:{text:font size}; text-transform:none;}
  145. ol.notes li.note {padding-top:2px;}
  146. ol.notes li.note img.avatar {width:14px; height:14px; border: 2px solid {color:posts};}
  147.  
  148. .label {font-weight:bold; text-transform:uppercase; font-size:10px; font-family:{font:title};}
  149.  
  150. ul, ol {font-size:10px;}
  151.  
  152.  
  153. </style>
  154.  
  155. {block:IndexPage}<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  156.  
  157. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/e2ynvep/uocmpoq9g/jquery.masonry.js"></script>
  158.  
  159. <script>
  160. $(function(){
  161. var $container = $('#pan');
  162. $container.imagesLoaded(function(){
  163. $container.masonry({
  164. itemSelector: '#posts',
  165. });
  166. });
  167. $container.infinitescroll({
  168. itemSelector : "#posts",
  169. navSelector : "div.pagination",
  170. nextSelector : ".pagination a#next",
  171. loadingImg : "",
  172. loadingText : "<em></em>",
  173. bufferPx : 10000,
  174. extraScrollPx: 12000,
  175. },
  176. // trigger Masonry as a callback
  177. function( newElements ) {
  178. var $newElems = $( newElements ).css({ opacity: 0 });
  179. // ensure that images load before adding to masonry layout
  180. $newElems.imagesLoaded(function(){
  181. $newElems.animate({ opacity: 1 });
  182. $container.masonry( 'appended', $newElems, true );
  183. });
  184. }
  185. );
  186. });
  187. </script>
  188. {/block:IndexPage}
  189.  
  190.  
  191. </head>
  192. <body>
  193.  
  194.  
  195.  
  196. <div class="backside">
  197. <div class="sidebar">
  198. <center>{block:Ifsideselfieimage}<br><a href="/"><img src="{image:side selfie}" width="200px" /></a>{/block:Ifsideselfieimage}</center>
  199. <div class="tip"><a href="/">{title}</a></div>
  200.  
  201. {block:description}
  202. {description}<br><br>
  203.  
  204. {/block:description}
  205.  
  206. <div class="nav">
  207. <div class="links">
  208. <a href="/" title="home">home</a>
  209. <a href="/ask" title="ask">message</a>
  210. {block:IfLinkOneName}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOneName}
  211. {block:IfLinkTwoName}<a href="{text:link two}">{text:link two name}</a>{/block:IfLinkTwoName}
  212. {block:IfLinkThreeName}<a href="{text:link three}">{text:link three name}</a>{/block:IfLinkThreeName}
  213. {block:IfLinkFourName}<a href="{text:link four}">{text:link four name}</a>{/block:IfLinkFourName}
  214. {block:IfLinkFiveName}<a href="{text:link five}">{text:link five name}</a>{/block:IfLinkFiveName}
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219.  
  220. <div id="pan">
  221.  
  222. <div id="holdme">
  223. {block:Posts}
  224.  
  225. <div id="posts">
  226.  
  227.  
  228. {block:Text}
  229. {block:Title}<div id="texter">{Title}</div>{/block:Title}
  230. <div id="spacing">{Body}</div>
  231. {/block:Text}
  232.  
  233.  
  234. {block:Photo}
  235. {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>
  236. {LinkCloseTag}
  237. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  238. {/block:Photo}
  239.  
  240.  
  241. {block:Photoset}
  242. <center>
  243. {block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  244. </center>
  245. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  246. {/block:Photoset}
  247.  
  248.  
  249. {block:Quote}
  250. <div id="quoter">"<a href="{Permalink}">{Quote}</a>"</div><br>
  251. {block:Source}{Source}{/block:Source}
  252. {/block:Quote}
  253.  
  254. {block:Link}
  255. <div id="linker">&rarr; <a href="{URL}">{Name}</a></div>
  256. <div id="spacing">{block:Description}{Description}{/block:Description}</div>
  257. {/block:Link}
  258.  
  259. {block:Chat}
  260. {block:Title}
  261. <div id="title">{Title}</div>
  262. {/block:Title}
  263. <div class="chatty">
  264. {block:Lines}
  265. <div class="chatty {Alt}">
  266. {block:Label}
  267. <b>{Label}</b>
  268. {/block:Label}
  269. {Line}
  270. </div>
  271. {/block:Lines}
  272. </div>
  273. {/block:Chat}
  274.  
  275. {block:Audio}
  276. <div id="audio">{AudioPlayerBlack}</div><br>
  277. <center>{block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}<br>{/block:Artist}
  278. {block:PermalinkPage}<br>{PlayCountWithLabel}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage} </center>
  279. {/block:Audio}
  280.  
  281. {block:Answer}
  282. <a href="{Permalink}"><div id="ask"><strong>{Question}</strong></div></a><div style="text-align:right; margin-bottom:-5px;">asked by {Asker}</div>{Answer}
  283. {/block:answer}
  284.  
  285.  
  286. {block:Video}
  287. <center>{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  288. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  289.  
  290. {/block:Video}
  291. {block:indexpage}
  292. <div class="peereblog"><a href="{reblogURL}" target="_blank">reblog</a></div> <div class="peenote"><a href="{Permalink}" >{NoteCount}</a></div>
  293. {/block:indexpage}
  294.  
  295. {block:PermalinkPage}
  296. <blockquote>{caption}</blockquote>
  297. <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>
  298. {/block:PermalinkPage}
  299.  
  300. </div>
  301.  
  302. {block:PermalinkPage}{block:PostNotes}
  303. <div style="width:550px; height:250px; overflow:auto; border:2px solid {color:posts}; padding-bottom:10px;">
  304. {PostNotes}</div>{/block:PostNotes}
  305. {/block:PermalinkPage}
  306.  
  307. {block:ContentSource}
  308. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  309. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  310. {/block:SourceLogo}
  311. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  312. {/block:ContentSource}
  313.  
  314.  
  315. {/block:Posts}
  316. </div>
  317. <div class="pagination" style="opacity:0;">
  318. {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}
  319. </div>
  320.  
  321.  
  322.  
  323. </div>
  324. </div>
  325. <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>
  326.  
  327. </body>
  328. </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!