.dropdown { display: inline; position: relative; } .dropdown ul { display: none; } ul.dropdown-submenu-open { display: block; position: absolute; z-index: 1000; min-width: 285px; list-style: none; margin: 3px 0 0 1px; padding: 6px 0; background-color: #fff; border: 1px solid #b2b2b2; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.15); } .textarea-dropdown li, .dropdown-submenu-open li { display: block; margin: 0; padding: 0; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; font-size: 0.85em; border-bottom: 1px solid #f8f8f8; cursor: pointer; } .textarea-dropdown li:last-child, .dropdown-submenu-open li:last-child { border: none; } .textarea-dropdown .active, .textarea-dropdown li:hover, .dropdown-submenu-open li:hover { background: #4078C0; color: #fff; } .textarea-dropdown .active a, .textarea-dropdown li:hover a, .dropdown-submenu-open li:hover a { color: #fff; } .textarea-dropdown a, .dropdown-submenu-open a { text-decoration: none; color: #333; } .dropdown-submenu-open a:focus { text-decoration: underline; } .page-header .dropdown { padding-right: 10px; } .dropdown-menu-link-icon { color: #333; text-decoration: none; } /* textarea dropdown */ .textarea-dropdown { list-style: none; margin: 3px 0 0 1px; padding: 6px 0; background-color: #fff; border: 1px solid #b2b2b2; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.15); }