48 lines
2.7 KiB
CSS
Executable File
48 lines
2.7 KiB
CSS
Executable File
/* Multiselect
|
|
----------------------------------*/
|
|
|
|
.ui-multiselect { border: 1px solid; font-size: 0.8em; }
|
|
.ui-multiselect ul { -moz-user-select: none; }
|
|
.ui-multiselect div.list-container { padding: 0; margin: 0; border: 0; float:left; }
|
|
.ui-multiselect ul.list { position: relative; padding: 0; overflow: auto; overflow-x: hidden; margin: 0; list-style: none; width: 100%; }
|
|
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; padding-left: 10px; white-space: nowrap; overflow: hidden; }
|
|
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
|
|
.ui-multiselect ul.ui-state-highlight { border: none; }
|
|
.ui-multiselect li.ui-draggable-dragging { border: 1px solid; padding-left: 10px; z-index: 99999; }
|
|
|
|
.ui-multiselect div.selected { }
|
|
.ui-multiselect ul.selected { }
|
|
.ui-multiselect ul.selected li { }
|
|
|
|
.ui-multiselect div.available { border-left: 1px solid; }
|
|
.ui-multiselect ul.available { }
|
|
.ui-multiselect ul.available li { }
|
|
|
|
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; }
|
|
.ui-multiselect .ui-state-hover { border: none; }
|
|
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
|
|
|
|
.ui-multiselect .add-all { float: right; padding: 7px; white-space: nowrap; }
|
|
.ui-multiselect .remove-all { float: right; padding: 7px; white-space: nowrap; }
|
|
.ui-multiselect .count { cursor: default; float: left; padding: 7px; }
|
|
.ui-multiselect .search { float: left; padding: 1px; opacity: 0.7; margin: 4px; height: 14px; }
|
|
.ui-multiselect .busy { left: 0px; float: left; padding: 7px 7px 7px 25px; z-index: 1; background: url(images/loading.gif) 4px 50% no-repeat; }
|
|
.ui-multiselect .overlay { background: #aaaaaa; opacity: .30;filter:Alpha(Opacity=30); }
|
|
|
|
.ui-multiselect li a.action { position: absolute; border: none; right: 0px; top: 0px; padding-right: 10px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; }
|
|
|
|
/* multiselect styles */
|
|
.multiselect {width: 660px; height: 180px;}
|
|
|
|
#switcher {margin-top: 20px;}
|
|
|
|
form {margin: 0; padding: 0;}
|
|
|
|
.externalControlsWrapper {margin-top: 10px; margin-bottom: 20px;}
|
|
.externalControls a {font-size: 90%;}
|
|
.externalControls {margin-top: 10px; border: 1px solid #bbb; background: #eee; height: 230px;}
|
|
.externalControls .optionWrapper {vertical-align: middle; overflow: auto; width: 100%; margin-bottom: 10px; float: left; clear: left;}
|
|
.externalControls .optionLabel {width: 200px; padding-bottom: 5px;}
|
|
.externalControls .optionInput {float: right; width: 220px;}
|
|
.externalControls .optionInput .text {font-size: 14px; width: 150px;}
|
|
.externalControls .optionInput .button {font-size: 14px; padding: 0px; margin: 0px;} |