Merge pull request #1 from superRaytin/develop

Develop

bower.json

 {
     "name": "paginationjs",
-    "version": "2.0.0",
+    "version": "2.0.5",
     "main": "./pagination.min.js",
     "ignore": [
         "**/.*",

component.json

 {
     "name": "paginationjs",
-    "version": "2.0.0",
+    "version": "2.0.5",
     "repo": "superRaytin/paginationjs",
     "description": "A jQuery plugin to provide simple yet fully customisable pagination",
     "keywords": [
@@ -11,6 +11,13 @@
         "jquery pagination"
     ],
     "main": "dist/pagination.min.js",
-    "scripts": ["dist/pagination.min.js", "dist/pagination.js"],
+    "scripts": [
+        "dist/pagination.min.js",
+        "dist/pagination.js",
+        "dist/pagination-with-styles.min.js",
+        "dist/pagination-with-styles.js",
+        "dist/pagination.css",
+        "dist/pagination.less"
+    ],
     "license": "MIT"
 }

dist/pagination-with-styles.js

 /*
- * pagination.js 2.0.3
+ * pagination.js 2.0.5
  * A jQuery plugin to provide simple yet fully customisable pagination.
  * https://github.com/superRaytin/paginationjs
  *
@@ -241,7 +241,7 @@
                         }
                         else{
                             if(attributes.showFirstOnEllipsisShow){
-                                html += '<li class="'+ classPrefix +'-page J-paginationjs-page" data-num="1"><a href="'+ pageLink +'">1<\/a><\/li>';
+                                html += '<li class="'+ classPrefix +'-page '+ classPrefix +'-first J-paginationjs-page" data-num="1"><a href="'+ pageLink +'">1<\/a><\/li>';
                             }
 
                             html += '<li class="'+ classPrefix +'-ellipsis '+ disableClassName +'"><a>'+ ellipsisText +'<\/a><\/li>';
@@ -266,7 +266,7 @@
                             html += '<li class="'+ classPrefix +'-ellipsis '+ disableClassName +'"><a>'+ ellipsisText +'<\/a><\/li>';
 
                             if(attributes.showLastOnEllipsisShow){
-                                html += '<li class="'+ classPrefix +'-page J-paginationjs-page" data-num="'+ totalPage +'"><a href="'+ pageLink +'">'+ totalPage +'<\/a><\/li>';
+                                html += '<li class="'+ classPrefix +'-page '+ classPrefix +'-last J-paginationjs-page" data-num="'+ totalPage +'"><a href="'+ pageLink +'">'+ totalPage +'<\/a><\/li>';
                             }
                         }
                     }
@@ -1075,9 +1075,13 @@
     }
 
     // Object type detection
+    function getObjectType(object) {
+        var tmp;
+        return ( (tmp = typeof(object)) == "object" ? object == null && "null" || Object.prototype.toString.call(object).slice(8, -1) : tmp ).toLowerCase();
+    }
     $.each(['Object', 'Array'], function(index, name){
         Helpers['is' + name] = function(object){
-            return toString.call(object) === '[object ' + name + ']';
+            return getObjectType(object) === name.toLowerCase();
         };
     });
 
@@ -1087,7 +1091,7 @@
 
         if(styleElement.length) return;
 
-        var cssText = '.paginationjs:not(.custom-paginationjs){line-height: 1.6; font-family: "Marmelad", "Lucida Grande", "Arial", "Hiragino Sans GB", Georgia, sans-serif; font-size: 14px; box-sizing: initial;}.paginationjs:not(.custom-paginationjs):after{display: table; content: " "; clear: both;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages{float: left;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages ul{float: left; margin: 0; padding: 0;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li{float: left; border: 1px solid #aaaaaa; border-right: none; list-style: none;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li > a{min-width: 30px; height: 28px; line-height: 28px; display: block; background: #fff; font-size: 14px; color: #333; text-decoration: none; text-align: center;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li > a:hover{background: #eee;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li.active{border: none;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li.active > a{height: 30px; line-height: 30px; background: #aaaaaa; color: #fff;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li.disabled > a{opacity: .3;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li.disabled > a:hover{background: none;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li:first-child{border-radius: 3px 0 0 3px;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li:first-child > a{border-radius: 3px 0 0 3px;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li:last-child{border-right: 1px solid #aaaaaa; border-radius: 0 3px 3px 0;}.paginationjs:not(.custom-paginationjs) .paginationjs-pages li:last-child > a{border-radius: 0 3px 3px 0;}.paginationjs:not(.custom-paginationjs) .paginationjs-go-input{float: left; margin-left: 10px; font-size: 14px;}.paginationjs:not(.custom-paginationjs) .paginationjs-go-input > input[type="text"]{width: 30px; height: 28px; background: #fff; border-radius: 3px; border: 1px solid #aaaaaa; padding: 0; font-size: 14px; text-align: center; vertical-align: baseline; outline: none; box-shadow: none; box-sizing: initial;}.paginationjs:not(.custom-paginationjs) .paginationjs-go-button{float: left; margin-left: 10px; font-size: 14px;}.paginationjs:not(.custom-paginationjs) .paginationjs-go-button > input[type="button"]{min-width: 40px; height: 30px; line-height: 28px; background: #fff; border-radius: 3px; border: 1px solid #aaaaaa; text-align: center; padding: 0 8px; font-size: 14px; vertical-align: baseline; outline: none; box-shadow: none; color: #333; cursor: pointer;}.paginationjs:not(.custom-paginationjs) .paginationjs-go-button > input[type="button"]:hover{background-color: #f8f8f8;}.paginationjs:not(.custom-paginationjs) .paginationjs-nav{float: left; height: 30px; line-height: 30px; margin-left: 10px; font-size: 14px;}.paginationjs:not(.custom-paginationjs).paginationjs-small{font-size: 12px;}.paginationjs:not(.custom-paginationjs).paginationjs-small li > a{min-width: 26px; height: 24px; line-height: 24px; font-size: 12px;}.paginationjs:not(.custom-paginationjs).paginationjs-small li.active > a{height: 26px; line-height: 26px;}.paginationjs:not(.custom-paginationjs).paginationjs-small .paginationjs-go-input{font-size: 12px;}.paginationjs:not(.custom-paginationjs).paginationjs-small .paginationjs-go-input > input[type="text"]{width: 26px; height: 24px; font-size: 12px;}.paginationjs:not(.custom-paginationjs).paginationjs-small .paginationjs-go-button{font-size: 12px;}.paginationjs:not(.custom-paginationjs).paginationjs-small .paginationjs-go-button > input[type="button"]{min-width: 30px; height: 26px; line-height: 24px; padding: 0 6px; font-size: 12px;}.paginationjs:not(.custom-paginationjs).paginationjs-small .paginationjs-nav{height: 26px; line-height: 26px; font-size: 12px;}.paginationjs:not(.custom-paginationjs).paginationjs-big{font-size: 16px;}.paginationjs:not(.custom-paginationjs).paginationjs-big li > a{min-width: 36px; height: 34px; line-height: 34px; font-size: 16px;}.paginationjs:not(.custom-paginationjs).paginationjs-big li.active > a{height: 36px; line-height: 36px;}.paginationjs:not(.custom-paginationjs).paginationjs-big .paginationjs-go-input{font-size: 16px;}.paginationjs:not(.custom-paginationjs).paginationjs-big .paginationjs-go-input > input[type="text"]{width: 36px; height: 34px; font-size: 16px;}.paginationjs:not(.custom-paginationjs).paginationjs-big .paginationjs-go-button{font-size: 16px;}.paginationjs:not(.custom-paginationjs).paginationjs-big .paginationjs-go-button > input[type="button"]{min-width: 50px; height: 36px; line-height: 34px; padding: 0 12px; font-size: 16px;}.paginationjs:not(.custom-paginationjs).paginationjs-big .paginationjs-nav{height: 36px; line-height: 36px; font-size: 16px;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-pages li{border-color: #289de9;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-pages li > a{color: #289de9;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-pages li > a:hover{background: #e9f4fc;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-pages li.active > a{background: #289de9; color: #fff;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover{background: none;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-go-input > input[type="text"]{border-color: #289de9;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-go-button > input[type="button"]{background: #289de9; border-color: #289de9; color: #fff;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-go-button > input[type="button"]:hover{background-color: #3ca5ea;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-pages li{border-color: #449d44;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-pages li > a{color: #449d44;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-pages li > a:hover{background: #ebf4eb;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-pages li.active > a{background: #449d44; color: #fff;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-pages li.disabled > a:hover{background: none;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-go-input > input[type="text"]{border-color: #449d44;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-go-button > input[type="button"]{background: #449d44; border-color: #449d44; color: #fff;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-go-button > input[type="button"]:hover{background-color: #55a555;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-pages li{border-color: #ec971f;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-pages li > a{color: #ec971f;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-pages li > a:hover{background: #fdf5e9;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-pages li.active > a{background: #ec971f; color: #fff;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-pages li.disabled > a:hover{background: none;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-go-input > input[type="text"]{border-color: #ec971f;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-go-button > input[type="button"]{background: #ec971f; border-color: #ec971f; color: #fff;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-go-button > input[type="button"]:hover{background-color: #eea135;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-pages li{border-color: #c9302c;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-pages li > a{color: #c9302c;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-pages li > a:hover{background: #faeaea;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-pages li.active > a{background: #c9302c; color: #fff;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-pages li.disabled > a:hover{background: none;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-go-input > input[type="text"]{border-color: #c9302c;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-go-button > input[type="button"]{background: #c9302c; border-color: #c9302c; color: #fff;}.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-go-button > input[type="button"]:hover{background-color: #ce4541;}';
+        var cssText = '.paginationjs{line-height:1.6;font-family:"Marmelad","Lucida Grande","Arial","Hiragino Sans GB",Georgia,sans-serif;font-size:14px;box-sizing:initial}.paginationjs:after{display:table;content:" ";clear:both}.paginationjs .paginationjs-pages{float:left}.paginationjs .paginationjs-pages ul{float:left;margin:0;padding:0}.paginationjs .paginationjs-pages li{float:left;border:1px solid #aaa;border-right:0;list-style:none}.paginationjs .paginationjs-pages li>a{min-width:30px;height:28px;line-height:28px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center}.paginationjs .paginationjs-pages li>a:hover{background:#eee}.paginationjs .paginationjs-pages li.active{border:0}.paginationjs .paginationjs-pages li.active>a{height:30px;line-height:30px;background:#aaa;color:#fff}.paginationjs .paginationjs-pages li.disabled>a{opacity:.3}.paginationjs .paginationjs-pages li.disabled>a:hover{background:0}.paginationjs .paginationjs-pages li:first-child{border-radius:3px 0 0 3px}.paginationjs .paginationjs-pages li:first-child>a{border-radius:3px 0 0 3px}.paginationjs .paginationjs-pages li:last-child{border-right:1px solid #aaa;border-radius:0 3px 3px 0}.paginationjs .paginationjs-pages li:last-child>a{border-radius:0 3px 3px 0}.paginationjs .paginationjs-go-input{float:left;margin-left:10px;font-size:14px}.paginationjs .paginationjs-go-input>input[type="text"]{width:30px;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}.paginationjs .paginationjs-go-button{float:left;margin-left:10px;font-size:14px}.paginationjs .paginationjs-go-button>input[type="button"]{min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer}.paginationjs .paginationjs-go-button>input[type="button"]:hover{background-color:#f8f8f8}.paginationjs .paginationjs-nav{float:left;height:30px;line-height:30px;margin-left:10px;font-size:14px}.paginationjs.paginationjs-small{font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li>a{min-width:26px;height:24px;line-height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li.active>a{height:26px;line-height:26px}.paginationjs.paginationjs-small .paginationjs-go-input{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-input>input[type="text"]{width:26px;height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button>input[type="button"]{min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-nav{height:26px;line-height:26px;font-size:12px}.paginationjs.paginationjs-big{font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li>a{min-width:36px;height:34px;line-height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li.active>a{height:36px;line-height:36px}.paginationjs.paginationjs-big .paginationjs-go-input{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-input>input[type="text"]{width:36px;height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button>input[type="button"]{min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-nav{height:36px;line-height:36px;font-size:16px}.paginationjs.paginationjs-theme-blue .paginationjs-pages li{border-color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a{color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover{background:#e9f4fc}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a{background:#289de9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover{background:0}.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type="text"]{border-color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type="button"]{background:#289de9;border-color:#289de9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type="button"]:hover{background-color:#3ca5ea}.paginationjs.paginationjs-theme-green .paginationjs-pages li{border-color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a{color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover{background:#ebf4eb}.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a{background:#449d44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover{background:0}.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type="text"]{border-color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type="button"]{background:#449d44;border-color:#449d44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type="button"]:hover{background-color:#55a555}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li{border-color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a{color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover{background:#fdf5e9}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a{background:#ec971f;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover{background:0}.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type="text"]{border-color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type="button"]{background:#ec971f;border-color:#ec971f;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type="button"]:hover{background-color:#eea135}.paginationjs.paginationjs-theme-red .paginationjs-pages li{border-color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a{color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover{background:#faeaea}.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a{background:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover{background:0}.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type="text"]{border-color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type="button"]{background:#c9302c;border-color:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type="button"]:hover{background-color:#ce4541}.paginationjs .paginationjs-pages li.paginationjs-next{*border-right:1px solid #aaa;border-right:1px solid #aaa\\0}.paginationjs .paginationjs-go-input{*margin-left:5px;margin-left:5px\\0}.paginationjs .paginationjs-go-input>input[type="text"]{*line-height:28px;line-height:28px\\0;*vertical-align:middle;vertical-align:middle\\0}.paginationjs .paginationjs-go-button{*margin-left:5px;margin-left:5px\\\0}.paginationjs .paginationjs-go-button>input[type="button"]{*vertical-align:middle;vertical-align:middle\\0}.paginationjs.paginationjs-big .paginationjs-pages li>a{line-height:36px\\0}.paginationjs.paginationjs-big .paginationjs-go-input>input[type="text"]{*height:35px;height:36px\\0;*line-height:36px;line-height:36px\\0}';
 
         $('head').append('<style type="text\/css" id="paginationjs-style">'+ cssText +'<\/style>');
     }

examples/css/pagination.css → dist/pagination.css

-.paginationjs:not(.custom-paginationjs) {
+.paginationjs {
   line-height: 1.6;
-  font-family: "Marmelad", "Lucida Grande", 'Arial', "Hiragino Sans GB", Georgia, sans-serif;
+  font-family: "Marmelad", "Lucida Grande", "Arial", "Hiragino Sans GB", Georgia, sans-serif;
   font-size: 14px;
   box-sizing: initial;
 }
-.paginationjs:not(.custom-paginationjs):after {
+.paginationjs:after {
   display: table;
   content: " ";
   clear: both;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages {
+.paginationjs .paginationjs-pages {
   float: left;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages ul {
+.paginationjs .paginationjs-pages ul {
   float: left;
   margin: 0;
   padding: 0;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li {
+.paginationjs .paginationjs-pages li {
   float: left;
   border: 1px solid #aaaaaa;
   border-right: none;
   list-style: none;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li > a {
+.paginationjs .paginationjs-pages li > a {
   min-width: 30px;
   height: 28px;
   line-height: 28px;
@@ -34,43 +34,43 @@
   text-decoration: none;
   text-align: center;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li > a:hover {
+.paginationjs .paginationjs-pages li > a:hover {
   background: #eee;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li.active {
+.paginationjs .paginationjs-pages li.active {
   border: none;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li.active > a {
+.paginationjs .paginationjs-pages li.active > a {
   height: 30px;
   line-height: 30px;
   background: #aaaaaa;
   color: #fff;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li.disabled > a {
+.paginationjs .paginationjs-pages li.disabled > a {
   opacity: .3;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li.disabled > a:hover {
+.paginationjs .paginationjs-pages li.disabled > a:hover {
   background: none;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li:first-child {
+.paginationjs .paginationjs-pages li:first-child {
   border-radius: 3px 0 0 3px;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li:first-child > a {
+.paginationjs .paginationjs-pages li:first-child > a {
   border-radius: 3px 0 0 3px;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li:last-child {
+.paginationjs .paginationjs-pages li:last-child {
   border-right: 1px solid #aaaaaa;
   border-radius: 0 3px 3px 0;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-pages li:last-child > a {
+.paginationjs .paginationjs-pages li:last-child > a {
   border-radius: 0 3px 3px 0;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-go-input {
+.paginationjs .paginationjs-go-input {
   float: left;
   margin-left: 10px;
   font-size: 14px;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-go-input > input[type="text"] {
+.paginationjs .paginationjs-go-input > input[type="text"] {
   width: 30px;
   height: 28px;
   background: #fff;
@@ -84,12 +84,12 @@
   box-shadow: none;
   box-sizing: initial;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-go-button {
+.paginationjs .paginationjs-go-button {
   float: left;
   margin-left: 10px;
   font-size: 14px;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-go-button > input[type="button"] {
+.paginationjs .paginationjs-go-button > input[type="button"] {
   min-width: 40px;
   height: 30px;
   line-height: 28px;
@@ -105,193 +105,225 @@
   color: #333;
   cursor: pointer;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-go-button > input[type="button"]:hover {
+.paginationjs .paginationjs-go-button > input[type="button"]:hover {
   background-color: #f8f8f8;
 }
-.paginationjs:not(.custom-paginationjs) .paginationjs-nav {
+.paginationjs .paginationjs-nav {
   float: left;
   height: 30px;
   line-height: 30px;
   margin-left: 10px;
   font-size: 14px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-small {
+.paginationjs.paginationjs-small {
   font-size: 12px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-small li > a {
+.paginationjs.paginationjs-small .paginationjs-pages li > a {
   min-width: 26px;
   height: 24px;
   line-height: 24px;
   font-size: 12px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-small li.active > a {
+.paginationjs.paginationjs-small .paginationjs-pages li.active > a {
   height: 26px;
   line-height: 26px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-small .paginationjs-go-input {
+.paginationjs.paginationjs-small .paginationjs-go-input {
   font-size: 12px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-small .paginationjs-go-input > input[type="text"] {
+.paginationjs.paginationjs-small .paginationjs-go-input > input[type="text"] {
   width: 26px;
   height: 24px;
   font-size: 12px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-small .paginationjs-go-button {
+.paginationjs.paginationjs-small .paginationjs-go-button {
   font-size: 12px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-small .paginationjs-go-button > input[type="button"] {
+.paginationjs.paginationjs-small .paginationjs-go-button > input[type="button"] {
   min-width: 30px;
   height: 26px;
   line-height: 24px;
   padding: 0 6px;
   font-size: 12px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-small .paginationjs-nav {
+.paginationjs.paginationjs-small .paginationjs-nav {
   height: 26px;
   line-height: 26px;
   font-size: 12px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-big {
+.paginationjs.paginationjs-big {
   font-size: 16px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-big li > a {
+.paginationjs.paginationjs-big .paginationjs-pages li > a {
   min-width: 36px;
   height: 34px;
   line-height: 34px;
   font-size: 16px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-big li.active > a {
+.paginationjs.paginationjs-big .paginationjs-pages li.active > a {
   height: 36px;
   line-height: 36px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-big .paginationjs-go-input {
+.paginationjs.paginationjs-big .paginationjs-go-input {
   font-size: 16px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-big .paginationjs-go-input > input[type="text"] {
+.paginationjs.paginationjs-big .paginationjs-go-input > input[type="text"] {
   width: 36px;
   height: 34px;
   font-size: 16px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-big .paginationjs-go-button {
+.paginationjs.paginationjs-big .paginationjs-go-button {
   font-size: 16px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-big .paginationjs-go-button > input[type="button"] {
+.paginationjs.paginationjs-big .paginationjs-go-button > input[type="button"] {
   min-width: 50px;
   height: 36px;
   line-height: 34px;
   padding: 0 12px;
   font-size: 16px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-big .paginationjs-nav {
+.paginationjs.paginationjs-big .paginationjs-nav {
   height: 36px;
   line-height: 36px;
   font-size: 16px;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-pages li {
+.paginationjs.paginationjs-theme-blue .paginationjs-pages li {
   border-color: #289de9;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-pages li > a {
+.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a {
   color: #289de9;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-pages li > a:hover {
+.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a:hover {
   background: #e9f4fc;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-pages li.active > a {
+.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active > a {
   background: #289de9;
   color: #fff;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover {
+.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover {
   background: none;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-go-input > input[type="text"] {
+.paginationjs.paginationjs-theme-blue .paginationjs-go-input > input[type="text"] {
   border-color: #289de9;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-go-button > input[type="button"] {
+.paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type="button"] {
   background: #289de9;
   border-color: #289de9;
   color: #fff;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-blue .paginationjs-go-button > input[type="button"]:hover {
+.paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type="button"]:hover {
   background-color: #3ca5ea;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-pages li {
+.paginationjs.paginationjs-theme-green .paginationjs-pages li {
   border-color: #449d44;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-pages li > a {
+.paginationjs.paginationjs-theme-green .paginationjs-pages li > a {
   color: #449d44;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-pages li > a:hover {
+.paginationjs.paginationjs-theme-green .paginationjs-pages li > a:hover {
   background: #ebf4eb;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-pages li.active > a {
+.paginationjs.paginationjs-theme-green .paginationjs-pages li.active > a {
   background: #449d44;
   color: #fff;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-pages li.disabled > a:hover {
+.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled > a:hover {
   background: none;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-go-input > input[type="text"] {
+.paginationjs.paginationjs-theme-green .paginationjs-go-input > input[type="text"] {
   border-color: #449d44;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-go-button > input[type="button"] {
+.paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type="button"] {
   background: #449d44;
   border-color: #449d44;
   color: #fff;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-green .paginationjs-go-button > input[type="button"]:hover {
+.paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type="button"]:hover {
   background-color: #55a555;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-pages li {
+.paginationjs.paginationjs-theme-yellow .paginationjs-pages li {
   border-color: #ec971f;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-pages li > a {
+.paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a {
   color: #ec971f;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-pages li > a:hover {
+.paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a:hover {
   background: #fdf5e9;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-pages li.active > a {
+.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active > a {
   background: #ec971f;
   color: #fff;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-pages li.disabled > a:hover {
+.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled > a:hover {
   background: none;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-go-input > input[type="text"] {
+.paginationjs.paginationjs-theme-yellow .paginationjs-go-input > input[type="text"] {
   border-color: #ec971f;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-go-button > input[type="button"] {
+.paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type="button"] {
   background: #ec971f;
   border-color: #ec971f;
   color: #fff;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-yellow .paginationjs-go-button > input[type="button"]:hover {
+.paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type="button"]:hover {
   background-color: #eea135;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-pages li {
+.paginationjs.paginationjs-theme-red .paginationjs-pages li {
   border-color: #c9302c;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-pages li > a {
+.paginationjs.paginationjs-theme-red .paginationjs-pages li > a {
   color: #c9302c;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-pages li > a:hover {
+.paginationjs.paginationjs-theme-red .paginationjs-pages li > a:hover {
   background: #faeaea;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-pages li.active > a {
+.paginationjs.paginationjs-theme-red .paginationjs-pages li.active > a {
   background: #c9302c;
   color: #fff;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-pages li.disabled > a:hover {
+.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled > a:hover {
   background: none;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-go-input > input[type="text"] {
+.paginationjs.paginationjs-theme-red .paginationjs-go-input > input[type="text"] {
   border-color: #c9302c;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-go-button > input[type="button"] {
+.paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type="button"] {
   background: #c9302c;
   border-color: #c9302c;
   color: #fff;
 }
-.paginationjs:not(.custom-paginationjs).paginationjs-theme-red .paginationjs-go-button > input[type="button"]:hover {
+.paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type="button"]:hover {
   background-color: #ce4541;
 }
+/* Hacks for IE 6~9 */
+.paginationjs .paginationjs-pages li.paginationjs-next {
+  *border-right: 1px solid #aaaaaa;
+  border-right: 1px solid #aaa\0;
+}
+.paginationjs .paginationjs-go-input {
+  *margin-left: 5px;
+  margin-left: 5px\0;
+}
+.paginationjs .paginationjs-go-input > input[type="text"] {
+  *line-height: 28px;
+  line-height: 28px\0;
+  *vertical-align: middle;
+  vertical-align: middle\0;
+}
+.paginationjs .paginationjs-go-button {
+  *margin-left: 5px;
+  margin-left: 5px\0;
+}
+.paginationjs .paginationjs-go-button > input[type="button"] {
+  *vertical-align: middle;
+  vertical-align: middle\0;
+}
+.paginationjs.paginationjs-big .paginationjs-pages li > a {
+  line-height: 36px\0;
+}
+.paginationjs.paginationjs-big .paginationjs-go-input > input[type="text"] {
+  *height: 35px;
+  height: 36px\0;
+  *line-height: 36px;
+  line-height: 36px\0;
+}

dist/pagination.js

 /*
- * pagination.js 2.0.3
+ * pagination.js 2.0.5
  * A jQuery plugin to provide simple yet fully customisable pagination.
  * https://github.com/superRaytin/paginationjs
  *
@@ -236,7 +236,7 @@
                         }
                         else{
                             if(attributes.showFirstOnEllipsisShow){
-                                html += '<li class="'+ classPrefix +'-page J-paginationjs-page" data-num="1"><a href="'+ pageLink +'">1<\/a><\/li>';
+                                html += '<li class="'+ classPrefix +'-page '+ classPrefix +'-first J-paginationjs-page" data-num="1"><a href="'+ pageLink +'">1<\/a><\/li>';
                             }
 
                             html += '<li class="'+ classPrefix +'-ellipsis '+ disableClassName +'"><a>'+ ellipsisText +'<\/a><\/li>';
@@ -261,7 +261,7 @@
                             html += '<li class="'+ classPrefix +'-ellipsis '+ disableClassName +'"><a>'+ ellipsisText +'<\/a><\/li>';
 
                             if(attributes.showLastOnEllipsisShow){
-                                html += '<li class="'+ classPrefix +'-page J-paginationjs-page" data-num="'+ totalPage +'"><a href="'+ pageLink +'">'+ totalPage +'<\/a><\/li>';
+                                html += '<li class="'+ classPrefix +'-page '+ classPrefix +'-last J-paginationjs-page" data-num="'+ totalPage +'"><a href="'+ pageLink +'">'+ totalPage +'<\/a><\/li>';
                             }
                         }
                     }
@@ -1070,9 +1070,13 @@
     }
 
     // Object type detection
+    function getObjectType(object) {
+        var tmp;
+        return ( (tmp = typeof(object)) == "object" ? object == null && "null" || Object.prototype.toString.call(object).slice(8, -1) : tmp ).toLowerCase();
+    }
     $.each(['Object', 'Array'], function(index, name){
         Helpers['is' + name] = function(object){
-            return toString.call(object) === '[object ' + name + ']';
+            return getObjectType(object) === name.toLowerCase();
         };
     });
 

examples/css/pagination.less → dist/pagination.less

@@ -71,9 +71,9 @@
 @B_navHeight: @B_activeHeight;
 
 
-.paginationjs:not(.custom-paginationjs){
+.paginationjs{
   line-height: 1.6;
-  font-family: "Marmelad", "Lucida Grande", 'Arial', "Hiragino Sans GB", Georgia, sans-serif;
+  font-family: "Marmelad", "Lucida Grande", "Arial", "Hiragino Sans GB", Georgia, sans-serif;
   font-size: @N_fontSize;
   box-sizing: initial;
   &:after{
@@ -192,17 +192,19 @@
 
   &.paginationjs-small{
     font-size: @S_fontSize;
-    li{
-      > a{
-        min-width: @S_minWidth;
-        height: @S_height;
-        line-height: @S_lineHeight;
-        font-size: @S_fontSize;
-      }
-      &.active{
+    .paginationjs-pages{
+      li{
         > a{
-          height: @S_activeHeight;
-          line-height: @S_activeHeight;
+          min-width: @S_minWidth;
+          height: @S_height;
+          line-height: @S_lineHeight;
+          font-size: @S_fontSize;
+        }
+        &.active{
+          > a{
+            height: @S_activeHeight;
+            line-height: @S_activeHeight;
+          }
         }
       }
     }
@@ -232,17 +234,19 @@
   }
   &.paginationjs-big{
     font-size: @B_fontSize;
-    li{
-      > a{
-        min-width: @B_minWidth;
-        height: @B_height;
-        line-height: @B_lineHeight;
-        font-size: @B_fontSize;
-      }
-      &.active{
+    .paginationjs-pages{
+      li{
         > a{
-          height: @B_activeHeight;
-          line-height: @B_activeHeight;
+          min-width: @B_minWidth;
+          height: @B_height;
+          line-height: @B_lineHeight;
+          font-size: @B_fontSize;
+        }
+        &.active{
+          > a{
+            height: @B_activeHeight;
+            line-height: @B_activeHeight;
+          }
         }
       }
     }
@@ -272,7 +276,7 @@
   }
 }
 
-.paginationjs:not(.custom-paginationjs){
+.paginationjs{
   &.paginationjs-theme-blue{
     .paginationjs-pages{
       li{
@@ -312,7 +316,7 @@
   }
 }
 
-.paginationjs:not(.custom-paginationjs){
+.paginationjs{
   &.paginationjs-theme-green{
     .paginationjs-pages{
       li{
@@ -352,7 +356,7 @@
   }
 }
 
-.paginationjs:not(.custom-paginationjs){
+.paginationjs{
   &.paginationjs-theme-yellow{
     .paginationjs-pages{
       li{
@@ -392,7 +396,7 @@
   }
 }
 
-.paginationjs:not(.custom-paginationjs){
+.paginationjs{
   &.paginationjs-theme-red{
     .paginationjs-pages{
       li{
@@ -431,3 +435,53 @@
     }
   }
 }
+
+/* Hacks for IE 6~9 */
+.paginationjs{
+  .paginationjs-pages{
+    li{
+      > a{
+
+      }
+      &.paginationjs-next{
+        *border-right: 1px solid @borderColor;
+        border-right: 1px solid #aaa\0;
+      }
+    }
+  }
+  .paginationjs-go-input{
+    *margin-left: 5px;
+    margin-left: 5px\0;
+    > input[type="text"]{
+      *line-height: @N_inputHeight;
+      line-height: 28px\0;
+      *vertical-align: middle;
+      vertical-align: middle\0;
+    }
+  }
+  .paginationjs-go-button{
+    *margin-left: 5px;
+    margin-left: 5px\0;
+    > input[type="button"]{
+      *vertical-align: middle;
+      vertical-align: middle\0;
+    }
+  }
+  &.paginationjs-big{
+    .paginationjs-pages{
+      li{
+        > a{
+          line-height: 36px\0;
+        }
+      }
+    }
+    .paginationjs-go-input{
+      > input[type="text"]{
+        *height: 35px;
+        height: 36px\0;
+        *line-height: 36px;
+        line-height: 36px\0;
+      }
+    }
+  }
+}

examples/pagination.html

@@ -4,7 +4,7 @@
     <title>Paginationjs example</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <!--
-    <link href="css/pagination.css" rel="stylesheet" type="text/css">
+    <link href="../dist/pagination.css" rel="stylesheet" type="text/css">
     -->
     <style type="text/css">
         ul, li{
@@ -38,8 +38,8 @@
     </section>
 </div>
 
-<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
-<script src="../dist/pagination.js"></script>
+<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
+<script src="../dist/pagination-with-styles.js"></script>
 <script>
     $(function(){
 
@@ -58,7 +58,7 @@
             var options = {
                 dataSource: sources,
                 callback: function(response, pagination){
-                    console.log(response, pagination);
+                    window.console && console.log(response, pagination);
 
                     var dataHtml = '<ul>';
 
@@ -75,12 +75,12 @@
             //$.pagination(container, options);
 
             container.addHook('beforeInit', function(){
-                console.log('beforeInit...');
+                window.console && console.log('beforeInit...');
             });
             container.pagination(options);
 
             container.addHook('beforePageOnClick', function(){
-                console.log('beforePageOnClick...');
+                window.console && console.log('beforePageOnClick...');
                 //return false
             });
 

package.json

 {
   "name": "paginationjs",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "A jQuery plugin to provide simple yet fully customisable pagination",
   "main": "pagination.js",
   "directories": {