Skip to content

Commit dcee289

Browse files
ivaynbergivaynberg
committed
Merge pull request select2#1578 from yuripc/colors-2
Colors to shorthand hexadecimal
2 parents e162a48 + 7fd8a9f commit dcee289

1 file changed

Lines changed: 57 additions & 57 deletions

File tree

‎select2.css‎

Lines changed: 57 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -51,27 +51,27 @@ Version: @@ver@@ Timestamp: @@timestamp@@
5151
user-select: none;
5252

5353
background-color: #fff;
54-
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
55-
background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
56-
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
57-
background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
58-
background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
54+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
55+
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
56+
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
57+
background-image: -o-linear-gradient(bottom, #eee 0%, #fff 50%);
58+
background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%);
5959
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
60-
background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
60+
background-image: linear-gradient(top, #fff 0%, #eee 50%);
6161
}
6262

6363
.select2-container.select2-drop-above .select2-choice {
6464
border-bottom-color: #aaa;
6565

6666
border-radius: 0 0 4px 4px;
6767

68-
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
69-
background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
70-
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
71-
background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
72-
background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 90%);
73-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
74-
background-image: linear-gradient(top, #eeeeee 0%, #ffffff 90%);
68+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
69+
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
70+
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
71+
background-image: -o-linear-gradient(bottom, #eee 0%, #fff 90%);
72+
background-image: -ms-linear-gradient(top, #eee 0%, #fff 90%);
73+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
74+
background-image: linear-gradient(top, #eee 0%, #fff 90%);
7575
}
7676

7777
.select2-container.select2-allowclear .select2-choice .select2-chosen {
@@ -198,9 +198,9 @@ Version: @@ver@@ Timestamp: @@timestamp@@
198198
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
199199
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
200200
background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
201-
background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
201+
background-image: -ms-linear-gradient(top, #ccc 0%, #eee 60%);
202202
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
203-
background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
203+
background-image: linear-gradient(top, #ccc 0%, #eee 60%);
204204
}
205205

206206
.select2-container .select2-choice .select2-arrow b {
@@ -242,12 +242,12 @@ Version: @@ver@@ Timestamp: @@timestamp@@
242242
box-shadow: none;
243243

244244
background: #fff url('select2.png') no-repeat 100% -22px;
245-
background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
246-
background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
247-
background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
248-
background: url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
249-
background: url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
250-
background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
245+
background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
246+
background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
247+
background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
248+
background: url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, #fff 85%, #eee 99%);
249+
background: url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #fff 85%, #eee 99%);
250+
background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
251251
}
252252

253253
.select2-drop.select2-drop-above .select2-search input {
@@ -256,12 +256,12 @@ Version: @@ver@@ Timestamp: @@timestamp@@
256256

257257
.select2-search input.select2-active {
258258
background: #fff url('select2-spinner.gif') no-repeat 100%;
259-
background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
260-
background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
261-
background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
262-
background: url('select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
263-
background: url('select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
264-
background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
259+
background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
260+
background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
261+
background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
262+
background: url('select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, #fff 85%, #eee 99%);
263+
background: url('select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #fff 85%, #eee 99%);
264+
background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
265265
}
266266

267267
.select2-container-active .select2-choice,
@@ -282,27 +282,27 @@ Version: @@ver@@ Timestamp: @@timestamp@@
282282
border-bottom-right-radius: 0;
283283

284284
background-color: #eee;
285-
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
286-
background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
287-
background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
288-
background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
289-
background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
290-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
291-
background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
285+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
286+
background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
287+
background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
288+
background-image: -o-linear-gradient(bottom, #fff 0%, #eee 50%);
289+
background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%);
290+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
291+
background-image: linear-gradient(top, #fff 0%, #eee 50%);
292292
}
293293

294294
.select2-dropdown-open.select2-drop-above .select2-choice,
295295
.select2-dropdown-open.select2-drop-above .select2-choices {
296296
border: 1px solid #5897fb;
297297
border-top-color: transparent;
298298

299-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #eeeeee));
300-
background-image: -webkit-linear-gradient(center top, white 0%, #eeeeee 50%);
301-
background-image: -moz-linear-gradient(center top, white 0%, #eeeeee 50%);
302-
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
303-
background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%);
304-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
305-
background-image: linear-gradient(bottom, #ffffff 0%, #eeeeee 50%);
299+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
300+
background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
301+
background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
302+
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
303+
background-image: -ms-linear-gradient(bottom, #fff 0%, #eee 50%);
304+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
305+
background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
306306
}
307307

308308
.select2-dropdown-open .select2-choice .select2-arrow {
@@ -378,7 +378,7 @@ Version: @@ver@@ Timestamp: @@timestamp@@
378378
}
379379

380380
.select2-results .select2-highlighted ul {
381-
background: white;
381+
background: #fff;
382382
color: #000;
383383
}
384384

@@ -452,12 +452,12 @@ disabled look for disabled choices in the results dropdown
452452
overflow: hidden;
453453

454454
background-color: #fff;
455-
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
456-
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
457-
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
458-
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
459-
background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
460-
background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
455+
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
456+
background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
457+
background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
458+
background-image: -o-linear-gradient(top, #eee 1%, #fff 15%);
459+
background-image: -ms-linear-gradient(top, #eee 1%, #fff 15%);
460+
background-image: linear-gradient(top, #eee 1%, #fff 15%);
461461
}
462462

463463
.select2-locked {
@@ -519,8 +519,8 @@ disabled look for disabled choices in the results dropdown
519519

520520
border-radius: 3px;
521521

522-
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
523-
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
522+
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
523+
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
524524

525525
background-clip: padding-box;
526526

@@ -532,13 +532,13 @@ disabled look for disabled choices in the results dropdown
532532
user-select: none;
533533

534534
background-color: #e4e4e4;
535-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 );
536-
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
537-
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
538-
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
539-
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
540-
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
541-
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
535+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
536+
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
537+
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
538+
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
539+
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
540+
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
541+
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
542542
}
543543
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
544544
cursor: default;

0 commit comments

Comments
 (0)