/* Table of Contents ================================================== #Dropdown */ /* #Dropdown ================================================== */ .dropup, .dropdown { position: relative; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .dropdown-menu { background-clip: padding-box; background-color: rgba(43,50,53,1); border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); color: rgba(255,255,255,1); display: none; float: left; list-style: none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; top: 100%; z-index: 1000; } .dropdown-menu.pull-right { left: auto; right: 0; margin-right: 10px; } .dropdown-menu .divider { background-color: rgba(255,255,255, 0.1); height: 1px; margin: 5px 0px; overflow: hidden; } .dropdown-menu > li > a { clear: both; color: rgba(255,255,255,1); display: block; font-size: 12px; font-weight: bold; line-height: 20px; padding: 5px 15px; opacity: 0.80; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,1); white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { opacity: 1; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { left: auto; right: 0; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { border-radius: 0 3px 3px 3px; left: 100%; margin-top: -6px; margin-left: -1px; top: 0; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { content: " "; display: block; float: right; height: 0; margin-top: 5px; margin-right: -10px; width: 0; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; }