less/roojs-bootstrap/alert.scss

[roojs1] / less / roojs-bootstrap / select2.less

diff --git a/less/roojs-bootstrap/select2.less b/less/roojs-bootstrap/select2.less
index c3a3005..d85414b 100644 (file)
--- a/less/roojs-bootstrap/select2.less
+++ b/less/roojs-bootstrap/select2.less
@@ -96,7 +96,7 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
     text-decoration: none;
 
     border: 0;
-    background: url('../images/select2/select2.png') right top no-repeat;
+    background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;
     cursor: pointer;
     outline: 0;
 }
@@ -200,7 +200,7 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
     display: block;
     width: 100%;
     height: 100%;
-    background: url('../images/select2/select2.png') no-repeat 0 1px;
+    background: url('@{bootstrap-image-path}/select2/select2.png') no-repeat 0 1px;
 }
 
 .roo-select2-search {
@@ -234,11 +234,11 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
     -webkit-box-shadow: none;
             box-shadow: none;
 
-    background: @body-bg url('../images/select2/select2.png') no-repeat 100% -22px;
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, @body-bg), color-stop(0.99, @gray-lighter));
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, @body-bg 85%, @gray-lighter 99%) 0 0;
+    background: @body-bg url('@{bootstrap-image-path}/select2/select2.png') no-repeat 100% -22px;
+    background: url('@{bootstrap-image-path}/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, @body-bg), color-stop(0.99, @gray-lighter));
+    background: url('@{bootstrap-image-path}/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
+    background: url('@{bootstrap-image-path}/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
+    background: url('@{bootstrap-image-path}/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, @body-bg 85%, @gray-lighter 99%) 0 0;
 }
 
 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
@@ -246,11 +246,11 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
 }
 
 .roo-select2-search input.roo-select2-active {
-    background: @body-bg url('../images/select2/select2-spinner.gif') no-repeat 100%;
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, @body-bg), color-stop(0.99, @gray-lighter));
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, @body-bg 85%, @gray-lighter 99%) 0 0;
+    background: @body-bg url('@{bootstrap-image-path}/select2/select2-spinner.gif') no-repeat 100%;
+    background: url('@{bootstrap-image-path}/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, @body-bg), color-stop(0.99, @gray-lighter));
+    background: url('@{bootstrap-image-path}/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
+    background: url('@{bootstrap-image-path}/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
+    background: url('@{bootstrap-image-path}/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, @body-bg 85%, @gray-lighter 99%) 0 0;
 }
 
 .roo-select2-container-active .roo-select2-choice,
@@ -406,7 +406,7 @@ disabled look for disabled choices in the results dropdown
 }
 
 .roo-select2-more-results.roo-select2-active {
-    background: @gray-light url('../images/select2/select2-spinner.gif') no-repeat 100%;
+    background: @gray-light url('@{bootstrap-image-path}/select2/select2-spinner.gif') no-repeat 100%;
 }
 
 .roo-select2-more-results {
@@ -496,7 +496,7 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li
 }
 
 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
-    background: @body-bg url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
+    background: @body-bg url('@{bootstrap-image-path}/select2/select2-spinner.gif') no-repeat 100% !important;
 }
 
 .roo-select2-default {
@@ -542,11 +542,16 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-s
     position: absolute;
     right: 3px;
     top: 4px;
-
-    font-size: 1px;
+    font-size: 12px;
     outline: none;
-    background: url('../images/select2/select2.png') right top no-repeat;
+    color: @gray-light;
+    /*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
 }
+
+.roo-select2-search-choice-close:hover {
+    color: @gray-dark;
+}
+
 html[dir="rtl"] .roo-select2-search-choice-close {
     right: auto;
     left: 3px;
@@ -623,7 +628,7 @@ html[dir="rtl"] .roo-select2-search-choice-close {
     .roo-select2-search-choice-close,
     .roo-select2-container .roo-select2-choice abbr,
     .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
-        background-image: url('../images/select2/select2x2.png') !important;
+        background-image: url('@{bootstrap-image-path}/select2/select2x2.png') !important;
         background-repeat: no-repeat !important;
         background-size: 60px 40px !important;
     }