云手机云手游SDKAPI 更多内容
<>
.pagination-origin-container .hide {
display: none;
}
.pagination-origin-container .pagination-container {
color: #666;
font-size: 0;
line-height: 24px
}
.pagination-origin-container .pagination-container>* {
font-size: 14px;
vertical-align: middle
}
.pagination-origin-container .pagination-toFirst,.pagination-toLast {
display: none
}
.pagination-origin-container .pagination {
display: inline-block;
margin-left: 15px;
margin-right: 15px;
vertical-align: middle
}
.pagination-origin-container .pagination>li {
display: inline
}
.pagination-origin-container .pagination>li>a {
color: #666;
cursor: pointer;
float: left;
font-size: 14px;
height: 24px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
width: auto
}
.pagination-origin-container .pagination>li+li>a {
margin-left: 15px
}
.pagination-origin-container .pagination>li:last-child>a,.pagination>li:nth-child(2)>a {
margin-left: 10px
}
.pagination-origin-container .pagination>.disabled>a,.pagination>.ellipsis>a {
cursor: default
}
.pagination-origin-container .pagination>.active>a {
color: #FFF!important;;
background: #C7000B!important;
cursor: default
}
@media (min-width: 1024px) {
.pagination-origin-container .pagination>li:not(.active):not(.ellipsis):not(.disabled)>a:hover {
color: #C7000B!important;;
background: #DFE1E6!important;;
}
}
.pagination-origin-container .pagination-toFirst:not(.disabled):active,.pagination-toLast:not(.disabled):active,.pagination>li:not(.active):not(.ellipsis):not(.disabled)>a:active {
background-color: #f24651
}
.pagination-origin-container .pagination-toFirst:not(.disabled):active:before,.pagination-toLast:not(.disabled):active:before,.pagination>li:not(.active):not(.ellipsis):not(.disabled)>a:active:before {
background-position-y: -16px
}
.pagination>li:first-child>a,.pagination>li:last-child>a {
background-color: #f7f8f8;
width: 30px
}
.pagination-origin-container .pagination-toFirst:before,.pagination-toLast:before,.pagination>li:first-child>a:before,.pagination>li:last-child>a:before {
background-image: url(https://res-static.hc-cdn.cn/aem/etc/clientlibs/cloudbu-site/article/clientlib-news/site/less/images/pagination-sprite.png);
background-size: auto 48px;
content: "";
display: block;
height: 16px;
margin: 4px auto;
width: 16px
}
@media (min-width: 1024px) {
.pagination-origin-container .pagination>li:first-child:hover>a:before,.pagination>li:last-child:hover>a:before {
background-position-y:-16px
}
}
.pagination-origin-container .pagination>li:first-child.disabled>a:before,.pagination>li:last-child.disabled>a:before {
background-position-y: -32px
}
.pagination-origin-container .pagination>li:first-child>a:before {
background-position: -32px 0
}
.pagination-origin-container .pagination>li:last-child>a:before {
background-position: -48px 0
}
.pagination-origin-container .pagination>.pagination-goto-mb {
display: none
}
.pagination-origin-container .pagination-to {
border: 1px solid #d2d2d2;
color: #333;
font-size: 14px;
height: 24px;
text-align: center;
vertical-align: middle;
width: 36px
}
.pagination-origin-container .pagination-to:hover {
border-color: #999
}
.pagination-origin-container .pagination-to:focus {
border-color: #666;
color: #666
}
.pagination-origin-container .pagination-text+.pagination-to,.pagination-to+.pagination-text {
margin-left: 3px
}
.pagination-origin-container .pagination-submit {
background-color: #fff;
border: 1px solid #d2d2d2;
color: #333;
cursor: pointer;
height: 24px;
margin-left: 12px;
padding-left: 5px;
padding-right: 5px
}
@media (min-width: 1024px) {
.pagination-origin-container .pagination-submit:hover {
border-color:#e41f2b;
color: #e41f2b
}
}
.pagination-origin-container .pagination>li.pagination-selectTo {
display: none
}
.pagination-origin-container .pagination-selectTo select {
border: 1px solid #d2d2d2;
color: #666;
float: left;
font-size: 14px;
height: 24px;
margin-left: 10px;
min-width: 70px;
padding-left: 6px
}
.pagination-origin-container .pagination-toFirst:before {
background-position: 0 0
}
.pagination-origin-container .pagination-toLast:before {
background-position: -16px 0
}
@media (max-width: 1023px) {
.pagination-origin-container .pagination-container {
line-height:28px;
text-align: center
}
.pagination-origin-container .pagination-submit,.pagination-text,.pagination-to,.pagination>li:not(:first-child):not(:last-child):not(.pagination-goto-mb) {
display: none
}
.pagination-origin-container .pagination>li>a {
height: 28px;
padding-left: 8px;
padding-right: 8px
}
.pagination-origin-container .pagination>li:first-child>a,.pagination>li:last-child>a {
width: 32px
}
.pagination-origin-container .pagination>li:last-child>a,.pagination>li:nth-child(2)>a {
margin-left: 15px
}
.pagination-origin-container .pagination-toFirst:before,.pagination-toLast:before,.pagination>li:first-child>a:before,.pagination>li:last-child>a:before {
margin: 6px auto
}
.pagination-origin-container .pagination>.pagination-goto-mb {
border: 1px solid #d2d2d2;
color: #999;
display: block;
float: left;
font-size: 14px;
height: 28px;
line-height: 26px;
margin-left: 15px
}
.pagination-origin-container .pagination>.pagination-goto-mb.on-focus {
border-color: #666
}
.pagination-origin-container .goto-mb-input {
border: none;
color: #666;
height: 26px;
line-height: 21px;
padding: 0 5px;
width: 34px
}
.pagination-origin-container .pagination-goto-mb span {
height: 26px;
padding: 0 5px;
text-align: left
}
.pagination-origin-container .pagination-toFirst,.pagination-toLast {
background-color: #f7f8f8;
cursor: pointer;
display: inline-block;
height: 28px;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
width: 32px
}
.pagination-origin-container .pagination-toFirst.disabled:before,.pagination-toLast.disabled:before {
background-position-y: -32px
}
}
.pagination-origin-container .pagination-text+.pagination-submit {
margin-left: 3px;
}
.paginationWrap > .pagination-container{
text-align:center;
margin-bottom:10px;
height: 90px;
padding-top: 33px;
}
>
看了本文的人还看了