123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- .pagination{
- /*overflow: hidden; */
- /* margin: 0; */
- /* padding: 10px 10px 6px 10px; */
- /* border-top: 1px solid #ccc; */
- /* width: 198px;*/
- margin: 0 auto;
- /* margin: 0 auto; */
- /* margin-left: 30%; */
- /* margin-bottom: 100px; */
- /* position: absolute; */
- /* top: 50%; */
- /* left: 50%; */
- }
- .pagination *{
- display:inline;
- float:left;
- margin:0;
- padding:0;
- font-size:12px;
- }
- .pagination i{
- float:none;
- padding-right:1px;
- }
- .currentPage b{
- float:none;
- color:#f00;
- }
- .pagination li{
- list-style:none;
- margin:0 5px;
- }
- .pagination li li{
- position:relative;
- margin:-2px 0 0;
- font-family: Arial, Helvetica, sans-serif
- }
- .firstPage a,.previousPage a,.nextPage a,.lastPage a{
- overflow:hidden;
- height:0;
- text-indent:-9999em;
- border-top:8px solid #fff;
- border-bottom:8px solid #fff;
- }
- .pagination li li a{
- margin: -3.5px 1px 0px 1px;
- padding: 0 4px;
- border: 3px double #fff;
- background: #eee;
- color: #dd4250;
- text-decoration: none;
- }
- .pagination li li a:hover{
- background:#f95f6d;
- border-color:#fff;
- +border-color:#f95f6d;
- color:#fff;
- }
- li.firstPage{
- /* margin-left:193px;*/
- border-left:3px solid #dd4250;
- }
- .firstPage a,.previousPage a{
- border-right:12px solid #dd4250;
- }
- .firstPage a:hover,.previousPage a:hover{
- border-right-color: #f95f6d;
- }
- .nextPage a,.lastPage a{
- border-left:12px solid #dd4250;
- }
- .nextPage a:hover,.lastPage a:hover{
- border-left-color:#f95f6d;
- }
- li.lastPage{
- border-right:3px solid #dd4250;
- }
- li li.currentState a{
- position:relative;
- /* margin:-1px 3px;
- padding:1px 4px;*/
- /* border:3px double #fff;*/
- +border-color:#dd4250;
- background:#dd4250;
- color:#fff;
- }
- li.currentState,.currentState a,.currentState a:hover{
- border-color:#fff #ccc;
- cursor:default;
- }
- .navbar {
- text-align:center;
- }
- .navbar ul {
- display:inline-block;
- }
- .navbar li + li {
- margin-left:20px;
- }
|