You are here

Home » API reference » jQuery UI MultiSelect Widget 8

jquery.multiselect.css in jQuery UI MultiSelect Widget 8 

/* jquery.multiselect.css below */
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:0px; padding:3px 0 3px 4px; background: #CFD1CF;}
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:0px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { 
    position:relative /* fixes bug in IE6/7 */; overflow-y:auto;
    background: #E4E4E4;
    border-radius: 0px 0px 5px 5px;
}
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px;}
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.ui-multiselect { height:25px; overflow-x:hidden; padding:2px 0 2px 4px; text-align:left }

.ui-state-active, .ui-widget-content{
    background: #F2F2F2 !important;
}

.ui-multiselect-checkboxes label span { padding-left: 10px;}

File

assets/css/jquery.multiselect.css
View source 
  1. /* jquery.multiselect.css below */

  2. .ui-multiselect { padding:2px 0 2px 4px; text-align:left }

  3. .ui-multiselect span.ui-icon { float:right }

  4. .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }

  5. .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

  6. 

  7. .ui-multiselect-header { margin-bottom:0px; padding:3px 0 3px 4px; background: #CFD1CF;}

  8. .ui-multiselect-header ul { font-size:0.9em }

  9. .ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }

  10. .ui-multiselect-header a { text-decoration:none }

  11. .ui-multiselect-header a:hover { text-decoration:underline }

  12. .ui-multiselect-header span.ui-icon { float:left }

  13. .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

  14. 

  15. .ui-multiselect-menu { display:none; padding:0px; position:absolute; z-index:10000; text-align: left }

  16. .ui-multiselect-checkboxes { 

  17.     position:relative /* fixes bug in IE6/7 */; overflow-y:auto;

  18.     background: #E4E4E4;

  19.     border-radius: 0px 0px 5px 5px;

  20. }

  21. .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }

  22. .ui-multiselect-checkboxes label input { position:relative; top:1px;}

  23. .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }

  24. .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }

  25. .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

  26. 

  27. .ui-multiselect { height:25px; overflow-x:hidden; padding:2px 0 2px 4px; text-align:left }

  28. 

  29. .ui-state-active, .ui-widget-content{

  30.     background: #F2F2F2 !important;

  31. }

  32. 

  33. .ui-multiselect-checkboxes label span { padding-left: 10px;}