first commit

Yangcai365_design/manage/zinc/mobileWorks/css/pagination.css

@@ -0,0 +1,201 @@
+/*
+*{
+    margin: 0px;
+    padding: 0px;
+}
+*/
+
+.ht-page-hide {
+    display:none;
+}
+
+.ht-page {
+    padding: 30px;
+    text-align: center
+}
+
+.ht-page span {
+    vertical-align: middle
+}
+
+.ht-page a {
+    text-decoration: none;
+    color: #555;
+    outline: 0
+}
+
+.ht-page .pagebtn {
+    width: 52px;
+    height: 30px;
+    background: #1875f0;
+    border: 0;
+    border-radius: 4px;
+    color: #fff;
+    font-size: 14px;
+    cursor: pointer
+}
+
+.ht-page .pagebtn:hover {
+    background: #1875f0
+}
+
+.ht-page .previous {
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    border: 1px solid #e9e9e9;
+    border-bottom-left-radius: 4px;
+    border-top-left-radius: 4px;
+    background: url(../images/page-left.png) no-repeat center
+}
+
+.ht-page .previous.disable {
+    display: inline-block;
+    padding: 0 15px;
+    background: url(../images/page-disabled.png) no-repeat center;
+    cursor: default
+}
+
+.ht-page .previous.disable:hover {
+    background: url(../images/page-disabled-hover.png) no-repeat center
+}
+
+.ht-page .previous:hover {
+    background: url(../images/page-left-hover.png) no-repeat center
+}
+
+.ht-page .previous a {
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 15px
+}
+
+.ht-page .next {
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    border: 1px solid #e9e9e9;
+    border-left: 0;
+    border-bottom-right-radius: 4px;
+    border-top-right-radius: 4px;
+    background: url(../images/page-right.png) no-repeat center
+}
+
+.ht-page .next:hover {
+    background: url(../images/page-right-hover.png) no-repeat center
+}
+
+.ht-page .next.disable {
+    display: inline-block;
+    padding: 0 15px;
+    cursor: default;
+    background: url(../images/page-disabled.png) no-repeat center
+}
+
+.ht-page .next.disable:hover {
+    background: url(../images/page-disabled-hover.png) no-repeat center
+}
+
+.ht-page .next a {
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 15px
+}
+
+.ht-page .num {
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    border: 1px solid #e9e9e9;
+    border-left: 0
+}
+
+.ht-page .num.current {
+    padding: 0 15px;
+    background: #f1f1f1
+}
+
+.ht-page .num a {
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 15px
+}
+
+.ht-page .num a:hover {
+    color: #555;
+    background: #f1f1f1
+}
+
+.ht-page .dots {
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    border: 1px solid #e9e9e9;
+    border-left: 0;
+    padding: 0 15px
+}
+
+.ht-page .total {
+    margin-left: 20px;
+    margin-right: 10px
+}
+
+.ht-page .total.total_page {
+    margin-left: 5px;
+    margin-right: 5px
+}
+
+.ht-page .page_jump {
+    margin: 0 10px
+}
+
+.ht-page .pageInput {
+    width: 60px;
+    height: 30px;
+    border: 1px solid #e9e9e9;
+    outline: 0;
+    border-radius: 4px;
+    text-align: center
+}
+
+.ht-page .pageInput:focus {
+    border: 1px solid #1875f0
+}
+
+@media screen and (max-width: 799px) {
+    .ht-page {
+        padding:10px 0
+    }
+
+    .ht-page .num,.ht-page .dots,.ht-page .total {
+        display: none
+    }
+
+    .ht-page .num.current {
+        display: inline-block;
+        padding: 0 10px
+    }
+
+    .ht-page .total.total_page {
+        display: inline-block
+    }
+
+    /*
+    .ht-page .pageInput,.ht-page .pagebtn {
+        width: 40px
+    }
+    */
+
+    /*
+    .ht-page .pagebtn {
+        display: none
+    }
+    */
+
+    .ht-page .page_jump {
+        margin: 0 5px
+    }
+}