lu2/theme/peak/css/common/ui/Pagination.css

Simple and flexible UI component library based on native HTML and JavaScript

@charset "UTF-8";
/**
 *
 * @Pagination.css
 * @author xinxuzhang
 * @create 15-06-26 ↓7.4%
 *
**/
/*.ui-page-x {}*/
.ui-page {
  display: inline-block;
  min-width: 18px;
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 5px;
  margin-right: 5px;
  height: 26px;
  line-height: 26px;
  border: 1px solid transparent;
  text-align: center;
  color: #a2a9b6;
  font-size: 14px;
  -webkit-transition: border-color .15s, background-color .15s;
  transition: border-color .15s, background-color .15s;
  vertical-align: top;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

span.ui-page {
  cursor: default; }

a.ui-page:hover {
  border-color: #b6bbc6;
  color: #a2a9b6;
  text-decoration: none; }

.ui-page > svg {
  width: 20px;
  height: 20px;
  margin-top: 3px; }

.ui-page-prev,
.ui-page-next {
  background: url(images/Pagination/icons-prev-next.png) no-repeat;
  background: none, none;
  text-align: center;
  fill: currentColor;
  overflow: hidden; }

.ui-page-next svg {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

.ui-page-prev {
  margin-left: 0;
  background-position: 0 -90px; }

.ui-page-next {
  margin-right: 0;
  background-position: 0 0; }

a.ui-page-next:hover {
  background-position: -1px -29px; }

a.ui-page-prev:hover {
  background-position: 0 -120px; }

.ui-page-ellipsis {
  display: inline-block; }

span.ui-page-prev {
  background-position: 0 -150px;
  color: #ccd0d7; }

span.ui-page-next {
  background-position: 0 -60px;
  color: #ccd0d7; }

.ui-page-current {
  color: #fff;
  background-color: #2486ff; }

.ui-page-text {
  color: #4c5161; }

.ui-page.loading {
  background: url(images/Pagination/icon-loading.gif) no-repeat center;
  color: transparent; }

.ui-page.loading > svg {
  visibility: hidden; }