overflow: hidden;
position: relative;
- border: 1px solid @gray-lighter-75; //#aaa;
+ border: 1px solid @gray-light; //#aaa;
white-space: nowrap;
line-height: 26px;
color: @gray-dark; //#444;
}
.roo-select2-container.roo-select2-drop-above .roo-select2-choice {
- border-bottom-color: @gray-lighter-75; //#aaa;
+ border-bottom-color: @gray-light; //#aaa;
border-radius: 0 0 4px 4px;
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;
}
background: @body-bg;
color: @gray-base;
- border: 1px solid @gray-lighter-75;
+ border: 1px solid @gray-light;
border-top: 0;
border-radius: 0 0 4px 4px;
.roo-select2-drop.roo-select2-drop-above {
margin-top: 1px;
- border-top: 1px solid @gray-lighter-75; //#aaa;
+ border-top: 1px solid @gray-light; //#aaa;
border-bottom: 0;
border-radius: 4px 4px 0 0;
}
.roo-select2-drop-auto-width {
- border-top: 1px solid @gray-lighter-75; //#aaa;
+ border-top: 1px solid @gray-light; //#aaa;
width: auto;
}
right: 0;
top: 0;
- border-left: 1px solid @gray-lighter-75; //#aaa;
+ border-left: 1px solid @gray-light; //#aaa;
border-radius: 0 4px 4px 0;
background-clip: padding-box;
- background: @gray-lighter-80;
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @gray-lighter-80), color-stop(0.6, @gray-lighter));
- background-image: -webkit-linear-gradient(center bottom, @gray-lighter-80 0%, @gray-lighter 60%);
- background-image: -moz-linear-gradient(center bottom, @gray-lighter-80 0%, @gray-lighter 60%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '@gray-lighter', endColorstr = '@gray-lighter-80', GradientType = 0);
- background-image: linear-gradient(to top, @gray-lighter-80 0%, @gray-lighter 60%);
+ background: @gray-light;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @gray-light), color-stop(0.6, @gray-lighter));
+ background-image: -webkit-linear-gradient(center bottom, @gray-light 0%, @gray-lighter 60%);
+ background-image: -moz-linear-gradient(center bottom, @gray-light 0%, @gray-lighter 60%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '@gray-lighter', endColorstr = '@gray-light', GradientType = 0);
+ background-image: linear-gradient(to top, @gray-light 0%, @gray-lighter 60%);
}
.roo-select2-container .roo-select2-choice .roo-select2-arrow b {
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 {
font-family: sans-serif;
font-size: 1em;
- border: 1px solid @gray-lighter-75;
+ border: 1px solid @gray-light;
border-radius: 0;
-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 {
}
.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,
.roo-select2-results .roo-select2-no-results,
.roo-select2-results .roo-select2-searching,
.roo-select2-results .roo-select2-selection-limit {
- background: @gray-lighter-96-5; //#f4f4f4;
+ background: @gray-light; //#f4f4f4;
display: list-item;
padding-left: 5px;
}
*/
.roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
color: @gray-lighter; //#666;
- background: @gray-lighter-96-5; //#f4f4f4;
+ background: @gray-light; //#f4f4f4;
display: list-item;
cursor: default;
}
.roo-select2-results .roo-select2-disabled {
- background: @gray-lighter-96-5; //#f4f4f4;
+ background: @gray-light; //#f4f4f4;
display: list-item;
cursor: default;
}
}
.roo-select2-more-results.roo-select2-active {
- background: @gray-lighter-96-5 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 {
- background: @gray-lighter-96-5; //#f4f4f4;
+ background: @gray-light; //#f4f4f4;
display: list-item;
}
/* disabled styles */
.roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
- background-color: @gray-lighter-96-5; //#f4f4f4;
+ background-color: @gray-light; //#f4f4f4;
background-image: none;
- border: 1px solid @gray-lighter-86-5;
+ border: 1px solid @gray-light;
cursor: default;
}
.roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
- background-color: @gray-lighter-96-5; //#f4f4f4;
+ background-color: @gray-light; //#f4f4f4;
background-image: none;
border-left: 0;
}
margin: 0;
padding: 0;
/*position: relative;*/
- border: 1px solid @gray-lighter-75;
+ border: 1px solid @gray-light;
cursor: text;
overflow: hidden;
background-color: @body-bg;
}
.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 {
line-height: 13px;
color: @gray-dark;
cursor: default;
- border: 1px solid @gray-lighter-80;
+ border: 1px solid @gray-light;
border-radius: 3px;
-webkit-touch-callout: none;
cursor: default;
}
.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
- background: @gray-lighter-86-5; //#d4d4d4;
+ background: @gray-light; //#d4d4d4;
}
.roo-select2-search-choice-close {
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;
/* disabled styles */
.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
- background-color: @gray-lighter-90; //#f4f4f4;
+ background-color: @gray-light; //#f4f4f4;
background-image: none;
- border: 1px solid @gray-lighter-86-5;
+ border: 1px solid @gray-light;
cursor: default;
}
.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
padding: 3px 5px 3px 5px;
- border: 1px solid @gray-lighter-86-5;
+ border: 1px solid @gray-light;
background-image: none;
- background-color: @gray-lighter-90; //#f4f4f4;
+ background-color: @gray-light; //#f4f4f4;
}
.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close { display: none;
.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;
}