PHP Classes

File: examples/example.css

Recommend this page to a friend!
  Classes of Mark Rolich   Generic Pager   examples/example.css   Download  
File: examples/example.css
Role: Auxiliary data
Content type: text/plain
Description: CSS file for examples
Class: Generic Pager
Browse listings of entries split in multiple pages
Author: By
Last change:
Date: 12 years ago
Size: 1,210 bytes
 

Contents

Class file image Download
html, body { margin: 0; padding: 0; width: 100% } table.data { border: 1px solid #ccc; border-collapse: collapse; margin: 20px auto; width: 600px } table.data td { border: 1px solid #ccc; padding: 5px } p { margin: 10px 0; text-align: center; width: 100% } ul.pager { list-style-type: none; margin: 0 auto; overflow: hidden; padding: 0; width: 430px } ul.pager li { float: left; margin-right: 5px } ul.pager li a { background-color: #eee; border: 1px solid #ccc; color: #333; display: block; height: 16px; line-height: 16px; padding: 3px; text-align: center; text-decoration: none; width: 16px } ul.pager li a.selected { background-color: #fff; font-weight: bold } ul.pager.custom { width: 325px } ul.pager.custom li a { background-color: #8AB1FF; border: medium none; color: #fff; display: block; height: 16px; line-height: 16px; padding: 3px; text-align: center; text-decoration: none; width: 16px } ul.pager.custom li a.selected { background-color: #526997; font-weight: bold } ul.pager.custom li a.prev, ul.pager.custom li a.next { font-size: 17px; line-height: 18px }