.paginationjs { line-height: 1.6; font-family: 'FC Minimal'; 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: 1px solid #ddd; list-style: none } .paginationjs .paginationjs-pages li > a { min-width: 25px; height: 28px; line-height: 28px; display: block; background: none; font-size: 14px; color: #000; text-decoration: none; text-align: center; font-weight: 400; } .paginationjs .paginationjs-pages li > a:hover { background: #eee } .paginationjs .paginationjs-pages li.active { border: none } .paginationjs .paginationjs-pages li.active > a { height: 30px; line-height: 30px; background: #03a7e1; color: #fff; } .paginationjs-pages li.active :hover { color: #fff !important; background: #d3d3d3 !important; } .paginationjs .paginationjs-pages li.disabled > a { /*opacity: .3*/ } .paginationjs .paginationjs-pages li.disabled > a:hover { background: 0 0 } .paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child > a { /* border-radius: 3px 0 0 3px*/ } .paginationjs .paginationjs-pages li:last-child { /* border-right: 1px solid #f15f22; border-radius: 0 3px 3px 0*/ } .paginationjs .paginationjs-pages li:last-child > a { border-radius: 0 3px 3px 0 } .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 }