|
|
|
@ -2,10 +2,66 @@ |
|
|
|
|
This file is licensed under the Affero General Public License version 3 or later. |
|
|
|
|
See the COPYING-README file. */ |
|
|
|
|
|
|
|
|
|
ul.multiselectoptions { z-index:49; position:absolute; background-color:#fff; padding-top:.5em; border:1px solid #ddd; border-top:none; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-left-radius:.5em; border-bottom-left-radius:.5em; -moz-border-radius-bottomright:.5em; -webkit-border-bottom-right-radius:.5em; border-bottom-right-radius:.5em; -moz-box-shadow:0 1px 1px #ddd; -webkit-box-shadow:0 1px 1px #ddd; box-shadow:0 1px 1px #ddd; } |
|
|
|
|
ul.multiselectoptions>li{ white-space:nowrap; overflow: hidden; } |
|
|
|
|
div.multiselect { padding-right:.6em; display:inline; position:relative; display:inline-block; vertical-align: bottom; min-width:100px; max-width:400px; } |
|
|
|
|
div.multiselect.active { background-color:#fff; border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; z-index:50; position:relative } |
|
|
|
|
div.multiselect>span:first-child { margin-right:2em; float:left; width:90%; overflow:hidden; text-overflow:ellipsis; } |
|
|
|
|
div.multiselect>span:last-child { position:absolute; right:.8em; } |
|
|
|
|
ul.multiselectoptions input.new{ margin:0; padding-bottom:0.2em; padding-top:0.2em; border-top-left-radius:0; border-top-right-radius:0; } |
|
|
|
|
ul.multiselectoptions |
|
|
|
|
{ |
|
|
|
|
background-color: #fff; |
|
|
|
|
border: 1px solid #ddd; |
|
|
|
|
border-bottom-left-radius: .5em; |
|
|
|
|
border-bottom-right-radius: .5em; |
|
|
|
|
border-top: none; |
|
|
|
|
box-shadow: 0 1px 1px #ddd; |
|
|
|
|
moz-border-radius-bottomleft: .5em; |
|
|
|
|
moz-border-radius-bottomright: .5em; |
|
|
|
|
moz-box-shadow: 0 1px 1px #ddd; |
|
|
|
|
padding-top: .5em; |
|
|
|
|
position: absolute; |
|
|
|
|
webkit-border-bottom-left-radius: .5em; |
|
|
|
|
webkit-border-bottom-right-radius: .5em; |
|
|
|
|
webkit-box-shadow: 0 1px 1px #ddd; |
|
|
|
|
z-index: 49; |
|
|
|
|
} |
|
|
|
|
ul.multiselectoptions>li |
|
|
|
|
{ |
|
|
|
|
overflow: hidden; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
} |
|
|
|
|
div.multiselect |
|
|
|
|
{ |
|
|
|
|
display: inline; |
|
|
|
|
display: inline-block; |
|
|
|
|
max-width: 400px; |
|
|
|
|
min-width: 100px; |
|
|
|
|
padding-right: .6em; |
|
|
|
|
position: relative; |
|
|
|
|
vertical-align: bottom; |
|
|
|
|
} |
|
|
|
|
div.multiselect.active |
|
|
|
|
{ |
|
|
|
|
background-color: #fff; |
|
|
|
|
border-bottom: none; |
|
|
|
|
border-bottom-left-radius: 0; |
|
|
|
|
border-bottom-right-radius: 0; |
|
|
|
|
position: relative; |
|
|
|
|
z-index: 50; |
|
|
|
|
} |
|
|
|
|
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; |
|
|
|
|
margin: 0; |
|
|
|
|
padding-bottom: 0.2em; |
|
|
|
|
padding-top: 0.2em; |
|
|
|
|
} |