1
0
mirror of synced 2024-11-23 05:26:10 +03:00
select2/dist/css/select2.css
Kevin Brown ae57cf6460 More work on rendering
Switched all of the divs to spans, as the container should not be
a block by default.
2014-10-21 21:43:56 -04:00

91 lines
2.6 KiB
CSS

.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .selection .single-select {
background-color: #eee;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px; }
.select2-container .selection .single-select .rendered-selection {
color: #444;
display: block;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis; }
.s2-container {
margin: 0;
position: relative;
zoom: 1;
vertical-align: middle; }
.s2-container.s2-active {
border: 1px solid #5897fb;
border-top: bottom; }
.s2-container .s2-single-select {
display: block;
height: 26px;
padding: 0 0 0 8px;
overflow: hidden;
position: relative;
border: 1px solid #aaa;
white-space: nowrap;
line-height: 26px;
color: #444;
text-decoration: none;
border-radius: 4px;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
background-image: linear-gradient(to top, #eee 0%, #fff 50%); }
.s2-container .s2-single-select .s2-selection {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.s2-container .s2-open .select2-container-active .select2-choice, .s2-container .s2-open .select2-container-active .select2-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.s2-search input {
-webkit-box-sizing: border-box;
/* webkit */
-moz-box-sizing: border-box;
/* firefox */
box-sizing: border-box;
/* css3 */ }
.s2-dropdown {
width: 100%;
margin-top: -1px;
position: absolute;
z-index: 9999;
overflow: scroll;
background: #fff;
color: #000;
border: 1px solid #5897fb;
border-top: none;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
.s2-hidden {
display: none; }