Css files moved to 'dist' directory.

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;
+}

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;
+      }
+    }
+  }
+}