|
@@ -0,0 +1,49 @@
|
|
|
+
|
|
|
+ FastPagination
|
|
|
+
|
|
|
+ FastPagination class
|
|
|
+
|
|
|
+ @package OpenGallery http://github.com/par7133
|
|
|
+ @author Daniele Bonini <my25mb@aol.com>
|
|
|
+ @version 1.0
|
|
|
+ @access public
|
|
|
+ @note The class rendering the output controls is making use of Bootstrap.
|
|
|
+ Furthermore, FastPagination is making use of the class FastErr part of OpenGallery
|
|
|
+ and developed by me http://github/par7133
|
|
|
+
|
|
|
+ Given a div contain 'pagination-row', a $cssClass 'pagination' and $cssClassActivePage 'active'
|
|
|
+ an example of css customization could be the following:
|
|
|
+
|
|
|
+ .pagination-row {
|
|
|
+ display: table;
|
|
|
+ content: ' ';
|
|
|
+ width:100%;
|
|
|
+ padding-right: 12%;
|
|
|
+ }
|
|
|
+ .pagination {
|
|
|
+ float:right;
|
|
|
+ }
|
|
|
+ .pagination > .active > a {
|
|
|
+ background: #3366CC;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+ .pagination > .active > a:focus {
|
|
|
+ background: #0D62AA;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+ .pagination > .active > a:hover {
|
|
|
+ background: #0D62AA;
|
|
|
+ cursor: pointer;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+ .pagination > li > a {
|
|
|
+ color: #677a85;
|
|
|
+ font-size: 17px;
|
|
|
+ }
|
|
|
+ .pagination > li > a:hover {
|
|
|
+ color: #677a85;
|
|
|
+ }
|
|
|
+ .pagination > li > a:focus {
|
|
|
+ color: #677a85;
|
|
|
+ }
|
|
|
+
|