API tools faq
paste
Advertisement
jimkirk

poppy

jimkirk
Mar 2nd, 2017
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.99 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.  
  4. <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script><style>.tooltip{display: inline;position: relative;}</style> <title>{Title}</title> <link rel="shortcut icon" href="{image:Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link href='https://fonts.googleapis.com/css?family=Karla:400,400' rel='stylesheet' type='text/css'>
  5.  
  6. <meta name="image:Favicon" content=""/>
  7. <meta name="image:Sidebar Image" content=""/>
  8.  
  9. <meta name="color:Background" content="#fff" />
  10. <meta name="color:Text" content="#bbb"/>
  11. <meta name="color:Blockquote" content="#eee"/>
  12. <meta name="color:Link" content="#aaa"/>
  13. <meta name="color:Link Hover" content="#efbebb"/>
  14. <meta name="color:Title" content="#888"/>
  15. <meta name="color:Divider" content="#eee"/>
  16. <meta name="color:Tooltip Background" content="#fff"/>
  17. <meta name="color:Tooltip Text" content="#bbb"/>
  18. <meta name="color:Tooltip Border" content="#f5f5f5"/>
  19. <meta name="color:Scrollbar" content="#000"/>
  20. <meta name="color:Selection Background" content="#ffffff"/>
  21. <meta name="color:Selection Text" content="#bbbbbb"/>
  22.  
  23. <meta name="if:Captions" content=""/>
  24. <meta name="if:Tags" content=""/>
  25. <meta name="if:Sidebar Divider" content=""/>
  26. <meta name="if:Custom Tag" content=""/>
  27.  
  28. <meta name="text:Post Size" content="250px"/>
  29. <meta name="text:Custom Tag" content=""/>
  30. <meta name="text:Link 1" content="index"/>
  31. <meta name="text:Link 1 url" content="/"/>
  32. <meta name="text:Link 2" content="ask"/>
  33. <meta name="text:Link 2 url" content="/ask"/>
  34. <meta name="text:link 3" content="archive"/>
  35. <meta name="text:Link 3 url" content="/archive"/>
  36. <meta name="text:Link 4" content="link 4"/>
  37. <meta name="text:Link 4 url" content="/"/>
  38. <meta name="text:Link 5" content="link 5"/>
  39. <meta name="text:Link 5 url" content="/"/>
  40.  
  41. <style type="text/css">
  42.  
  43. /* tumblr controls */
  44. svg {display:block;width:10px;height:auto;opacity:.75;overflow:visible;}
  45. svg path {fill:rgb(132,132,132);-webkit-transition:fill .6s ease-out;transition:fill .6s ease-out;}
  46. .ic {position:fixed;top:18px;right:16px;}
  47. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {position:fixed!important;top:0!important;right:0!important;opacity:0!important;-webkit-filter:invert(100%);-webkit-backface-visibility:hidden;padding:10px 40px 13px 10px;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;top:-3px;}
  48. #tumblr_controls:hover, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {opacity:.5!important;}
  49.  
  50. /* scrollbar */
  51. ::-webkit-scrollbar {width:17px;height:17px;}
  52. ::-webkit-scrollbar {background-color:rgb(255,255,255); /* background color */}
  53. ::-webkit-scrollbar-track {border:8px solid {color:Background}; /* background color */background-color:rgb(230,230,230); /* light border color */}
  54. ::-webkit-scrollbar-thumb {border:8px solid {color:Background}; /* background color */background-color:rgb(220,220,220); /* dark border color */min-height:24px;min-width:24px;}
  55. ::-moz-selection { background-color:{color:Selection Background};color:{color:Selection Text};}
  56. ::selection {background-color:{color:Selection Background};color:{color:Selection Text};}
  57.  
  58. /* tooltips */
  59. #s-m-t-tooltip {margin-top:20px;margin-left:16px;display:inline-block;text-align:center;position:absolute;padding:6px 9px;font-style:italic;background:{color:Tooltip Background};border:1px solid {color:Tooltip Border};opacity:0.7;color:{color:Tooltip Text};font-size:0.95em;font-family:'Source Sans Pro', sans-serif;z-index:9999999999;}
  60.  
  61. /* basic styles */
  62. body {color: {color:Text};background-color: {color:Background};font: 10px 'karla', 'helvetica neue', sans-serif;line-height: 16px;}
  63. *, body, a, a:hover {cursor: url(http://i1124.photobucket.com/albums/l579/fieKrieY/Cursor-1.png), auto;}
  64. a {text-decoration: none;color: {color:Link};-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;}
  65. a:hover {color:{color:Link Hover};}
  66. h1 {font-size: 12px;color: {color:Title};}
  67. blockquote {border-left:2px solid {color:Blockquote};margin-left: 6px;padding-left: 10px;{block:IndexPage}border-left:none;margin-left:25px;{/block:IndexPage}}
  68. ol {padding-left:0px;list-style-type:none;margin-left:48px;}
  69. ol li {list-style-type:lower-roman;}
  70. ol li::before {content:none;list-style-type:none;}
  71. ul {list-style-type:none;}
  72. li {padding-left:15px;position:relative;margin-left:-30px;{block:IndexPage}margin-left:-55px;{/block:IndexPage}}
  73. li:before {content:'∗';position:Absolute;left:0;{block:IndexPage}content:'';{/block:IndexPage}}
  74.  
  75. /* post customizations */
  76. #content {width:{text:Post Size};position: relative;margin-left: 500px;margin-top: 60px;}
  77. .entry {margin-bottom: 100px;{block:IndexPage}text-align:center;{/block:IndexPage}}
  78. .photo {margin-top:15px;}
  79. .photoset {margin-top:15px;}
  80. .video {margin-top:15px;}
  81. .audio {margin-top:10px;}
  82. .player {width:25px;height:20px;display:block;overflow:hidden;padding:0 0 5px 0px;margin-top:-8px;opacity:.6;}
  83. .answer {{block:IndexPage}text-align:center;{/block:IndexPage}margin-top:8px;margin-top:25px;}
  84. .asker {{block:IndexPage}text-align:center;{/block:IndexPage}margin-top:13px;}
  85. .asker img {border-radius:100px;}
  86. .ask {{block:IndexPage}text-align:center;{/block:IndexPage}margin-top:10px;}
  87. .quote {margin-top:10px;}
  88. .source {margin-top:5px;}
  89. .captions {margin-top:25px;}
  90.  
  91. /* lightbox */
  92. .vignette, #vignette {opacity:0;}
  93. .vignette {opacity:0!Important;}
  94. .lightbox-image, #tumblr_lightbox img {box-shadow:none!important;border-radius:0!important;max-width:none;}
  95. .tmblr-lightbox, #tumblr_lightbox {background-color:{color:Background}!important;}
  96. #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; }
  97.  
  98. /* permalinks */
  99. .do {height:1px;width:9%;background:{color:Divider};margin-top:7px;{block:IndexPage}margin-left:172px;{/block:IndexPage}}
  100. .upper {padding-bottom:10px;{block:IndexPage}text-align:center;{/block:IndexPage}}
  101. .uppers {margin-top:20px;padding-bottom:10px;{block:IndexPage}text-align:center;{/block:IndexPage}}
  102.  
  103. .post_tags,
  104. .post_tags a { color:{color:Links};}
  105. .post_tags {position: relative;margin-top: 20px;line-height: 20px;white-space: nowrap;overflow: hidden;}
  106. .post_tags.draggable .post_tags_inner {cursor: col-resize;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  107. .post_tags_inner {{block:IndexPage}float:center;{/block:IndexPage}{block:PermalinkPage}float:left;{/block:PermalinkPage};position: relative;padding: 0px 0px 0px 0;}
  108. .post_tags a,
  109. .post_tags .post_tag {color:{color:Links};font-size: 10px;text-decoration: none;margin-right: 6px;text-transform: lowercase !important;}
  110. .post_tags a:before { content: '#'; }
  111. .post_tags:after {content: '';position: absolute;top: 0;right: 0;bottom: 0;width: 20px;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #FFF));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #FFF 100%);background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #FFF 100%);}
  112. .post_tags a:hover,
  113. .post_tags .post_tag:hover,
  114. .post_tags a:focus,
  115. .post_tags .post_tag:focus,
  116. .post_tags a:active,
  117. .post_tags .post_tag:active { color:{color:Links};}
  118.  
  119. /* sidebar */
  120. #sidebar {top: 120px;width: 180px;text-align:center;position: fixed;margin-left:270px;{block:PermalinkPage}margin-left:280px;top:70px;{/block:PermalinkPage}}
  121. .image img {width:auto;}
  122. .info {margin-top:10px;}
  123. .bio {word-spacing:3px;{block:ifSidebarDivider}margin-top:-5px;{/block:ifSidebarDivider}}
  124. .d3 {display:inline-block;height:1px;width:10%;background:{color:Divider};margin-top:-4px;}
  125.  
  126. /* permalink page */
  127. img.avatar {width:11px;border-radius:100px;margin-left:-6px;}
  128. ol.notes {overflow:auto;max-height:150px;margin-top:20px;margin-left:0;width:355px;}
  129. ol.notes li.note {list-style-type:none;}
  130. ol.notes li.note span.action {padding-left:10px;}
  131.  
  132. /* pagination */
  133. .pag {font: 10px 'karla', 'helvetica neue', sans-serif;line-height: 16px;margin-top:-40px;padding-bottom:50px;{block:IndexPage}text-align:center;{/block:IndexPage}}
  134.  
  135. </style></head><body> <div class="ic"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 438.317 438.317" style="enable-background:new 0 0 438.317 438.317;" xml:space="preserve"><g><g><path d="M31.167,266.192l20.4,9.35c8.5,3.967,12.467,13.6,9.35,22.383l-7.933,20.967c-5.95,16.15-3.967,33.433,5.95,47.317 c9.633,14.167,25.5,22.383,42.5,22.383c6.233,0,12.467-1.133,18.417-3.4l20.967-7.933c1.983-0.85,3.967-1.133,6.233-1.133 c6.8,0,13.317,3.967,16.15,10.483l9.35,20.4c8.5,18.7,26.633,30.317,47.033,30.317s38.533-11.617,47.033-30.317l9.35-20.4 c2.833-6.233,9.067-10.483,16.15-10.483c1.983,0,4.25,0.283,6.233,1.133l20.967,8.217c5.95,2.267,12.183,3.683,18.417,3.683l0,0 c16.717,0,32.583-8.783,42.5-22.667c9.633-14.167,11.9-31.45,5.95-47.6l-7.933-20.967c-3.117-8.783,0.85-18.417,9.35-22.383 l20.4-9.35c18.7-8.5,30.317-26.633,30.317-47.033S426.7,180.625,408,172.125l-20.4-9.35c-8.5-3.967-12.467-13.6-9.35-22.383 l7.933-20.967c5.95-16.15,3.967-33.433-5.95-47.317c-9.633-14.167-25.5-22.383-42.5-22.383c-6.233,0-12.467,1.133-18.417,3.4 l-20.967,7.933c-1.983,0.85-3.967,1.133-6.233,1.133c-6.8,0-13.317-3.967-16.15-10.483l-9.35-20.4 c-8.5-18.7-26.633-30.317-47.033-30.317s-39.383,11.9-47.883,30.6l-9.35,20.4c-2.833,6.233-9.067,10.483-16.15,10.483 c-1.983,0-4.25-0.283-6.233-1.133L119,53.408c-5.95-2.267-12.183-3.4-18.417-3.4c-16.717,0-32.583,8.5-42.5,22.383 c-9.633,14.167-11.9,31.45-5.95,47.317l7.933,20.967c3.117,8.783-0.85,18.417-9.35,22.383l-20.4,9.35 C11.617,180.908,0,199.042,0,219.442S12.467,257.692,31.167,266.192z M45.05,203.008l20.4-9.35 c24.65-11.333,36.55-39.95,26.917-65.167l-7.933-20.967c-2.833-7.65,0-13.317,1.983-16.15c4.533-6.8,13.033-9.633,20.967-6.517 l20.967,7.933c5.95,2.267,11.9,3.4,18.133,3.4l0,0c20.117,0,38.533-11.9,47.033-30.317l9.35-20.4 c4.25-9.633,13.317-10.483,16.15-10.483c2.833,0,11.617,0.85,16.15,10.483l9.35,20.4c8.5,18.417,26.917,30.317,47.033,30.317 c6.233,0,12.183-1.133,18.133-3.4l20.967-7.933c7.933-2.833,16.15,0,20.967,6.517c1.983,2.833,4.817,8.5,1.983,16.15 l-7.933,20.967c-9.35,25.217,2.267,53.833,26.917,65.167l20.4,9.35c9.633,4.25,10.483,13.317,10.483,16.15 c0,2.833-0.85,11.617-10.483,16.15l-20.4,9.35c-24.65,11.333-36.55,39.95-26.917,65.167l7.933,20.967 c2.833,7.65,0,13.317-1.983,16.15c-4.533,6.8-13.033,9.633-20.967,6.517l-20.967-7.933c-5.95-2.267-11.9-3.4-18.133-3.4 c-20.117,0-38.533,11.9-47.033,30.317l-9.35,20.4c-4.25,9.633-13.317,10.483-16.15,10.483c-2.833,0-11.617-0.85-16.15-10.483 l-9.35-20.4c-8.5-18.417-26.917-30.317-47.033-30.317c-6.233,0-12.183,1.133-18.133,3.4l-20.967,7.933 c-7.933,2.833-16.15,0-20.967-6.517c-1.983-2.833-4.817-8.5-1.983-16.15l7.933-20.967c9.35-25.217-2.267-53.833-26.917-65.167 l-20.4-9.35c-9.633-4.25-10.483-13.317-10.483-16.15C34.567,216.325,35.417,207.542,45.05,203.008z"/><path d="M218.733,292.825c40.517,0,73.667-33.15,73.667-73.667s-33.15-73.667-73.667-73.667s-73.667,33.15-73.667,73.667 S177.933,292.825,218.733,292.825z M218.733,179.492c21.817,0,39.667,17.85,39.667,39.667s-17.85,39.667-39.667,39.667 s-39.667-17.85-39.667-39.667S196.917,179.492,218.733,179.492z"/></g></g></svg> </div> {block:ifCustomTag}{block:IndexPage}<script type="text/javascript">
  136. var url = location.href;
  137. if (url == "{BlogURL}") {
  138. window.location = "{BlogURL}tagged/{text:Custom Tag}";
  139. }</script>{/block:IndexPage}{/block:ifCustomTag}
  140.  
  141. <!--sidebar-->
  142. <div id="sidebar" class="fade-in one"><a href="/"><div class="image"><img src="{image:Sidebar Image}"></div></a><div class="info">{Description}</div> {block:ifSidebarDivider} <div class="d3"></div> {/block:ifSidebarDivider}<p><div class="bio"><a href="{text:Link 1 url}">{text:Link 1}</a> <a href="{text:Link 2 url}">{text:Link 2}</a> <a href="{text:Link 3 url}">{text:Link 3}</a> <a href="{text:Link 4 url}">{text:Link 4}</a> <a href="{text:Link 5 url}">{text:Link 5}</a></div></div>
  143. <!----->
  144.  
  145. <div id="content">{block:Posts}<!-- {block:NoRebloggedFrom}
  146. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  147. {/block:NoRebloggedFrom} --><div class="entry">
  148.  
  149. {block:IndexPage}<div class="upper"><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonth}/{ShortYear}</a><div class="do"></div></div>{/block:IndexPage}
  150.  
  151. {block:Photo}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div> {block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Photo}
  152.  
  153. {block:Photoset}<div class="photoset"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>{block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Photoset}
  154.  
  155. {block:Text}{block:Title}<h1><div class="ttitle">{Title}</div></h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  156.  
  157. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  158.  
  159. {block:Quote}<div class="quote">{Quote}</div>{block:Source} <div class="source">{Source}</div>{/block:Source}{/block:Quote}
  160.  
  161. {block:Chat}{block:Title}<h1><div class="ctitle">{Title}</div></h1>{/block:Title}<div class="chat"><ul>{block:Lines}<li class="lines">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  162.  
  163. {block:Audio}<div class="audio">{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div></div><div style="float:right;margin-top:-20px;">{block:TrackName}{TrackName}{/block:TrackName} / {block:Artist}{Artist}{/block:Artist}</div>{/block:AudioPlayer}</div>{block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Audio}
  164.  
  165. {block:Video}<div class="video">{Video-500}</div>{block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Video}
  166.  
  167. {block:Answer}<div class="all"><div class="asks"><div class="asker"><img src="{AskerPortraitURL-16}"></div> <div class="ask">{Asker} said: {Question}</div></div><div class="answer">{Answer}</div></div>{/block:Answer}
  168.  
  169. {block:Date}
  170.  
  171. {block:PermalinkPage}<div class="uppers"><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonth}/{ShortYear}</a><div class="do"></div> {block:ContentSource}<a href="{SourceURL}" style="margin-top:5px;">original</a>{/block:ContentSource}</div>{/block:PermalinkPage}
  172.  
  173. {block:ifTags}<div class="tags"><div class="post_tags draggable"><div class="post_tags_inner">{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</div></div></div>{/block:ifTags}
  174.  
  175. {block:PermalinkPage}{block:NoteCount}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:NoteCount}{/block:PermalinkPage}{/block:Date}
  176.  
  177. </div>
  178.  
  179. {/block:Posts}
  180.  
  181. <div class="pag"><div style="margin-top:-40px;padding-bottom:50px;">{block:PreviousPage}<a href="{PreviousPage}"><span class="lnr lnr-chevron-left" style="font-size:8px;"></span></a>{/block:PreviousPage} {block:JumpPagination length="3"}{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:NextPage}<a href="{NextPage}"><span class="lnr lnr-chevron-right" style="font-size:8px;"></span></a>{/block:NextPage}</div>
  182.  
  183. {block:ContentSource}<!-- {SourceURL}
  184. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  185. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  186. {/block:ContentSource}</div><!---content div--->
  187.  
  188. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  189. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  190. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  191. <script>
  192. // pxu photosets & video resizer © shythemes.tumblr
  193. $(document).ready(function(){
  194. $('.photo-slideshow').pxuPhotoset({
  195. lightbox: true,
  196. rounded: false,
  197. gutter: '1px',
  198. borderRadius: '0px',
  199. photoset: '.photo-slideshow',
  200. photoWrap: '.photo-data',
  201. photo: '.pxu-photo'
  202. });
  203. });
  204. $container.infinitescroll({
  205. // your options
  206. }, function(){
  207. resizeVideos();
  208. });
  209. </script>
  210.  
  211. <script>
  212. // minimal soundcloud player © shythemes.tumblr
  213. $(document).ready(function(){
  214. var color = '{color:Soundcloud Player Button}'; // color of play button (hex)
  215. $('.soundcloud_audio_player').each(function(){
  216. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  217. });
  218. });</script>
  219. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  220. <script>$(document).ready(function(){
  221. $(".post_tags_inner").draggable({
  222. axis : "x",
  223. scroll: false,
  224. stop: function() {
  225. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  226. if(__left > 0){
  227. $(this).animate({left: 0}, 400, 'easeOutExpo');
  228. }
  229. var __width = $(this).outerWidth();
  230. var __parentWidth = $(".post_tags.draggable").outerWidth();
  231. if(__width > __parentWidth) {
  232. if(__left < __parentWidth-__width){
  233. $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
  234. }
  235. } else {
  236. $(this).animate({left: 0}, 400, 'easeOutExpo');
  237. }
  238. }
  239. });
  240. });
  241. </script>
  242. </body></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!