API tools faq
paste
Advertisement
keysle

Untitled

keysle
Jun 16th, 2012
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.48 KB | None | 0 0
raw download clone embed print report
  1. <title>{Title}</title>
  2. <link href='http://fonts.googleapis.com/css?family=Raleway:100&v1' rel='stylesheet' type='text/css'>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}
  6. <meta name="description" content="{MetaDescription}" />
  7. {/block:Description}
  8.  
  9. <meta name="color:Text" content="#000000"/>
  10. <meta name="color:Links" content="#000000"/>
  11. <meta name="color:Hover" content="#dddddd"/>
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:border" content="#000000"/>
  14. <meta name="if:image shadows" content="0" />
  15. <meta name="if:smaller posts" content="0" />
  16. <meta name="text:blogtitle size" content="11" />
  17. <meta name="text:post font size" content="9" />
  18. <meta name="text:navigation size" content="9" />
  19. <meta name="font:body" content="courier new" />
  20. <meta name="font:title" content="courier new" />
  21. <meta name="font:description" content="courier new" />
  22. <meta name="font:nav" content="courier new" />
  23.  
  24.  
  25.  
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28.  
  29. <script>
  30. $(document).ready(function(){
  31. $(".notes").hide();
  32. $(".list").click(function(){
  33. $('.notes').slideToggle("slow");
  34. return true;
  35. });
  36. });
  37. </script>
  38.  
  39. <style type="text/css">
  40.  
  41. iframe#tumblr_controls {
  42. top: 0% !important;
  43. right:0% !important;
  44. position: fixed !important;}
  45.  
  46. body {margin:auto; color:{color:text}; font-family:{font:body}; font-size:9px;background-color:{color:background}; line-height:10px;width:750px;{block:ifsmallerposts}width:600px;{/block:ifsmallerposts}}
  47.  
  48. a {color: {color:Links};text-decoration: none;}a:hover {-webkit-transition: opacity 0.5s linear; color: {color:Hover};}
  49. .caption {margin-top:5px; margin-bottom:10px;}
  50. .post{
  51. {block:indexpage}width:350px;margin:10px; {block:ifsmallerposts}width:280px;{/block:ifsmallerposts}{/block:indexpage}{block:permalinkpage}{block:indexpage}width:540px;{/block:indexpage}{/block:permalinkpage} float:left; position:relative;font-size:{text:post font size}px;font-color:{color:text};}
  52.  
  53. .post img {{block:indexpage}width:350px; {block:ifsmallerposts}width:280px;{/block:ifsmallerposts}{/block:indexpage}{block:ifImageShadows}-webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3); -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3); box-shadow: 1px 2px 3px rgba(0,0,0,0.3);{/block:ifImageShadows}{block:permalinkpage}width:540px;{/block:permalinkpage} }
  54. iframe#ask_form {width:540px!important;}
  55.  
  56. .text, .quote, .link, .chat, .answer {border:1px solid {color:border};padding:4px;width:340px; {block:ifsmallerposts}width:270px;{/block:ifsmallerposts}{block:permalinkpage}width:540px;{/block:permalinkpage}}
  57.  
  58. .links {font-family:{font:nav}; font-size:{text:navigation size}px;line-height:12px;padding-left:5px;text-transform:uppercase;}
  59.  
  60. .content {padding-top:30px;margin:auto;background-color: {color:center};width:750px;{block:ifsmallerposts}width:600px;{/block:ifsmallerposts}}
  61.  
  62. .header {margin-left:800px;{block:ifsmallerposts}margin-left:670px;{/block:ifsmallerposts}width:140px;background-color:{color:center};padding-bottom:7px;position:fixed;top:200px;}
  63.  
  64. .description {font-family:{font:description};padding:5px;width:130px;float:left;background-color:{color:center};}
  65.  
  66.  
  67. .blogtitle {font-family:{font:title};text-align:right;5px;font-size:{text:blogtitle size}px;line-height:9px;text-align:left;
  68. cursor:auto;display:inline-block;}
  69.  
  70.  
  71. .permalinkk{font-size:9px;display:block;text-align:center;padding:6px;background-color:#f8f8f8;position: absolute;opacity:0;filter: alpha(opacity = 0);-webkit-transition: 0.3s ease-in;width:340px;{block:ifsmallerposts}width:270px;{/block:ifsmallerposts}}.permalinkk a{color:#000;}.post:hover .permalinkk{opacity:0.75;filter: alpha(opacity = 75);-webkit-transition: 0.3s ease-in;}
  72. .permalink {margin:0px; text-align:right; padding:0px; opacity:0;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
  73. -webkit-transition: all 0.3s ease-out;
  74. transition: all 0.3s ease-out;}
  75.  
  76. .permalink a:hover{color:{color:Hover}}
  77.  
  78. .post:hover .permalink {opacity: 1;}
  79.  
  80. .posted {font-size:9px;}
  81.  
  82. .notes{margin:left;width:300px;font-size:9px;color:#000;text-align:left;}
  83.  
  84. .viewnotes{margin-top:10px;font-size:9px;color:#000;text-align:left;}
  85.  
  86. ol.notes {padding-left:5px; list-style-type:none;}
  87. ol.notes li.note {padding:2px;}
  88.  
  89. .audio {background-color:#000000;width:340px;{block:ifsmallerposts}width:270px;{/block:ifsmallerposts}}
  90.  
  91. .ptitle {font-size:11px;text-transform:uppercase;}
  92.  
  93. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  94. #infscr-loading {display:none;}
  95. .navigation{display:none;}
  96.  
  97. {CustomCSS}
  98. </style>
  99.  
  100.  
  101.  
  102. {block:IndexPage}
  103. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  104. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  105.  
  106. <script type="text/javascript">
  107. $(window).load(function () {
  108. $('.content').masonry(),
  109. $('.masonryWrap').infinitescroll({
  110. navSelector : ".navigation",
  111. nextSelector : ".navigation a#next",
  112. itemSelector : ".post",
  113. bufferPx : 10000,
  114. extraScrollPx: 10000,
  115. loadingImg : "",
  116. loadingText : "",
  117. },
  118. function() { $('.content').masonry({ appendedContent: $(this) }); }
  119. );
  120. });
  121. </script>
  122. {/block:IndexPage}
  123.  
  124. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  125. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  126. <script type="text/javascript" charset="utf-8">
  127. var $j = jQuery.noConflict();
  128. $j(function() {
  129. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  130. $j("img").lazyload({
  131. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  132. effect: "fadeIn",
  133. });
  134. });
  135. </script>
  136. <script type="text/javascript">
  137. // <![CDATA[
  138. var colour="#FFFFFF";
  139. var sparkles=120;
  140.  
  141. /****************************
  142. * Tinkerbell Magic Sparkle *
  143. * (c) 2005 mf2fm web-design *
  144. * http://www.mf2fm.com/rv *
  145. * DON'T EDIT BELOW THIS BOX *
  146. ****************************/
  147. var x=ox=400;
  148. var y=oy=300;
  149. var swide=800;
  150. var shigh=600;
  151. var sleft=sdown=0;
  152. var tiny=new Array();
  153. var star=new Array();
  154. var starv=new Array();
  155. var starx=new Array();
  156. var stary=new Array();
  157. var tinyx=new Array();
  158. var tinyy=new Array();
  159. var tinyv=new Array();
  160.  
  161. window.onload=function() { if (document.getElementById) {
  162. var i, rats, rlef, rdow;
  163. for (var i=0; i<sparkles; i++) {
  164. var rats=createDiv(3, 3);
  165. rats.style.visibility="hidden";
  166. document.body.appendChild(tiny[i]=rats);
  167. starv[i]=0;
  168. tinyv[i]=0;
  169. var rats=createDiv(5, 5);
  170. rats.style.backgroundColor="transparent";
  171. rats.style.visibility="hidden";
  172. var rlef=createDiv(1, 5);
  173. var rdow=createDiv(5, 1);
  174. rats.appendChild(rlef);
  175. rats.appendChild(rdow);
  176. rlef.style.top="2px";
  177. rlef.style.left="0px";
  178. rdow.style.top="0px";
  179. rdow.style.left="2px";
  180. document.body.appendChild(star[i]=rats);
  181. }
  182. set_width();
  183. sparkle();
  184. }}
  185.  
  186. function sparkle() {
  187. var c;
  188. if (x!=ox || y!=oy) {
  189. ox=x;
  190. oy=y;
  191. for (c=0; c<sparkles; c++) if (!starv[c]) {
  192. star[c].style.left=(starx[c]=x)+"px";
  193. star[c].style.top=(stary[c]=y)+"px";
  194. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  195. star[c].style.visibility="visible";
  196. starv[c]=50;
  197. break;
  198. }
  199. }
  200. for (c=0; c<sparkles; c++) {
  201. if (starv[c]) update_star(c);
  202. if (tinyv[c]) update_tiny(c);
  203. }
  204. setTimeout("sparkle()", 40);
  205. }
  206.  
  207. function update_star(i) {
  208. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  209. if (starv[i]) {
  210. stary[i]+=1+Math.random()*3;
  211. if (stary[i]<shigh+sdown) {
  212. star[i].style.top=stary[i]+"px";
  213. starx[i]+=(i%5-2)/5;
  214. star[i].style.left=starx[i]+"px";
  215. }
  216. else {
  217. star[i].style.visibility="hidden";
  218. starv[i]=0;
  219. return;
  220. }
  221. }
  222. else {
  223. tinyv[i]=50;
  224. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  225. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  226. tiny[i].style.width="2px";
  227. tiny[i].style.height="2px";
  228. star[i].style.visibility="hidden";
  229. tiny[i].style.visibility="visible"
  230. }
  231. }
  232.  
  233. function update_tiny(i) {
  234. if (--tinyv[i]==25) {
  235. tiny[i].style.width="1px";
  236. tiny[i].style.height="1px";
  237. }
  238. if (tinyv[i]) {
  239. tinyy[i]+=1+Math.random()*3;
  240. if (tinyy[i]<shigh+sdown) {
  241. tiny[i].style.top=tinyy[i]+"px";
  242. tinyx[i]+=(i%5-2)/5;
  243. tiny[i].style.left=tinyx[i]+"px";
  244. }
  245. else {
  246. tiny[i].style.visibility="hidden";
  247. tinyv[i]=0;
  248. return;
  249. }
  250. }
  251. else tiny[i].style.visibility="hidden";
  252. }
  253.  
  254. document.onmousemove=mouse;
  255. function mouse(e) {
  256. set_scroll();
  257. y=(e)?e.pageY:event.y+sdown;
  258. x=(e)?e.pageX:event.x+sleft;
  259. }
  260.  
  261. function set_scroll() {
  262. if (typeof(self.pageYOffset)=="number") {
  263. sdown=self.pageYOffset;
  264. sleft=self.pageXOffset;
  265. }
  266. else if (document.body.scrollTop || document.body.scrollLeft) {
  267. sdown=document.body.scrollTop;
  268. sleft=document.body.scrollLeft;
  269. }
  270. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  271. sleft=document.documentElement.scrollLeft;
  272. sdown=document.documentElement.scrollTop;
  273. }
  274. else {
  275. sdown=0;
  276. sleft=0;
  277. }
  278. }
  279.  
  280. window.onresize=set_width;
  281. function set_width() {
  282. if (typeof(self.innerWidth)=="number") {
  283. swide=self.innerWidth;
  284. shigh=self.innerHeight;
  285. }
  286. else if (document.documentElement && document.documentElement.clientWidth) {
  287. swide=document.documentElement.clientWidth;
  288. shigh=document.documentElement.clientHeight;
  289. }
  290. else if (document.body.clientWidth) {
  291. swide=document.body.clientWidth;
  292. shigh=document.body.clientHeight;
  293. }
  294. }
  295.  
  296. function createDiv(height, width) {
  297. var div=document.createElement("div");
  298. div.style.position="absolute";
  299. div.style.height=height+"px";
  300. div.style.width=width+"px";
  301. div.style.overflow="hidden";
  302. div.style.backgroundColor=colour;
  303. return (div);
  304. }
  305. // ]]>
  306. </script>
  307.  
  308. </head>
  309. <body>
  310.  
  311.  
  312.  
  313.  
  314.  
  315. <div class="header"><div class="links">
  316. <div class="blogtitle"><a href="/">{Title}</a></div><br><a href="/archive">history</a>&nbsp;<a href="/ask">message</a>&nbsp;{block:HasPages}{block:Pages}<a href="{URL}">{Label}&nbsp;</a>{/block:Pages}{/block:HasPages}<a href="http://atonals.tumblr.com/">theme</a></div>
  317. <a href="http://photobucket.com/images/animated%20gif" target="_blank"><img src="http://i1264.photobucket.com/albums/jj483/poisonmaster1/Gif/gif-kerzen-05.gif" border="0" alt="animated gif Pictures, Images and Photos"/></a>
  318.  
  319. <div class="description"><br>
  320. {description}</div>
  321. </div></div></div></div>
  322. <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMzk4ODY*NTI2ODMmcHQ9MTMzOTg4NjU*NDE1NCZwPTIxMzc5MSZkPSZnPTEmbz1mMDE5OTNjZjVmZTM*NDlhOTI3/OTRiNzc*YzA*YTdhNg==.gif"
  323. {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}</div>
  324.  
  325. <div class="content">
  326. {block:Posts}
  327.  
  328.  
  329. {block:Text}
  330. <div class="post text">{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{ShortYear}</a></div></div>{/block:IndexPage}{/block:Text}
  331.  
  332.  
  333.  
  334. {block:Photo}<div class="post">{block:IndexPage}<div class="permalinkk"><br><a href="{ReblogURL}">REBLOG</a> : {NoteCount} NOTES<br>{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}<p></div>{/block:IndexPage}
  335. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  336. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  337. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="740"/>
  338. {block:IndexPage}</a>{/block:IndexPage}
  339. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  340. {block:ifshowcaptions}{Caption}{/block:ifshowcaptions}
  341. </div>
  342. {/block:Photo}
  343.  
  344.  
  345.  
  346.  
  347. {block:Photoset}
  348. <div class="post"><div class="photoset">
  349. <center><div style="width:350px; {block:ifsmallerposts}width:280px;{/block:ifsmallerposts} height:auto; overflow:hidden;">{Photoset-250}</div></center>
  350. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  351. </div></div>{/block:Photoset}
  352.  
  353.  
  354. {block:Quote}
  355. <div class="post quote">{Quote}{block:Source}<a href="{Permalink}"><b></br>by {Source}</b></a>{/block:Source}</div>
  356. {/block:Quote}
  357.  
  358. {block:Link}
  359. <div class="post link">
  360. <div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  361. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{ShortYear}</a></div>{/block:IndexPage}
  362. </div>
  363. {/block:Link}
  364.  
  365. {block:Chat}
  366. <div class="post chat">{block:Title}<b>{Title}</b>{/block:Title}
  367. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{ShortYear}</a></div>{/block:IndexPage}
  368. </div>
  369. {/block:Chat}
  370.  
  371. {block:Video}
  372. <div class="post chat"><div class="video"><div style="width:350px; {block:ifsmallerposts}width:280px;{/block:ifsmallerposts} height:auto; overflow:hidden;">{Video-250}</div>
  373. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div></div>{/block:Video}
  374.  
  375. {block:Audio}
  376. <div class="post text">
  377. <div class="audio">
  378. {AudioPlayerBlack}</div>{Caption}
  379. {block:PermalinkPage}{/block:PermalinkPage}
  380. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{ShortYear}</a></div>{/block:IndexPage}
  381. </div>
  382. {/block:Audio}
  383.  
  384. {block:Answer}
  385. <div class="post">
  386. <b>{Asker}</b>: {Question}<br>{Answer}
  387. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{ShortYear}</a></div>{/block:IndexPage}</div>
  388. {/block:Answer}
  389.  
  390.  
  391. {block:PermalinkPage}
  392. <div class="caption">{Caption}</div>
  393. {block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:HasTags}<br>Tagged as:&nbsp;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  394. {/block:HasTags}
  395. {block:PostNotes}<br><div class="list">View Notes</div>{/block:PostNotes}
  396. <div class="notes">
  397. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  398.  
  399. {/block:Posts}
  400.  
  401.  
  402.  
  403. </div>
  404. </div>
  405. </div>
  406. </div>
  407. </div>
  408. </div>
  409. </body>
  410. </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!