From faa9689bb1c2f2250428c2216d13c1164da9aaaf Mon Sep 17 00:00:00 2001
From: Matt Hisamoto <mwhisamoto@gmail.com>
Date: Fri, 17 Oct 2014 09:41:11 -0400
Subject: [PATCH 1/3] updated some vars
---
jquery.fs.selecter.css | 4 +++-
jquery.fs.selecter.js | 2 +-
jquery.fs.selecter.min.css | 4 ++--
jquery.fs.selecter.min.js | 2 +-
src/jquery.fs.selecter-config.less | 10 +++++-----
src/jquery.fs.selecter.less | 2 ++
6 files changed, 14 insertions(+), 10 deletions(-)
diff --git a/jquery.fs.selecter.css b/jquery.fs.selecter.css
index 602a6f1..3dab726 100644
--- a/jquery.fs.selecter.css
+++ b/jquery.fs.selecter.css
@@ -1,5 +1,5 @@
/*
- * Selecter v3.1.10 - 2014-10-16
+ * Selecter v3.1.10 - 2014-10-17
* A jQuery plugin for replacing default select elements. Part of the Formstone Library.
* http://formstone.it/selecter/
*
@@ -103,6 +103,7 @@
@media screen and (min-width: 980px) {
.selecter .selecter-item:hover,
.selecter .selecter-item.selected:hover {
+ color: #333333;
background-color: #ffffff;
}
.selecter .selecter-item.disabled:hover {
@@ -194,6 +195,7 @@
@media screen and (min-width: 980px) {
.selecter:hover .selecter-selected,
.selecter.disabled .selecter-item:hover {
+ color: #333333;
background-color: #ffffff;
}
}
diff --git a/jquery.fs.selecter.js b/jquery.fs.selecter.js
index b219af8..80a19da 100644
--- a/jquery.fs.selecter.js
+++ b/jquery.fs.selecter.js
@@ -1,5 +1,5 @@
/*
- * Selecter v3.1.10 - 2014-10-16
+ * Selecter v3.1.10 - 2014-10-17
* A jQuery plugin for replacing default select elements. Part of the Formstone Library.
* http://formstone.it/selecter/
*
diff --git a/jquery.fs.selecter.min.css b/jquery.fs.selecter.min.css
index 56b834c..e995639 100644
--- a/jquery.fs.selecter.min.css
+++ b/jquery.fs.selecter.min.css
@@ -1,9 +1,9 @@
/*
- * Selecter v3.1.10 - 2014-10-16
+ * Selecter v3.1.10 - 2014-10-17
* A jQuery plugin for replacing default select elements. Part of the Formstone Library.
* http://formstone.it/selecter/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/
-.selecter{position:relative;display:block;margin:10px 0;z-index:1;max-width:30%}.selecter .selecter-element{width:100%;height:100%;position:absolute;;left:0;opacity:0;z-index:-1}.selecter .selecter-element,.selecter .selecter-element:focus{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.selecter .selecter-selected{position:relative;background:#f9f9f9 url(jquery.fs.selecter-arrow.png) no-repeat right center;border:1px solid #ccc;color:#333;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:8px 10px;text-overflow:clip;z-index:2;border-radius:3px}.selecter .selecter-options{width:100%;;max-height:260px;position:absolute;top:100%;left:0;border:1px solid #ccc;border-width:0 1px 1px;background-color:#fefefe;display:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;z-index:50;border-radius:0 0 3px 3px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.selecter .selecter-group{border-bottom:1px solid #e3e3e3;color:#999;display:block;font-size:11px;padding:5px 10px 4px;text-transform:uppercase}.selecter .selecter-item{width:100%;background:#fff;border-bottom:1px solid #e3e3e3;color:#333;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:8px 10px;text-overflow:ellipsis}.selecter .selecter-item.placeholder{display:none}.selecter .selecter-item.selected{background:#f9f9f9}.selecter .selecter-item.disabled{color:#999;cursor:default}.selecter .selecter-item:first-child{border-radius:0}.selecter .selecter-item:last-child{border-bottom:0;border-radius:0 0 2px 2px}@media screen and (min-width:980px){.selecter .selecter-item:hover,.selecter .selecter-item.selected:hover{background-color:#fff}.selecter .selecter-item.disabled:hover{background-color:#fff}}.selecter.open{z-index:3}.selecter.open .selecter-selected{z-index:51;border-radius:3px 3px 0 0}.selecter.open .selecter-selected,.selecter.focus .selecter-selected{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.selecter.cover .selecter-options{border-width:1px;top:0;border-radius:3px}.selecter.cover .selecter-options .selecter-item.first{border-radius:3px 3px 0 0}.selecter.cover.open .selecter-selected{z-index:49;border-radius:3px 3px 0 0}.selecter.bottom .selecter-options{top:auto;bottom:100%;border-width:1px 1px 0}.selecter.bottom .selecter-item:last-child{border:none}.selecter.bottom.open .selecter-selected{border-radius:0 0 3px 3px}.selecter.bottom.open .selecter-options{border-radius:3px 3px 0 0}.selecter.bottom .cover .selecter-options{top:auto;bottom:0}.selecter.bottom .cover.open .selecter-selected{border-radius:3px}.selecter.bottom .cover.open .selecter-options{border-radius:3px}.selecter.multiple .selecter-options{width:100%;position:static;border-width:1px;display:block;border-radius:3px;box-shadow:none}.selecter.disabled .selecter-selected{background:#fff;border-color:#eee;color:#ccc;cursor:default}.selecter.disabled .selecter-options{background:#fff;border-color:#eee}.selecter.disabled .selecter-group,.selecter.disabled .selecter-item{border-color:#eee;color:#ccc;cursor:default}.selecter.disabled .selecter-item.selected{background:#fafafa}.selecter .selecter-options.scroller{overflow:hidden}.selecter .selecter-options.scroller .scroller-content{max-height:260px;padding:0}@media screen and (min-width:980px){.selecter:hover .selecter-selected,.selecter.disabled .selecter-item:hover{background-color:#fff}}@media screen and (max-width:740px){.selecter{max-width:40%}}@media screen and (max-width:500px){.selecter{max-width:100%}}
\ No newline at end of file
+.selecter{position:relative;display:block;margin:10px 0;z-index:1;max-width:30%}.selecter .selecter-element{width:100%;height:100%;position:absolute;;left:0;opacity:0;z-index:-1}.selecter .selecter-element,.selecter .selecter-element:focus{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.selecter .selecter-selected{position:relative;background:#f9f9f9 url(jquery.fs.selecter-arrow.png) no-repeat right center;border:1px solid #ccc;color:#333;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:8px 10px;text-overflow:clip;z-index:2;border-radius:3px}.selecter .selecter-options{width:100%;;max-height:260px;position:absolute;top:100%;left:0;border:1px solid #ccc;border-width:0 1px 1px;background-color:#fefefe;display:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;z-index:50;border-radius:0 0 3px 3px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.selecter .selecter-group{border-bottom:1px solid #e3e3e3;color:#999;display:block;font-size:11px;padding:5px 10px 4px;text-transform:uppercase}.selecter .selecter-item{width:100%;background:#fff;border-bottom:1px solid #e3e3e3;color:#333;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:8px 10px;text-overflow:ellipsis}.selecter .selecter-item.placeholder{display:none}.selecter .selecter-item.selected{background:#f9f9f9}.selecter .selecter-item.disabled{color:#999;cursor:default}.selecter .selecter-item:first-child{border-radius:0}.selecter .selecter-item:last-child{border-bottom:0;border-radius:0 0 2px 2px}@media screen and (min-width:980px){.selecter .selecter-item:hover,.selecter .selecter-item.selected:hover{color:#333;background-color:#fff}.selecter .selecter-item.disabled:hover{background-color:#fff}}.selecter.open{z-index:3}.selecter.open .selecter-selected{z-index:51;border-radius:3px 3px 0 0}.selecter.open .selecter-selected,.selecter.focus .selecter-selected{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.selecter.cover .selecter-options{border-width:1px;top:0;border-radius:3px}.selecter.cover .selecter-options .selecter-item.first{border-radius:3px 3px 0 0}.selecter.cover.open .selecter-selected{z-index:49;border-radius:3px 3px 0 0}.selecter.bottom .selecter-options{top:auto;bottom:100%;border-width:1px 1px 0}.selecter.bottom .selecter-item:last-child{border:none}.selecter.bottom.open .selecter-selected{border-radius:0 0 3px 3px}.selecter.bottom.open .selecter-options{border-radius:3px 3px 0 0}.selecter.bottom .cover .selecter-options{top:auto;bottom:0}.selecter.bottom .cover.open .selecter-selected{border-radius:3px}.selecter.bottom .cover.open .selecter-options{border-radius:3px}.selecter.multiple .selecter-options{width:100%;position:static;border-width:1px;display:block;border-radius:3px;box-shadow:none}.selecter.disabled .selecter-selected{background:#fff;border-color:#eee;color:#ccc;cursor:default}.selecter.disabled .selecter-options{background:#fff;border-color:#eee}.selecter.disabled .selecter-group,.selecter.disabled .selecter-item{border-color:#eee;color:#ccc;cursor:default}.selecter.disabled .selecter-item.selected{background:#fafafa}.selecter .selecter-options.scroller{overflow:hidden}.selecter .selecter-options.scroller .scroller-content{max-height:260px;padding:0}@media screen and (min-width:980px){.selecter:hover .selecter-selected,.selecter.disabled .selecter-item:hover{color:#333;background-color:#fff}}@media screen and (max-width:740px){.selecter{max-width:40%}}@media screen and (max-width:500px){.selecter{max-width:100%}}
\ No newline at end of file
diff --git a/jquery.fs.selecter.min.js b/jquery.fs.selecter.min.js
index 2ba21b2..96613d6 100644
--- a/jquery.fs.selecter.min.js
+++ b/jquery.fs.selecter.min.js
@@ -1,5 +1,5 @@
/*
- * Selecter v3.1.10 - 2014-10-16
+ * Selecter v3.1.10 - 2014-10-17
* A jQuery plugin for replacing default select elements. Part of the Formstone Library.
* http://formstone.it/selecter/
*
diff --git a/src/jquery.fs.selecter-config.less b/src/jquery.fs.selecter-config.less
index 9f5ffae..8e8b64f 100644
--- a/src/jquery.fs.selecter-config.less
+++ b/src/jquery.fs.selecter-config.less
@@ -4,14 +4,17 @@
@max-height: 260px; // 260px, "none" to disable
@max-width: true; // true, "false" to disable
- @text-color: #333; // #333
@font-size: 13px; // 13px
+ @text-color: #333; // #333
+ @hover-text-color: #333; // #333
@padding: 8px 10px; // 8px 10px
@background-color: #f9f9f9; // #f9f9f9
@options-background-color: #fefefe; // #fefefe
- @hover-background-color: #f3f3f3; // #f3f3f3
+
+ @open-background-color: #fff; // #fff
+ @hover-background-color: #fff; // #fff
@selected-background-color: #f3f3f3; // #f3f3f3
@border-width: 1px; // 1px
@@ -19,9 +22,6 @@
@border-radius-outside: 3px; // 3px
@border-radius-inside: 2px; // 2px
- @open-background-color: #fff; // #fff
- @hover-background-color: #fff; // #fff
-
// Item
@item-text-color: #333; // #333
diff --git a/src/jquery.fs.selecter.less b/src/jquery.fs.selecter.less
index 29396eb..54243e2 100644
--- a/src/jquery.fs.selecter.less
+++ b/src/jquery.fs.selecter.less
@@ -148,6 +148,7 @@
&:hover,
&.selected:hover {
+ color: @hover-text-color;
background-color: @hover-background-color;
}
@@ -337,6 +338,7 @@
&:hover &-selected,
&.disabled &-item:hover {
+ color: @hover-text-color;
background-color: @hover-background-color;
}
}
From e59f0adb617a047b6edb0f358d192fa79cd02d93 Mon Sep 17 00:00:00 2001
From: Matt Hisamoto <matt@fastspot.com>
Date: Fri, 17 Oct 2014 14:31:42 -0400
Subject: [PATCH 2/3] added hover states for selecter-selected and the caret
---
jquery.fs.selecter.css | 3 +++
jquery.fs.selecter.min.css | 2 +-
src/jquery.fs.selecter-config.less | 1 +
src/jquery.fs.selecter.less | 5 +++++
4 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/jquery.fs.selecter.css b/jquery.fs.selecter.css
index 79e25dd..cc1423c 100644
--- a/jquery.fs.selecter.css
+++ b/jquery.fs.selecter.css
@@ -70,6 +70,9 @@
.no-touch .selecter .selecter-selected:hover {
color: #333333;
}
+.no-touch .selecter .selecter-selected:hover:after {
+ border-top-color: #cccccc;
+}
.no-touch .selecter.disabled .selecter-selected:hover {
color: #cccccc;
}
diff --git a/jquery.fs.selecter.min.css b/jquery.fs.selecter.min.css
index d690024..dfc9182 100644
--- a/jquery.fs.selecter.min.css
+++ b/jquery.fs.selecter.min.css
@@ -6,4 +6,4 @@
* Copyright 2014 Ben Plum; MIT Licensed
*/
-.selecter{position:relative;display:block;margin:10px 0;z-index:1;max-width:30%}.selecter,.selecter *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.selecter .selecter-element{width:100%;height:100%;position:absolute;left:0;opacity:0;z-index:-1}.selecter .selecter-element,.selecter .selecter-element:focus{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.no-opacity .selecter .selecter-element{left:-999999px}.selecter .selecter-selected{position:relative;background:#fff;border:1px solid #ccc;color:#222;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:10px 15px;text-overflow:clip;z-index:2;border-radius:3px}.selecter .selecter-selected:after{height:0;width:0;position:absolute;top:0;right:15px;bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ccc;content:'';display:block;margin:auto 0}.no-touch .selecter .selecter-selected:hover{color:#333}.no-touch .selecter.disabled .selecter-selected:hover{color:#ccc}.selecter .selecter-options{width:100%;max-height:260px;position:absolute;top:100%;left:0;border:1px solid #ccc;border-width:0 1px 1px;background-color:#fff;display:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;z-index:50;border-radius:0 0 3px 3px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.no-opacity .selecter .selecter-options{width:auto}.selecter .selecter-group{border-bottom:1px solid #ccc;color:#999;display:block;font-size:11px;padding:10px 15px;text-transform:uppercase}.selecter .selecter-item{width:100%;background:#fff;border-bottom:1px solid #ccc;color:#222;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:10px 15px;text-overflow:ellipsis}.selecter .selecter-item.placeholder{display:none}.selecter .selecter-item.selected{background:#eee}.selecter .selecter-item.disabled{color:#999;cursor:default}.selecter .selecter-item:first-child{border-radius:0}.selecter .selecter-item:last-child{border-bottom:0;border-radius:0 0 2px 2px}.no-touch .selecter .selecter-item:hover,.no-touch .selecter .selecter-item.selected:hover{color:#333;background-color:#ccc}.selecter .selecter-item.disabled,.no-touch .selecter .selecter-item.disabled:hover{color:#ccc;background-color:#fff}.selecter.open{z-index:3}.selecter.open .selecter-selected{z-index:51;border-radius:3px 3px 0 0}.selecter.open .selecter-selected,.selecter.focus .selecter-selected{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.selecter.cover .selecter-options{border-width:1px;top:0;border-radius:3px}.selecter.cover .selecter-options .selecter-item.first{border-radius:3px 3px 0 0}.selecter.cover.open .selecter-selected{z-index:49;border-radius:3px 3px 0 0}.selecter.bottom .selecter-options{top:auto;bottom:100%;border-width:1px 1px 0}.selecter.bottom .selecter-item:last-child{border:none}.selecter.bottom.open .selecter-selected{border-radius:0 0 3px 3px}.selecter.bottom.open .selecter-options{border-radius:3px 3px 0 0}.selecter.bottom .cover .selecter-options{top:auto;bottom:0}.selecter.bottom .cover.open .selecter-selected{border-radius:3px}.selecter.bottom .cover.open .selecter-options{border-radius:3px}.selecter.multiple .selecter-options{width:100%;position:static;border-width:1px;display:block;border-radius:3px;box-shadow:none}.selecter.disabled .selecter-selected{background:#fff;border-color:#ccc;color:#ccc;cursor:default}.selecter.disabled .selecter-options{background:#fff;border-color:#ccc}.selecter.disabled .selecter-group,.selecter.disabled .selecter-item{border-color:#ccc;color:#ccc;cursor:default}.selecter.disabled .selecter-item.selected,.no-touch .selecter.disabled .selecter-item.selected:hover{background:#fafafa}.selecter.disabled .selecter-item,.no-touch .selecter.disabled .selecter-item:hover{color:#ccc;background-color:#fff}.selecter .selecter-options.scroller{overflow:hidden}.selecter .selecter-options.scroller .scroller-content{max-height:260px;padding:0}@media screen and (max-width:740px){.selecter{max-width:40%}}@media screen and (max-width:500px){.selecter{max-width:100%}}
\ No newline at end of file
+.selecter{position:relative;display:block;margin:10px 0;z-index:1;max-width:30%}.selecter,.selecter *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.selecter .selecter-element{width:100%;height:100%;position:absolute;left:0;opacity:0;z-index:-1}.selecter .selecter-element,.selecter .selecter-element:focus{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.no-opacity .selecter .selecter-element{left:-999999px}.selecter .selecter-selected{position:relative;background:#fff;border:1px solid #ccc;color:#222;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:10px 15px;text-overflow:clip;z-index:2;border-radius:3px}.selecter .selecter-selected:after{height:0;width:0;position:absolute;top:0;right:15px;bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ccc;content:'';display:block;margin:auto 0}.no-touch .selecter .selecter-selected:hover{color:#333}.no-touch .selecter .selecter-selected:hover:after{border-top-color:#ccc}.no-touch .selecter.disabled .selecter-selected:hover{color:#ccc}.selecter .selecter-options{width:100%;max-height:260px;position:absolute;top:100%;left:0;border:1px solid #ccc;border-width:0 1px 1px;background-color:#fff;display:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;z-index:50;border-radius:0 0 3px 3px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.no-opacity .selecter .selecter-options{width:auto}.selecter .selecter-group{border-bottom:1px solid #ccc;color:#999;display:block;font-size:11px;padding:10px 15px;text-transform:uppercase}.selecter .selecter-item{width:100%;background:#fff;border-bottom:1px solid #ccc;color:#222;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:10px 15px;text-overflow:ellipsis}.selecter .selecter-item.placeholder{display:none}.selecter .selecter-item.selected{background:#eee}.selecter .selecter-item.disabled{color:#999;cursor:default}.selecter .selecter-item:first-child{border-radius:0}.selecter .selecter-item:last-child{border-bottom:0;border-radius:0 0 2px 2px}.no-touch .selecter .selecter-item:hover,.no-touch .selecter .selecter-item.selected:hover{color:#333;background-color:#ccc}.selecter .selecter-item.disabled,.no-touch .selecter .selecter-item.disabled:hover{color:#ccc;background-color:#fff}.selecter.open{z-index:3}.selecter.open .selecter-selected{z-index:51;border-radius:3px 3px 0 0}.selecter.open .selecter-selected,.selecter.focus .selecter-selected{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.selecter.cover .selecter-options{border-width:1px;top:0;border-radius:3px}.selecter.cover .selecter-options .selecter-item.first{border-radius:3px 3px 0 0}.selecter.cover.open .selecter-selected{z-index:49;border-radius:3px 3px 0 0}.selecter.bottom .selecter-options{top:auto;bottom:100%;border-width:1px 1px 0}.selecter.bottom .selecter-item:last-child{border:none}.selecter.bottom.open .selecter-selected{border-radius:0 0 3px 3px}.selecter.bottom.open .selecter-options{border-radius:3px 3px 0 0}.selecter.bottom .cover .selecter-options{top:auto;bottom:0}.selecter.bottom .cover.open .selecter-selected{border-radius:3px}.selecter.bottom .cover.open .selecter-options{border-radius:3px}.selecter.multiple .selecter-options{width:100%;position:static;border-width:1px;display:block;border-radius:3px;box-shadow:none}.selecter.disabled .selecter-selected{background:#fff;border-color:#ccc;color:#ccc;cursor:default}.selecter.disabled .selecter-options{background:#fff;border-color:#ccc}.selecter.disabled .selecter-group,.selecter.disabled .selecter-item{border-color:#ccc;color:#ccc;cursor:default}.selecter.disabled .selecter-item.selected,.no-touch .selecter.disabled .selecter-item.selected:hover{background:#fafafa}.selecter.disabled .selecter-item,.no-touch .selecter.disabled .selecter-item:hover{color:#ccc;background-color:#fff}.selecter .selecter-options.scroller{overflow:hidden}.selecter .selecter-options.scroller .scroller-content{max-height:260px;padding:0}@media screen and (max-width:740px){.selecter{max-width:40%}}@media screen and (max-width:500px){.selecter{max-width:100%}}
\ No newline at end of file
diff --git a/src/jquery.fs.selecter-config.less b/src/jquery.fs.selecter-config.less
index 43f924f..1264388 100644
--- a/src/jquery.fs.selecter-config.less
+++ b/src/jquery.fs.selecter-config.less
@@ -18,6 +18,7 @@
// Caret
@selecter-caret-color: #ccc; // #ccc
@selecter-caret-size: 5px; // 5px
+ @selecter-caret-hover-color: #ccc; // #ccc
// Hover
diff --git a/src/jquery.fs.selecter.less b/src/jquery.fs.selecter.less
index 360c381..043e845 100644
--- a/src/jquery.fs.selecter.less
+++ b/src/jquery.fs.selecter.less
@@ -84,7 +84,12 @@
}
.no-touch & &-selected:hover {
+ background-color: @selecter-hover-background-color;
color: @selecter-hover-text-color;
+
+ &:after {
+ border-top-color: @selecter-caret-hover-color;
+ }
}
.no-touch &.disabled &-selected:hover {
From 2839a569e793e8bbdad0a90acc7e515b78b2fc55 Mon Sep 17 00:00:00 2001
From: Matt Hisamoto <matt@fastspot.com>
Date: Fri, 17 Oct 2014 14:32:29 -0400
Subject: [PATCH 3/3] grunted
---
jquery.fs.selecter.css | 1 +
jquery.fs.selecter.min.css | 2 +-
2 files changed, 2 insertions(+), 1 deletion(-)
diff --git a/jquery.fs.selecter.css b/jquery.fs.selecter.css
index cc1423c..4750a11 100644
--- a/jquery.fs.selecter.css
+++ b/jquery.fs.selecter.css
@@ -68,6 +68,7 @@
margin: auto 0;
}
.no-touch .selecter .selecter-selected:hover {
+ background-color: #cccccc;
color: #333333;
}
.no-touch .selecter .selecter-selected:hover:after {
diff --git a/jquery.fs.selecter.min.css b/jquery.fs.selecter.min.css
index dfc9182..a8764d3 100644
--- a/jquery.fs.selecter.min.css
+++ b/jquery.fs.selecter.min.css
@@ -6,4 +6,4 @@
* Copyright 2014 Ben Plum; MIT Licensed
*/
-.selecter{position:relative;display:block;margin:10px 0;z-index:1;max-width:30%}.selecter,.selecter *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.selecter .selecter-element{width:100%;height:100%;position:absolute;left:0;opacity:0;z-index:-1}.selecter .selecter-element,.selecter .selecter-element:focus{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.no-opacity .selecter .selecter-element{left:-999999px}.selecter .selecter-selected{position:relative;background:#fff;border:1px solid #ccc;color:#222;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:10px 15px;text-overflow:clip;z-index:2;border-radius:3px}.selecter .selecter-selected:after{height:0;width:0;position:absolute;top:0;right:15px;bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ccc;content:'';display:block;margin:auto 0}.no-touch .selecter .selecter-selected:hover{color:#333}.no-touch .selecter .selecter-selected:hover:after{border-top-color:#ccc}.no-touch .selecter.disabled .selecter-selected:hover{color:#ccc}.selecter .selecter-options{width:100%;max-height:260px;position:absolute;top:100%;left:0;border:1px solid #ccc;border-width:0 1px 1px;background-color:#fff;display:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;z-index:50;border-radius:0 0 3px 3px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.no-opacity .selecter .selecter-options{width:auto}.selecter .selecter-group{border-bottom:1px solid #ccc;color:#999;display:block;font-size:11px;padding:10px 15px;text-transform:uppercase}.selecter .selecter-item{width:100%;background:#fff;border-bottom:1px solid #ccc;color:#222;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:10px 15px;text-overflow:ellipsis}.selecter .selecter-item.placeholder{display:none}.selecter .selecter-item.selected{background:#eee}.selecter .selecter-item.disabled{color:#999;cursor:default}.selecter .selecter-item:first-child{border-radius:0}.selecter .selecter-item:last-child{border-bottom:0;border-radius:0 0 2px 2px}.no-touch .selecter .selecter-item:hover,.no-touch .selecter .selecter-item.selected:hover{color:#333;background-color:#ccc}.selecter .selecter-item.disabled,.no-touch .selecter .selecter-item.disabled:hover{color:#ccc;background-color:#fff}.selecter.open{z-index:3}.selecter.open .selecter-selected{z-index:51;border-radius:3px 3px 0 0}.selecter.open .selecter-selected,.selecter.focus .selecter-selected{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.selecter.cover .selecter-options{border-width:1px;top:0;border-radius:3px}.selecter.cover .selecter-options .selecter-item.first{border-radius:3px 3px 0 0}.selecter.cover.open .selecter-selected{z-index:49;border-radius:3px 3px 0 0}.selecter.bottom .selecter-options{top:auto;bottom:100%;border-width:1px 1px 0}.selecter.bottom .selecter-item:last-child{border:none}.selecter.bottom.open .selecter-selected{border-radius:0 0 3px 3px}.selecter.bottom.open .selecter-options{border-radius:3px 3px 0 0}.selecter.bottom .cover .selecter-options{top:auto;bottom:0}.selecter.bottom .cover.open .selecter-selected{border-radius:3px}.selecter.bottom .cover.open .selecter-options{border-radius:3px}.selecter.multiple .selecter-options{width:100%;position:static;border-width:1px;display:block;border-radius:3px;box-shadow:none}.selecter.disabled .selecter-selected{background:#fff;border-color:#ccc;color:#ccc;cursor:default}.selecter.disabled .selecter-options{background:#fff;border-color:#ccc}.selecter.disabled .selecter-group,.selecter.disabled .selecter-item{border-color:#ccc;color:#ccc;cursor:default}.selecter.disabled .selecter-item.selected,.no-touch .selecter.disabled .selecter-item.selected:hover{background:#fafafa}.selecter.disabled .selecter-item,.no-touch .selecter.disabled .selecter-item:hover{color:#ccc;background-color:#fff}.selecter .selecter-options.scroller{overflow:hidden}.selecter .selecter-options.scroller .scroller-content{max-height:260px;padding:0}@media screen and (max-width:740px){.selecter{max-width:40%}}@media screen and (max-width:500px){.selecter{max-width:100%}}
\ No newline at end of file
+.selecter{position:relative;display:block;margin:10px 0;z-index:1;max-width:30%}.selecter,.selecter *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.selecter .selecter-element{width:100%;height:100%;position:absolute;left:0;opacity:0;z-index:-1}.selecter .selecter-element,.selecter .selecter-element:focus{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.no-opacity .selecter .selecter-element{left:-999999px}.selecter .selecter-selected{position:relative;background:#fff;border:1px solid #ccc;color:#222;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:10px 15px;text-overflow:clip;z-index:2;border-radius:3px}.selecter .selecter-selected:after{height:0;width:0;position:absolute;top:0;right:15px;bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ccc;content:'';display:block;margin:auto 0}.no-touch .selecter .selecter-selected:hover{background-color:#ccc;color:#333}.no-touch .selecter .selecter-selected:hover:after{border-top-color:#ccc}.no-touch .selecter.disabled .selecter-selected:hover{color:#ccc}.selecter .selecter-options{width:100%;max-height:260px;position:absolute;top:100%;left:0;border:1px solid #ccc;border-width:0 1px 1px;background-color:#fff;display:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;z-index:50;border-radius:0 0 3px 3px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.no-opacity .selecter .selecter-options{width:auto}.selecter .selecter-group{border-bottom:1px solid #ccc;color:#999;display:block;font-size:11px;padding:10px 15px;text-transform:uppercase}.selecter .selecter-item{width:100%;background:#fff;border-bottom:1px solid #ccc;color:#222;cursor:pointer;display:block;font-size:13px;margin:0;overflow:hidden;padding:10px 15px;text-overflow:ellipsis}.selecter .selecter-item.placeholder{display:none}.selecter .selecter-item.selected{background:#eee}.selecter .selecter-item.disabled{color:#999;cursor:default}.selecter .selecter-item:first-child{border-radius:0}.selecter .selecter-item:last-child{border-bottom:0;border-radius:0 0 2px 2px}.no-touch .selecter .selecter-item:hover,.no-touch .selecter .selecter-item.selected:hover{color:#333;background-color:#ccc}.selecter .selecter-item.disabled,.no-touch .selecter .selecter-item.disabled:hover{color:#ccc;background-color:#fff}.selecter.open{z-index:3}.selecter.open .selecter-selected{z-index:51;border-radius:3px 3px 0 0}.selecter.open .selecter-selected,.selecter.focus .selecter-selected{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.selecter.cover .selecter-options{border-width:1px;top:0;border-radius:3px}.selecter.cover .selecter-options .selecter-item.first{border-radius:3px 3px 0 0}.selecter.cover.open .selecter-selected{z-index:49;border-radius:3px 3px 0 0}.selecter.bottom .selecter-options{top:auto;bottom:100%;border-width:1px 1px 0}.selecter.bottom .selecter-item:last-child{border:none}.selecter.bottom.open .selecter-selected{border-radius:0 0 3px 3px}.selecter.bottom.open .selecter-options{border-radius:3px 3px 0 0}.selecter.bottom .cover .selecter-options{top:auto;bottom:0}.selecter.bottom .cover.open .selecter-selected{border-radius:3px}.selecter.bottom .cover.open .selecter-options{border-radius:3px}.selecter.multiple .selecter-options{width:100%;position:static;border-width:1px;display:block;border-radius:3px;box-shadow:none}.selecter.disabled .selecter-selected{background:#fff;border-color:#ccc;color:#ccc;cursor:default}.selecter.disabled .selecter-options{background:#fff;border-color:#ccc}.selecter.disabled .selecter-group,.selecter.disabled .selecter-item{border-color:#ccc;color:#ccc;cursor:default}.selecter.disabled .selecter-item.selected,.no-touch .selecter.disabled .selecter-item.selected:hover{background:#fafafa}.selecter.disabled .selecter-item,.no-touch .selecter.disabled .selecter-item:hover{color:#ccc;background-color:#fff}.selecter .selecter-options.scroller{overflow:hidden}.selecter .selecter-options.scroller .scroller-content{max-height:260px;padding:0}@media screen and (max-width:740px){.selecter{max-width:40%}}@media screen and (max-width:500px){.selecter{max-width:100%}}
\ No newline at end of file