/* Table of Contents ================================================== # Dropdown # Submenu */ /* # Dropdown ================================================== */ .dropup, .dropdown { position: relative; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .dropdown-menu { background: rgba(246,248,250,1); background-clip: padding-box; border: 2px solid rgba(230,237,242,1); box-shadow: 0 0 3px rgba(220,220,220,1); box-sizing: border-box; color: rgba(42,44,48,1); display: none; float: left; font-weight: bold; font-size: 12px; letter-spacing: 0; line-height: 12px; list-style: none; margin: 2px 0 0 0; min-width: 180px; padding: 10px 0; position: absolute; text-align: left; text-transform: none; top: 100%; z-index: 1000; } .dropdown-menu.pull-right { left: auto; right: 0; } .dropdown-menu > .divider { background: rgba(230,237,242,1); height: 1px; margin: 5px 0px; overflow: hidden; } .dropdown-menu > li > a { clear: both; color: rgba(42,44,48,1); cursor: pointer; display: block; padding: 8px 15px; text-decoration: none; white-space: nowrap; } .dropdown-menu > li > a:active, .dropdown-menu > li > a.active, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:active > a, .dropdown-submenu.active > a, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { color: rgba(91,146,250,1); } .dropdown-menu > li .badge, .dropdown-menu > li .label { margin: -8px 0 -7px 0; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { left: auto; right: 0; } .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; } .dropdown-menu.dropdown-caret { top: calc(100% + 5px); } .dropdown-menu.dropdown-caret:before { border-bottom: 7px solid rgba(230,237,242,1); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -9px; } .dropdown-menu.dropdown-caret:after { border-bottom: 6px solid rgba(230,237,242,1); border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; left: 10px; position: absolute; top: -7px; } .dropdown-menu.pull-right.dropdown-caret:before { left: auto; right: 9px; } .dropdown-menu.pull-right.dropdown-caret:after { left: auto; right: 10px; } /* # Submenu ================================================== */ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { left: 100%; margin-left: -1px; margin-top: -6px; top: 0; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { content: " "; display: block; float: right; height: 0; margin-right: -10px; margin-top: 5px; width: 0; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; }