You are here

Home » API reference » jQuery UI selectmenu 7.2

jquery.ui.selectmenu.css in jQuery UI selectmenu 7.2

Same filename and directory in other branches
  1. 7 js/jquery.ui.selectmenu/jquery.ui.selectmenu.css
/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }

File

js/jquery.ui.selectmenu/jquery.ui.selectmenu.css
View source 
  1. /* Selectmenu

  2. ----------------------------------*/

  3. .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }

  4. .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }

  5. .ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */

  6. .ui-selectmenu-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; -webkit-overflow-scrolling: touch;}

  7. .ui-selectmenu-open { display: block; }

  8. .ui-selectmenu-menu-popup { margin-top: -1px; }

  9. .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }

  10. .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; }

  11. .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }

  12. .ui-selectmenu-menu li.ui-selectmenu-hasIcon a,

  13. .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }

  14. .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }

  15. .ui-selectmenu-status { line-height: 1.4em; }

  16. .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }

  17. .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }

  18. .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }

  19. /* for optgroups */

  20. .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }

  21. .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }

  22. .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

  23. /* IE6 workaround (dotted transparent borders) */

  24. * html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }

  25. * html .ui-selectmenu-menu li a { position: relative }

  26. /* IE7 workaround (opacity disabled) */

  27. *+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }