.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; }