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';
.menu-collapse {
height: 35px;
margin-top: -35px;
margin-left: 8px;
& a {
display: block;
height: 24px;
width: 24px;
& img:hover {
opacity: 0.5;
}
}
}
.nav-bar {
position: relative;
width: 210px;
height: 100%;
background: linear-gradient( to bottom, #dedede, #ccc); // Connects nav-bar to background image
text-align: right;
font-size: 14px;
white-space: nowrap;
z-index: 101;
transition: all ease-in 0.1s;
& a,
a:visited,
a:active {
padding: 4px 12px;
height: 37px; // Weird number creates alignment with Page Title DIV
display: block;
background-repeat: no-repeat;
background-position: 9px;
border-bottom: 1px solid $gray-base;
color: $color-primary;
text-decoration: none;
&.active {
position: relative;
background-color: $color-primary;
color: #fff;
}
&.active:after {
// This draws the triangle
position: absolute;
left: 100%;
top: 50%;
margin-top: -18px;
height: 0;
width: 0;
content: ' ';
border: solid transparent;
border-left-color: $color-primary;
border-width: 18px;
}
}
& a:hover,
a:focus {
background-color: $color-primary;
color: #fff;
}
& li {
// Same as <a> backgrounds
background-repeat: no-repeat;
background-position: 9px;
}
}
// Navigation Icons
.fpp-nav {
&:hover,
&.active {
background-image: url('./../../../assets/images/ic_star_white_24.svg');
}
}
.fpp-nav-bg {
background-image: url('./../../../assets/images/ic_star_navy_24.svg');
& a {
letter-spacing: -0.05em;
}
}
.ewv-nav {
&:hover,
&.active {
background-image: url('./../../../assets/images/ic_search_db_white_24px.svg');
}
}
.ewv-nav-bg {
background-image: url('./../../../assets/images/ic_search_db_navy_24px.svg');
}
.ar-nav {
&:hover,
&.active {
background-image: url('./../../../assets/images/ic_file_doc_white_24.svg');
}
}
.ar-nav-bg {
background-image: url('./../../../assets/images/ic_file_doc_navy_24.svg');
}
.ucp-report {
&:hover,
&.active {
background-image: url('./../../../assets/images/ic_report_white_24.svg');
}
}
.ucp-report-bg {
background-image: url('./../../../assets/images/ic_report_navy_24.svg');
}
.ucp-admin {
&:hover,
&.active {
background-image: url('./../../../assets/images/ic_settings_white_24.svg');
}
}
.ucp-admin-bg {
background-image: url('./../../../assets/images/ic_settings_navy_24.svg');
}
// .search {
// &:hover,
// &.active {
// background-image: url('./../../../assets/images/ic_search_clipboard_white_24px.svg');
// }
// }
// .search-bg {
// background-image: url('./../../../assets/images/ic_search_clipboard_navy_24px.svg');
// }
// .attach-search {
// &:hover,
// &.active {
// background-image: url('./../../../assets/images/ic_search_white_24.svg');
// }
// }
// .attach-search-bg {
// background-image: url('./../../../assets/images/ic_search_navy_24.svg');
// }
// .submit {
// &:hover,
// &.active {
// background-image: url('./../../../assets/images/ic_send_clipboard_white_24px.svg');
// }
// }
// .submit-bg {
// background-image: url('./../../../assets/images/ic_send_clipboard_navy_24px.svg');
// }
// .admin {
// &:hover,
// &.active {
// background-image: url('./../../../assets/images/ic_user_circle_white_24.svg');
// }
// }
// .admin-bg {
// background-image: url('./../../../assets/images/ic_user_circle_navy_24.svg');
// }
// .report {
// &:hover,
// &.active {
// background-image: url('./../../../assets/images/ic_report_white_24.svg');
// }
// }
// .report-bg {
// background-image: url('./../../../assets/images/ic_report_navy_24.svg');
// }
// .attach {
// &:hover,
// &.active {
// background-image: url('./../../../assets/images/ic_search_white_24.svg');
// }
// }
// .attach-bg {
// background-image: url('./../../../assets/images/ic_search_navy_24.svg');
// }
// .ars-admin {
// &:hover,
// &.active {
// background-image: url('./../../../assets/images/ic_settings_white_24.svg');
// }
// }
// .ars-admin-bg {
// background-image: url('./../../../assets/images/ic_settings_navy_24.svg');
// }
// These may be used for external apps
// .exit-links {
// position: absolute;
// bottom: 0;
// width: 210px;
// background-color: #bbb;
// border-top: 1px solid $gray-base;
// border-bottom: 0;
// color: $color-primary;
// }
// Refer to Styles.scss for other @media declarations
@media screen and (max-width: 1367px) {
// Make max-width 1367 for normal view; 1920 for EWV2SS
.nav-bar {
// .nav-bar.collapsed
width: 42px;
& a {
&.navy {
background-color: $color-primary;
} // Creates fly-outs
& span {
margin-top: -4px;
margin-left: 30px;
padding: 3px 12px 3px 0;
display: block;
visibility: hidden;
opacity: 0;
width: 175px;
height: 36px;
background-color: $color-primary;
border-radius: 0 3px 3px 0;
box-shadow: $shadow-base;
white-space: nowrap;
color: #fff; // transition: all 0.2s linear 0.5s;
&.show {
visibility: visible; // JS toggles class on/off to show flyout
opacity: 1;
}
}
}
& a:hover {
// Shows fly-outs
& span {
visibility: visible;
opacity: 1;
}
}
}
}
.fpp-nav {
// Flips to white icons
&.navy {
background-image: url('./../../../assets/images/ic_star_white_24.svg');
}
}
.ewv-nav {
&.navy {
background-image: url('./../../../assets/images/ic_search_db_white_24px.svg');
}
}
.ar-nav {
&.navy {
background-image: url('./../../../assets/images/ic_file_doc_white_24.svg');
}
}
.ucp-report {
&.navy {
background-image: url('./../../../assets/images/ic_report_white_24.svg');
}
}
.ucp-admin {
&.navy {
background-image: url('./../../../assets/images/ic_settings_white_24.svg');
}
}
// .search {
// &.navy {
// background-image: url('./../../../assets/images/ic_search_clipboard_white_24px.svg');
// }
// }
// .submit {
// &.navy {
// background-image: url('./../../../assets/images/ic_send_clipboard_white_24px.svg');
// }
//
// }
// .admin {
// &.navy {
// background-image: url('./../../../assets/images/ic_user_circle_white_24.svg');
// }
//
// }
// .report {
// &.navy {
// background-image: url('./../../../assets/images/ic_report_white_24.svg');
// }
//
// }
// .ars-admin {
// &.navy {
// background-image: url('./../../../assets/images/ic_settings_white_24.svg');
// }
//
// }
// .attach-search {
// &.navy {
// background-image: url('./../../../assets/images/ic_search_white_24.svg');
// }
//
// }
// }