Skip to content

Commit b40b0ea

Browse files
committed
New default theme.
1 parent ca0c8c0 commit b40b0ea

17 files changed

Lines changed: 767 additions & 158 deletions

Gruntfile.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -130,6 +130,7 @@ module.exports = function(grunt) {
130130
files: {
131131
'dist/css/selectize.css': ['dist/less/selectize.less'],
132132
'dist/css/selectize.default.css': ['dist/less/selectize.default.less'],
133+
'dist/css/selectize.legacy.css': ['dist/less/selectize.legacy.less'],
133134
'dist/css/selectize.bootstrap2.css': ['dist/less/selectize.bootstrap2.tmp.less'],
134135
'dist/css/selectize.bootstrap3.css': ['dist/less/selectize.bootstrap3.tmp.less']
135136
}

dist/css/selectize.bootstrap2.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,7 @@
6060

6161
.selectize-dropdown.plugin-optgroup_columns .optgroup {
6262
float: left;
63+
border-top: 0 none;
6364
border-right: 1px solid #f2f2f2;
6465
-webkit-box-sizing: border-box;
6566
-moz-box-sizing: border-box;
@@ -90,10 +91,9 @@
9091
bottom: 0;
9192
display: inline-block;
9293
width: 17px;
93-
padding: 7px 0 0 0;
94+
padding: 1px 0 0 0;
9495
font-size: 12px;
9596
font-weight: bold;
96-
line-height: 8px;
9797
color: inherit;
9898
text-align: center;
9999
vertical-align: middle;
@@ -297,7 +297,7 @@
297297
}
298298

299299
.selectize-dropdown .create {
300-
color: #a0a0a0;
300+
color: rgba(51, 51, 51, 0.5);
301301
}
302302

303303
.selectize-dropdown-content {

dist/css/selectize.bootstrap3.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,7 @@
6060

6161
.selectize-dropdown.plugin-optgroup_columns .optgroup {
6262
float: left;
63+
border-top: 0 none;
6364
border-right: 1px solid #f2f2f2;
6465
-webkit-box-sizing: border-box;
6566
-moz-box-sizing: border-box;
@@ -90,10 +91,9 @@
9091
bottom: 0;
9192
display: inline-block;
9293
width: 17px;
93-
padding: 7px 0 0 0;
94+
padding: 1px 0 0 0;
9495
font-size: 12px;
9596
font-weight: bold;
96-
line-height: 8px;
9797
color: inherit;
9898
text-align: center;
9999
vertical-align: middle;
@@ -297,7 +297,7 @@
297297
}
298298

299299
.selectize-dropdown .create {
300-
color: #a0a0a0;
300+
color: rgba(51, 51, 51, 0.5);
301301
}
302302

303303
.selectize-dropdown-content {

dist/css/selectize.css

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535

3636
.selectize-dropdown-header {
3737
position: relative;
38-
padding: 7px 10px;
38+
padding: 5px 8px;
3939
background: #f8f8f8;
4040
border-bottom: 1px solid #d0d0d0;
4141
-webkit-border-radius: 3px 3px 0 0;
@@ -46,7 +46,7 @@
4646
.selectize-dropdown-header-close {
4747
position: absolute;
4848
top: 50%;
49-
right: 10px;
49+
right: 8px;
5050
margin-top: -12px;
5151
font-size: 20px !important;
5252
line-height: 20px;
@@ -60,6 +60,7 @@
6060

6161
.selectize-dropdown.plugin-optgroup_columns .optgroup {
6262
float: left;
63+
border-top: 0 none;
6364
border-right: 1px solid #f2f2f2;
6465
-webkit-box-sizing: border-box;
6566
-moz-box-sizing: border-box;
@@ -90,10 +91,9 @@
9091
bottom: 0;
9192
display: inline-block;
9293
width: 17px;
93-
padding: 7px 0 0 0;
94+
padding: 2px 0 0 0;
9495
font-size: 12px;
9596
font-weight: bold;
96-
line-height: 8px;
9797
color: inherit;
9898
text-align: center;
9999
vertical-align: middle;
@@ -122,9 +122,9 @@
122122
.selectize-input,
123123
.selectize-input input {
124124
font-family: inherit;
125-
font-size: 14px;
125+
font-size: 13px;
126126
-webkit-font-smoothing: inherit;
127-
line-height: 20px;
127+
line-height: 18px;
128128
color: #303030;
129129
}
130130

@@ -140,7 +140,7 @@
140140
z-index: 1;
141141
display: inline-block;
142142
width: 100%;
143-
padding: 10px 10px;
143+
padding: 8px 8px;
144144
overflow: hidden;
145145
border: 1px solid #d0d0d0;
146146
-webkit-border-radius: 3px;
@@ -154,11 +154,11 @@
154154
}
155155

156156
.selectize-control.multi .selectize-input.has-items {
157-
padding: 9px 10px 4px;
157+
padding: 6px 8px 3px;
158158
}
159159

160160
.selectize-input.full {
161-
background-color: #f2f2f2;
161+
background-color: #ffffff;
162162
}
163163

164164
.selectize-input.disabled,
@@ -186,8 +186,8 @@
186186
}
187187

188188
.selectize-control.multi .selectize-input > div {
189-
padding: 1px 5px;
190-
margin: 0 5px 5px 0;
189+
padding: 2px 6px;
190+
margin: 0 3px 3px 0;
191191
color: #303030;
192192
cursor: pointer;
193193
background: #f2f2f2;
@@ -266,15 +266,15 @@
266266
}
267267

268268
.selectize-dropdown [data-selectable] .highlight {
269-
background: rgba(255, 237, 40, 0.4);
269+
background: rgba(125, 168, 208, 0.2);
270270
-webkit-border-radius: 1px;
271271
-moz-border-radius: 1px;
272272
border-radius: 1px;
273273
}
274274

275275
.selectize-dropdown [data-selectable],
276276
.selectize-dropdown .optgroup-header {
277-
padding: 7px 10px;
277+
padding: 5px 8px;
278278
}
279279

280280
.selectize-dropdown .optgroup:first-child .optgroup-header {
@@ -284,20 +284,20 @@
284284
.selectize-dropdown .optgroup-header {
285285
color: #303030;
286286
cursor: default;
287-
background: #f8f8f8;
287+
background: #ffffff;
288288
}
289289

290290
.selectize-dropdown .active {
291-
color: #303030;
292-
background-color: #fffceb;
291+
color: #495c68;
292+
background-color: #f5fafd;
293293
}
294294

295295
.selectize-dropdown .active.create {
296-
color: #a0a0a0;
296+
color: #495c68;
297297
}
298298

299299
.selectize-dropdown .create {
300-
color: #a0a0a0;
300+
color: rgba(48, 48, 48, 0.5);
301301
}
302302

303303
.selectize-dropdown-content {

0 commit comments

Comments
 (0)