Browse Source

docs - style #infscr-loading

pull/14/head
David DeSandro 14 years ago
parent
commit
9683a9b252
  1. 1
      _posts/demos/2011-01-02-infinite-scroll.html
  2. 23
      css/style.css

1
_posts/demos/2011-01-02-infinite-scroll.html

@ -41,6 +41,7 @@ infinite_scroll: true
nextSelector : '#page_nav a', // selector for the NEXT link (to page 2)
itemSelector : '.element', // selector for all items you'll retrieve
donetext : 'No more pages to load.',
loadingImg : 'http://i.imgur.com/qkKy8.gif',
debug: false,
errorCallback: function() {
// fade out the error message after 2 seconds

23
css/style.css

@ -492,6 +492,29 @@ code .nd { color: #9FAD7E; } /* CSS pseudo selector */
width: 436px;
}
/**************************
** Infinite Scroll
**************************/
#infscr-loading {
position: fixed;
bottom: 30px;
left: 42%;
z-index: 100;
background: white;
background: hsla( 0, 0%, 100%, 0.9 );
padding: 20px;
color: #222;
font-size: 15px;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }

Loading…
Cancel
Save