.paginationjs { line-height: 1.6; font-size: 14px; box-sizing: initial } .paginationjs:after { display: table; content: " "; clear: both } .paginationjs .paginationjs-pages { float: left } .paginationjs .paginationjs-pages ul { float: left; margin: 0; padding: 0 } .paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input, .paginationjs .paginationjs-nav { float: left; margin-left: 10px; font-size: 14px } .paginationjs .paginationjs-pages li { float: left; border: none; border-right: none; list-style: none; } .paginationjs .paginationjs-pages li>a { min-width: 30px; height: 30px; line-height: 30px; display: block; /* background: #845e5e; */ font-size: 12px; color: #7f839a; text-decoration: none; font-weight: 500; text-align: center; margin: 0px 3px; } .paginationjs .paginationjs-pages li>a:hover { background: #00a551 !important; border-radius: 5px; color: #fff; } .paginationjs .paginationjs-pages li.active { border: none } .paginationjs .paginationjs-pages li.active>a { height: 30px; line-height: 30px; background: #00a551; color: #fff; border-radius: 5px; } .paginationjs .paginationjs-pages li.disabled>a { opacity: .3; } .paginationjs .paginationjs-pages li.disabled>a:hover { background: #f3f6f9 !important; color: #2d2d2d; } .paginationjs .paginationjs-pages li:first-child{ background: #f3f6f9; border-radius: 5px; } .paginationjs .paginationjs-pages li:first-child>a { border-radius: 5px; } .paginationjs .paginationjs-pages li:last-child { /* border-right: 1px solid #aaa; */ border-radius: 5px; background: #f3f6f9; } .paginationjs .paginationjs-pages li:last-child>a { border-radius: 5px; } .paginationjs .paginationjs-go-input>input[type=text] { width: 30px; height: 28px; background: #fff; border-radius: 3px; border: 1px solid #aaa; padding: 0; font-size: 14px; text-align: center; vertical-align: baseline; outline: 0; box-shadow: none; box-sizing: initial } .paginationjs .paginationjs-go-button>input[type=button] { min-width: 40px; height: 30px; line-height: 28px; background: #fff; border-radius: 3px; border: 1px solid #aaa; text-align: center; padding: 0 8px; font-size: 14px; vertical-align: baseline; outline: 0; box-shadow: none; color: #333; cursor: pointer; vertical-align: middle\9 } .paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text], .paginationjs.paginationjs-theme-blue .paginationjs-pages li { border-color: #289de9 } .paginationjs .paginationjs-go-button>input[type=button]:hover { background-color: #f8f8f8 } .paginationjs .paginationjs-nav { height: 30px; line-height: 30px } .paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input { margin-left: 5px\9 } .paginationjs.paginationjs-small { font-size: 12px } .paginationjs.paginationjs-small .paginationjs-pages li>a { min-width: 26px; height: 24px; line-height: 24px; font-size: 12px } .paginationjs.paginationjs-small .paginationjs-pages li.active>a { height: 26px; line-height: 26px } .paginationjs.paginationjs-small .paginationjs-go-input { font-size: 12px } .paginationjs.paginationjs-small .paginationjs-go-input>input[type=text] { width: 26px; height: 24px; font-size: 12px } .paginationjs.paginationjs-small .paginationjs-go-button { font-size: 12px } .paginationjs.paginationjs-small .paginationjs-go-button>input[type=button] { min-width: 30px; height: 26px; line-height: 24px; padding: 0 6px; font-size: 12px } .paginationjs.paginationjs-small .paginationjs-nav { height: 26px; line-height: 26px; font-size: 12px } .paginationjs.paginationjs-big { font-size: 16px } .paginationjs.paginationjs-big .paginationjs-pages li>a { min-width: 36px; height: 34px; line-height: 34px; font-size: 16px } .paginationjs.paginationjs-big .paginationjs-pages li.active>a { height: 36px; line-height: 36px } .paginationjs.paginationjs-big .paginationjs-go-input { font-size: 16px } .paginationjs.paginationjs-big .paginationjs-go-input>input[type=text] { width: 36px; height: 34px; font-size: 16px } .paginationjs.paginationjs-big .paginationjs-go-button { font-size: 16px } .paginationjs.paginationjs-big .paginationjs-go-button>input[type=button] { min-width: 50px; height: 36px; line-height: 34px; padding: 0 12px; font-size: 16px } .paginationjs.paginationjs-big .paginationjs-nav { height: 36px; line-height: 36px; font-size: 16px } .paginationjs.paginationjs-theme-blue .paginationjs-pages li>a { color: #289de9 } .paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover { background: #e9f4fc } .paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a { background: #289de9; color: #fff } .paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover { background: 0 0 } .paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button] { background: #289de9; border-color: #289de9; color: #fff } .paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text], .paginationjs.paginationjs-theme-green .paginationjs-pages li { border-color: #449d44 } .paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover { background-color: #3ca5ea } .paginationjs.paginationjs-theme-green .paginationjs-pages li>a { color: #449d44 } .paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover { background: #ebf4eb } .paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a { background: #449d44; color: #fff } .paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover { background: 0 0 } .paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button] { background: #449d44; border-color: #449d44; color: #fff } .paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text], .paginationjs.paginationjs-theme-yellow .paginationjs-pages li { border-color: #ec971f } .paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover { background-color: #55a555 } .paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a { color: #ec971f } .paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover { background: #fdf5e9 } .paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a { background: #ec971f; color: #fff } .paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover { background: 0 0 } .paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button] { background: #ec971f; border-color: #ec971f; color: #fff } .paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text], .paginationjs.paginationjs-theme-red .paginationjs-pages li { border-color: #c9302c } .paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover { background-color: #eea135 } .paginationjs.paginationjs-theme-red .paginationjs-pages li>a { color: #c9302c } .paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover { background: #faeaea } .paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a { background: #c9302c; color: #fff } .paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover { background: 0 0 } .paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button] { background: #c9302c; border-color: #c9302c; color: #fff } .paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover { background-color: #ce4541 } .paginationjs .paginationjs-pages li.paginationjs-next { border-right: 1px solid #aaa\9 } .paginationjs .paginationjs-go-input>input[type=text] { line-height: 28px\9; vertical-align: middle\9 } .paginationjs.paginationjs-big .paginationjs-pages li>a { line-height: 36px\9 } .paginationjs.paginationjs-big .paginationjs-go-input>input[type=text] { height: 36px\9; line-height: 36px\9 }