source: pro-violet-viettel/www/deploy/20150304/assets/css/less/thirdparty-select2.less @ 896

Last change on this file since 896 was 780, checked in by dungnv, 10 years ago
File size: 3.8 KB
Line 
1.select2-container .select2-choice {
2        .border-radius(0);
3         height: 30px;
4}
5.select2-container.select2-drop-above .select2-choice {
6        .border-radius(0);
7}
8
9.select2-container .select2-choice abbr , .select2-search-choice-close {
10    background: none;
11        &:before {
12                font-family:FontAwesome;
13                font-size:12px;
14                display:inline;
15                content:"\f00d";
16                color:#888;
17                position:relative;
18                top:-1px;
19        }
20        &:hover:before {
21                color:#555;
22        }
23}
24.select2-container .select2-choice abbr:before {
25        top:-7px;
26}
27.select2-search-choice-close:hover {
28        text-decoration:none !important;
29}
30
31
32.select2-drop {
33        .border-radius(0);
34        border:1px solid #4492C9;
35        border-width:0 1px 3px;
36}
37.select2-drop.select2-drop-above {
38        .border-radius(0);
39}
40.select2-container .select2-choice {
41        background:#FAFAFA none;
42}
43
44
45.select2-container-active .select2-choice,
46.select2-container-active .select2-choices,
47.select2-dropdown-open.select2-drop-above .select2-choice,
48.select2-dropdown-open.select2-drop-above .select2-choices,
49.select2-container-multi.select2-container-active .select2-choices
50{
51        border-color:#4492C9;
52}
53
54.select2-results .select2-highlighted {
55    background: #316AC5;
56}
57.select2-container .select2-choice .select2-arrow {
58        .border-radius(0);
59        background:transparent none;
60        border:none;
61}
62.select2-container .select2-choice .select2-arrow b {
63    background: none;
64        &:before {
65                font-family:FontAwesome;
66                font-size:12px;
67                display:inline;
68                content:"\f0d7";
69                color:#888;
70                position:relative;
71                left:5px;
72        }
73}
74.select2-dropdown-open  .select2-choice .select2-arrow b:before {
75        content:"\f0d8";
76}
77
78.select2-search {
79        .select2-input {
80                background: #fff none;
81                margin-top:4px;
82        }
83        &:after {
84                font-family:FontAwesome;
85                font-size:14px;
86                display:inline;
87                content:"\f002";
88                color:#777;
89                position:relative;
90                top:0; left:-20px;
91                z-index:0;
92        }
93}
94.select2-container-multi .select2-choices .select2-search-field input {
95        border: none !important;
96        .box-shadow(none) !important;
97        background: none !important;
98}
99
100
101.select2-container-active .select2-choice,
102.select2-container-active .select2-choices,
103.select2-container-multi.select2-container-active .select2-choices,
104.select2-dropdown-open.select2-drop-above .select2-choice,
105.select2-dropdown-open.select2-drop-above .select2-choices
106{
107    .box-shadow(none);
108}
109
110.select2-search input.select2-active {
111        background-color:#FFF;
112    position: relative;
113    z-index: 1;//so it will be on top of search icon
114}
115
116
117@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
118  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
119      background-image: none !important;
120      background-size: auto !important;
121  }
122  .select2-search input {
123      background-position: auto !important;
124  }
125}
126
127
128.select2-container-active.select2-dropdown-open {
129        .select2-choice {
130                #gradient > .vertical(#EEEEEE , #FFFFFF);
131        }
132}
133.select2-container-active.select2-drop-above {
134        .select2-choice {
135                #gradient > .vertical(#FFFFFF , #EEEEEE);
136        }
137}
138
139
140.select2-choice , .select2-choices {
141        .form-group.has-error & {
142                border-color:@error-state-border !important;
143        }
144        .form-group.has-info & {
145                border-color:@info-state-border !important;
146        }
147        .form-group.has-warning & {
148                border-color:@warning-state-border !important;
149        }
150        .form-group.has-success & {
151                border-color:@success-state-border !important;
152        }
153}
154
155
156
157@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
158  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
159      background-image: none !important;
160      background-repeat: no-repeat !important;
161      background-size: auto !important;
162  }
163  .select2-search input {
164      background-position: auto !important;
165  }
166}
Note: See TracBrowser for help on using the repository browser.