Merge pull request #1 from superRaytin/develop

Develop
superRaytin · Jan 18, 2015 · ee1d34a · ee1d34a
2 parents e5e669e + 753cc9b
commit ee1d34a
Show file tree

Hide file tree

Showing 11 changed files with 447 additions and 346 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
     "name": "paginationjs",
-    "version": "2.0.0",
+    "version": "2.0.5",
     "main": "./pagination.min.js",
     "ignore": [
         "**/.*",

diff --git a/component.json b/component.json
@@ -1,6 +1,6 @@
 {
     "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"
 }
diff --git a/dist/pagination-with-styles.js b/dist/pagination-with-styles.js
diff --git a/dist/pagination-with-styles.min.js b/dist/pagination-with-styles.min.js
diff --git a/dist/pagination.css b/dist/pagination.css
@@ -0,0 +1,329 @@
+.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 #aaaaaa;
+  border-right: none;
+  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: none;
+}
+.paginationjs .paginationjs-pages li.active > a {
+  height: 30px;
+  line-height: 30px;
+  background: #aaaaaa;
+  color: #fff;
+}
+.paginationjs .paginationjs-pages li.disabled > a {
+  opacity: .3;
+}
+.paginationjs .paginationjs-pages li.disabled > a:hover {
+  background: none;
+}
+.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 #aaaaaa;
+  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 #aaaaaa;
+  padding: 0;
+  font-size: 14px;
+  text-align: center;
+  vertical-align: baseline;
+  outline: none;
+  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 #aaaaaa;
+  text-align: center;
+  padding: 0 8px;
+  font-size: 14px;
+  vertical-align: baseline;
+  outline: none;
+  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: none;
+}
+.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: none;
+}
+.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: none;
+}
+.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: none;
+}
+.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;
+}
+/* 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;
+}