update

TerryZ · Nov 20, 2017 · 2870565 · 2870565
1 parent a21a4bb
commit 2870565
Show file tree

Hide file tree

Showing 6 changed files with 419 additions and 303 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "selectpage",
- "version": "2.14.0",
+ "version": "2.15.0",
  "description": "A simple style and powerful selection jQuery plugin, including ajax remote data, autocomplete, pagination, tags, i18n, keyboard navigation functions",
  "main": "selectpage.js",
  "dependencies": {

diff --git a/selectpage.base.css b/selectpage.base.css
@@ -174,27 +174,34 @@ ul.sp_results > li.sp_selected {
 .sp_control_box{
  padding: 0px;
  height: 27px;
- background-color: white;
- border-bottom: 1px solid #e6e7e7;
+ background-color: #F6F6F6;
+}
+.sp_control_box p{
+ margin: 0;
+ line-height: 27px;
+ padding-left: 8px;
+ font-size: 14px;
+ font-weight: 600;
 }
 .sp_control_box button{
- height: 26px;
+ height: 27px;
  line-height: 20px;
- width: 33.3%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 13px !important;
- padding: 1px 10px;
- border: 0px;
- background-color: white;
+ padding: 0 12px;
+ border: 0;
+ background-color: #F6F6F6;
  color: #666666;
-}
-.sp_control_box button:last-child{
- width: 33.4%;
+ text-align: left;
+ -webkit-transition: all .5s cubic-bezier(.175,.885,.32,1);
+ transition: all .5s cubic-bezier(.175,.885,.32,1);
+ outline: none !important;
+ float: right;
 }
 .sp_control_box button:hover{
- background-color: #F0F0F0;
+ background-color: #E8E8E8;
  color: black;
 }
 /**
@@ -492,6 +499,8 @@ div.sp_result_area div.pagination>ul>li>a {
  font-size: 20px;
  height: 26px;
  line-height: 26px;
+ -webkit-transition: all .5s cubic-bezier(.175,.885,.32,1);
+ transition: all .5s cubic-bezier(.175,.885,.32,1);
 }
 
 div.sp_result_area div.pagination li.csFirstPage a,

diff --git a/selectpage.bootstrap3.css b/selectpage.bootstrap3.css
@@ -174,27 +174,34 @@ ul.sp_results > li.sp_selected {
 .sp_control_box{
  padding: 0px;
  height: 27px;
- background-color: white;
- border-bottom: 1px solid #e6e7e7;
+ background-color: #F6F6F6;
+}
+.sp_control_box p{
+ margin: 0;
+ line-height: 27px;
+ padding-left: 8px;
+ font-size: 14px;
+ font-weight: 600;
 }
 .sp_control_box button{
- height: 26px;
+ height: 27px;
  line-height: 20px;
- width: 33.3%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 13px !important;
- padding: 1px 10px;
- border: 0px;
- background-color: white;
+ padding: 0 12px;
+ border: 0;
+ background-color: #F6F6F6;
  color: #666666;
-}
-.sp_control_box button:last-child{
- width: 33.4%;
+ text-align: left;
+ -webkit-transition: all .5s cubic-bezier(.175,.885,.32,1);
+ transition: all .5s cubic-bezier(.175,.885,.32,1);
+ outline: none !important;
+ float: right;
 }
 .sp_control_box button:hover{
- background-color: #F0F0F0;
+ background-color: #E8E8E8;
  color: black;
 }
 /**
@@ -483,6 +490,8 @@ div.sp_result_area div.pagination>ul>li>a {
  font-size: 20px;
  height: 26px;
  line-height: 26px;
+ -webkit-transition: all .5s cubic-bezier(.175,.885,.32,1);
+ transition: all .5s cubic-bezier(.175,.885,.32,1);
 }
 
 div.sp_result_area div.pagination li.csFirstPage a,

diff --git a/selectpage.css b/selectpage.css
@@ -170,27 +170,34 @@ ul.sp_results > li.sp_selected {
 .sp_control_box{
  padding: 0px;
  height: 27px;
- background-color: white;
- border-bottom: 1px solid #e6e7e7;
+ background-color: #F6F6F6;
+}
+.sp_control_box p{
+ margin: 0;
+ line-height: 27px;
+ padding-left: 8px;
+ font-size: 14px;
+ font-weight: 600;
 }
 .sp_control_box button{
- height: 26px;
+ height: 27px;
  line-height: 20px;
- width: 33.3%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 13px !important;
- padding: 1px 10px;
- border: 0px;
- background-color: white;
+ padding: 0 12px;
+ border: 0;
+ background-color: #F6F6F6;
  color: #666666;
-}
-.sp_control_box button:last-child{
- width: 33.4%;
+ text-align: left;
+ -webkit-transition: all .5s cubic-bezier(.175,.885,.32,1);
+ transition: all .5s cubic-bezier(.175,.885,.32,1);
+ outline: none !important;
+ float: right;
 }
 .sp_control_box button:hover{
- background-color: #F0F0F0;
+ background-color: #E8E8E8;
  color: black;
 }
 
@@ -451,7 +458,6 @@ div.sp_result_area div.pagination>ul>li>a {
  margin: 0px;
  border-radius: 0px;
  padding: 0px;
- line-height: 24px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
@@ -463,6 +469,8 @@ div.sp_result_area div.pagination>ul>li>a {
  font-size: 20px;
  height: 26px;
  line-height: 26px;
+ -webkit-transition: all .5s cubic-bezier(.175,.885,.32,1);
+ transition: all .5s cubic-bezier(.175,.885,.32,1);
 }
 
 div.sp_result_area div.pagination li.csFirstPage a,