PHP Classes

File: public/css/pagination.css

Recommend this page to a friend!
  Classes of Stefan Gabos  >  Zebra_Pagination  >  public/css/pagination.css  >  Download  
File: public/css/pagination.css
Role: Auxiliary data
Content type: text/plain
Description: CSS file
Class: Zebra_Pagination
Show links to browse listings split in pages
Author: By
Last change:
Date: 11 years ago
Size: 1,439 bytes


Class file image Download
/* 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
For more information send a message to info at phpclasses dot org.