108 lines
2.4 KiB
CSS
108 lines
2.4 KiB
CSS
|
.pagination{
|
||
|
|
padding: 2px;
|
||
|
|
margin: 1em 0;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination ul{
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
|
||
|
|
font-size: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination li{
|
||
|
|
list-style-type: none;
|
||
|
|
display: inline;
|
||
|
|
padding-bottom: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
*:first-child+html .pagination li{ /*IE7 only CSS hack*/
|
||
|
|
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
|
||
|
|
}
|
||
|
|
|
||
|
|
* html .pagination li{ /*IE6 and below CSS hack*/
|
||
|
|
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination a, .pagination a:visited{
|
||
|
|
padding: 0 5px;
|
||
|
|
border: 1px solid #9aafe5;
|
||
|
|
text-decoration: none;
|
||
|
|
color: #2e6ab1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination a:hover, .pagination a:active{
|
||
|
|
border: 1px solid #2b66a5;
|
||
|
|
color: #000;
|
||
|
|
background-color: #FFFF80;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination a.currentpage{ /*Style for currently selected page link*/
|
||
|
|
background-color: #2e6ab1;
|
||
|
|
color: #FFF !important;
|
||
|
|
border-color: #2b66a5;
|
||
|
|
font-weight: bold;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
|
||
|
|
background-color: white;
|
||
|
|
cursor: default;
|
||
|
|
color: #929292;
|
||
|
|
border-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination a.prevnext{ /*Style for previous and next link*/
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.virtualpage, .virtualpage2, .virtualpage3{
|
||
|
|
/*hide the broken up pieces of contents until script is called. Remove if desired*/
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationstyle{ /*Style for demo pagination divs*/
|
||
|
|
width: 250px;
|
||
|
|
text-align: center;
|
||
|
|
padding: 2px 0;
|
||
|
|
margin: 10px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationstyle select{ /*Style for demo pagination divs' select menu*/
|
||
|
|
border: 1px solid navy;
|
||
|
|
margin: 0 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationstyle a{ /*Pagination links style*/
|
||
|
|
padding: 0 5px;
|
||
|
|
text-decoration: none;
|
||
|
|
border: 1px solid black;
|
||
|
|
color: navy;
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationstyle a:hover, .paginationstyle a.selected{
|
||
|
|
color: #000;
|
||
|
|
background-color: #FEE496;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
|
||
|
|
border: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationstyle a.imglinks img{
|
||
|
|
vertical-align: bottom;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationstyle a.imglinks a:hover{
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
|
||
|
|
color: #000;
|
||
|
|
background-color: yellow;
|
||
|
|
}
|