Skip to content

Instantly share code, notes, and snippets.

@westleyknight
Created March 19, 2013 15:33
Show Gist options
  • Save westleyknight/5197100 to your computer and use it in GitHub Desktop.
Save westleyknight/5197100 to your computer and use it in GitHub Desktop.
A simple set of baseline CSS to position the standard Drupal pagination links. It puts the 'first' and 'previous' links to the left, 'next' and 'last' links to the right, with the page numbers aligned to the center.
/* Drupal Pagination Layout */
.pager {
padding: 0;
position: relative;
}
.item-list .pager .pager-first,
.item-list .pager .pager-previous,
.item-list .pager .pager-next,
.item-list .pager .pager-last,
.item-list .pager .pager-item,
.item-list .pager .pager-current {
margin: 0;
padding: 0.25em 0.5em;
}
.pager-first,
.pager-previous,
.pager-last,
.pager-next {
position: absolute;
}
.pager-first { left: 0; }
.pager-previous { left: 5em; }
.pager-last { right: 0; }
.pager-next { right: 5em; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment