1 /* remove dropdown caret for icon-based entries */
2 #staff-navbar .no-caret::after {
7 background: -webkit-linear-gradient(#00593d, #007a54);
8 background-color: #007a54;
14 #staff-navbar .navbar-nav {
19 #staff-navbar .dropdown-toggle,
20 #staff-navbar .nav-link-home {
24 #staff-navbar button.dropdown-toggle {
27 border-bottom: 2px solid transparent;
30 /* align top of dropdown w/ bottom of nav */
31 #staff-navbar .dropdown-menu {
32 background-color: #fff;
34 border-top-left-radius: 0;
35 border-top-right-radius: 0;
40 #staff-navbar .material-icons {
44 #staff-navbar .dropdown-item {
52 #staff-navbar .dropdown-item:hover,
53 #staff-navbar .dropdown-item:focus {
54 background-color: #f5f5f5;
58 #staff-navbar .dropdown-divider {
59 border-top: 1px solid #e5e5e5;
62 #staff-navbar .dropdown-item .material-icons {
66 #staff-navbar .dropdown-menu .nav-link {
71 #staff-navbar .nav-link-home {
76 #staff-navbar .nav-link:hover,
77 #staff-navbar .nav-link:focus,
78 #staff-navbar>.open .nav-link,
79 #staff-navbar>.open>a,
80 #staff-navbar>.open>a:focus,
81 #staff-navbar>.open>a:hover {
82 background-color: rgba(223, 240, 216, 0.1);
83 border-bottom: 2px solid rgba(223, 240, 216, 0.4);
88 /* restore outline focus removed by Bootstrap */
89 /* blend Evergreen green with #ffc for highlight */
90 #staff-navbar .nav-link.dropdown-toggle:focus,
91 #staff-navbar .nav-link.dropdown-item:focus,
92 #staff-navbar .nav-link-home:focus {
93 outline: 2px solid rgba(255, 255, 204, 0.75);
96 #staff-navbar .dropdown-item.active,
97 #staff-navbar .dropdown-item:active {
98 background-color: rgba(var(--bs-green-rgb), 0.15);
101 #staff-navbar>.open .nav-link {
103 border-top: 2px solid rgba(223, 240, 216, 0.4);
106 #staff-navbar .navbar-nav>.dropdown>a .caret {
107 border-top-color: #fff;
108 border-bottom-color: #fff;
111 #staff-navbar .navbar-nav>.dropdown>a:hover .caret {
112 border-top-color: #ddd;
113 border-bottom-color: #ddd;
116 /* Align material-icons with sibling text; otherwise they float up */
117 #staff-navbar .with-material-icon,
118 #staff-navbar .dropdown-item {
119 display: inline-flex;
120 vertical-align: middle;
124 /* Hide the username@workstation if the screen is too narrow.
125 Based on the hidden-sm class selector in Bootstrap. */
126 @media (max-width: 991px) {
128 display: none !important