Summary Table
Categories |
Total Count |
PII |
0 |
URL |
0 |
DNS |
0 |
EKL |
0 |
IP |
0 |
PORT |
0 |
VsID |
0 |
CF |
0 |
AI |
0 |
VPD |
0 |
PL |
0 |
Other |
0 |
File Content
@import './../../../scss/themes/variables_ars_1.scss';
.dropdown-bar {
margin-left: -15px; // Pulls text of dropdowns into alignment with header
&>ul>li {
float: left; // Forces dropdowns to line up
}
}
.dropdown-parent {
// Link and/or dropdown trigger
height: 37px;
line-height: 36px;
font-size: 14px;
& ul,
ul li {
list-style-type: none;
}
& a,
a:visited {
display: block;
padding: 0 15px;
color: #fff;
text-decoration: none;
}
& a:hover,
a:focus {
background-color: rgba(0, 0, 0, 0.3);
cursor: pointer;
}
&.active {
background-color: $gray-darker;
}
&.active:after {
// This is the pointer
content: '';
height: 0;
width: 0;
position: relative;
top: -3px;
left: calc(50% - 9px);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid $gray-darker; // $color-warning;
}
}
.dropdown-parent>.carat {
// Sets down-arrow for dropdowns
display: block;
padding-right: 30px;
background: url('./../../../assets/images/ic_dropdown_carat_white_12px.svg') no-repeat;
background-position: 90% center;
}
.top-space {
// Adds space to the tops of dropdowns
padding-top: 6px;
}
.dropdown {
visibility: hidden; // Hides sub-menu
opacity: 0;
position: absolute;
padding-bottom: 12px;
// width: 276px;
background-color: #fff;
border-radius: 0 0 $radius-md $radius-md;
border: 1px solid $gray-base;
border-top: none;
box-shadow: $shadow-base;
transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s;
& li {
color: #000;
}
& a,
a:visited, span {
display: block;
height: 30px;
padding: 0 18px;
line-height: 30px;
text-decoration: none;
color: #000;
cursor: pointer;
}
& span {
cursor: text;
}
& a:hover,
a:focus {
color: #fff;
background-color: $color-info;
}
}
.dropdown-parent:hover .dropdown,
.show {
// Shows dropdown
// TS toggles .show class on focus
visibility: visible;
opacity: 1;
z-index: 1001;
transition-delay: 0.1s;
}