/* common attributes for all the links */
.pagination a {
padding: 4px;
border: 1px solid #AAA;
color: #333;
text-decoration: none;
margin-right: 2px;
display: block;
float: left
}
/* common attributes for the "next page" and "previous page" links */
.pagination a.navigation {
width: 16px;
background-position: center center;
background-repeat: no-repeat;
text-indent: -9000px;
border: 1px solid transparent;
overflow: hidden
}
/* hack for transparent borders in IE6 */
*html .pagination a.navigation {
border-color: #000001;
filter: chroma(color=#000001);
}
/* hovered links */
.pagination a:hover {
background-color: #DEDEDE;
color: #222;
border:1px solid #AAA;
text-decoration: none
}
/* specific attributes for the "next page" and "previous page" links */
.pagination a.left { background-image: url(larrow.gif) }
.pagination a.right { background-image: url(rarrow.gif) }
/* currently selected page; also, the current page doesn't need a hover effect */
.pagination a.current,
.pagination a.current:hover {
background: #222;
color: #DEDEDE;
text-decoration: none
}
/* the ... separator */
.pagination span {
color: #666;
margin-right: 2px;
display: block;
float: left;
padding: 8px 4px
}
/* disabled links */
a.disabled {
filter: alpha(opacity=20);
-khtml-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2
} |