2012-04-23 16:19:03 +04:00
|
|
|
/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net
|
|
|
|
This file is licensed under the Affero General Public License version 3 or later.
|
|
|
|
See the COPYING-README file. */
|
|
|
|
|
2012-10-24 15:09:05 +04:00
|
|
|
ul.multiselectoptions {
|
|
|
|
background-color:#fff;
|
|
|
|
border:1px solid #ddd;
|
|
|
|
border-top:none;
|
|
|
|
box-shadow:0 1px 1px #ddd;
|
|
|
|
padding-top:.5em;
|
|
|
|
position:absolute;
|
2012-12-04 19:10:45 +04:00
|
|
|
max-height: 20em;
|
|
|
|
overflow-y: auto;
|
2012-10-24 15:09:05 +04:00
|
|
|
z-index:49;
|
|
|
|
}
|
|
|
|
|
2012-12-03 21:56:15 +04:00
|
|
|
ul.multiselectoptions.down {
|
|
|
|
border-bottom-left-radius:.5em;
|
|
|
|
border-bottom-right-radius:.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul.multiselectoptions.up {
|
|
|
|
border-top-left-radius:.5em;
|
|
|
|
border-top-right-radius:.5em;
|
|
|
|
}
|
|
|
|
|
2012-10-24 15:09:05 +04:00
|
|
|
ul.multiselectoptions>li {
|
|
|
|
overflow:hidden;
|
|
|
|
white-space:nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.multiselect {
|
|
|
|
display:inline-block;
|
|
|
|
max-width:400px;
|
|
|
|
min-width:100px;
|
|
|
|
padding-right:.6em;
|
|
|
|
position:relative;
|
|
|
|
vertical-align:bottom;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.multiselect.active {
|
|
|
|
background-color:#fff;
|
2012-12-03 21:56:15 +04:00
|
|
|
position:relative;
|
|
|
|
z-index:50;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.multiselect.up {
|
|
|
|
border-top:0 none;
|
|
|
|
border-top-left-radius:0;
|
|
|
|
border-top-right-radius:0;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.multiselect.down {
|
2012-10-24 15:09:05 +04:00
|
|
|
border-bottom:none;
|
|
|
|
border-bottom-left-radius:0;
|
|
|
|
border-bottom-right-radius:0;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.multiselect>span:first-child {
|
|
|
|
float:left;
|
|
|
|
margin-right:2em;
|
|
|
|
overflow:hidden;
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
width:90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.multiselect>span:last-child {
|
|
|
|
position:absolute;
|
|
|
|
right:.8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul.multiselectoptions input.new {
|
|
|
|
border-top-left-radius:0;
|
|
|
|
border-top-right-radius:0;
|
|
|
|
padding-bottom:.2em;
|
|
|
|
padding-top:.2em;
|
|
|
|
margin:0;
|
|
|
|
}
|