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';
.alert-inline {
padding: $padding-xl;
&.narrow {
padding: $padding-md;
height: 39px;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
font-size: 16px;
color: #fff;
background-color: $color-info;
&::before {
content: url('/assets/images/ic_info_white_24px.svg');
display: inline-block;
margin-top: -4px;
height: 24px;
vertical-align: middle;
padding-right: 8px;
}
}
&.small {
margin: 0;
padding-left: 96px;
height: 74px;
border-width: 1px;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 18px;
box-shadow: $shadow-base;
background-repeat: no-repeat;
background-size: 72px;
background-position-x: 12px;
}
&.info {
color: $color-info;
border-color: $color-info;
&.solid {
background-color: $color-info;
background-image: url('/assets/images/ic_info_white_24px.svg');
color: #fff;
border-top: 3px solid $gray-lighter;
}
}
&.success {
color: $color-success;
border-color: $color-success;
&.solid {
background-color: $color-success;
background-image: url('/assets/images/ic_info_white_24px.svg');
color: #fff;
border-top: 3px solid $gray-lighter;
}
}
&.danger {
color: $color-danger;
border-color: $color-danger;
&.solid {
background-color: $color-danger;
background-image: url('/assets/images/ic_warning_white_24px.svg');
color: #fff;
border-top: 3px solid $gray-lighter;
}
}
&.warning-msg {
color: $color-warning;
border-color: $color-warning;
&.solid {
background-color: $color-warning;
background-image: url('/assets/images/ic_warning_white_24px.svg');
color: #fff;
border-top: 3px solid $gray-lighter;
}
}
&.ewv {
background-color: #fff;
color: $color-info;
border-bottom: 1px solid $color-info;
border-color: $color-info;
background-image: url('/assets/images/ic_info_outline_blue.svg');
}
&.no-info {
// This class used in EWV Accordions
margin-top: 15px;
border: 0;
text-align: center;
color: $color-info;
box-shadow: none;
&::before {
content: url('/assets/images/ic_info_blue_24px.svg');
display: inline-block;
margin-top: -4px;
height: 24px;
vertical-align: middle;
padding-right: 8px;
}
}
}
.alert-sidebar {
&.info {
color: $color-info;
background-image: url('/assets/images/ic_info_blue_24px.svg');
background-repeat: no-repeat;
background-size: 8%;
background-position: 6px 6px;
border-left: none;
}
}
.center-me {
position: relative;
top: 90px;
}
.animate-open {
opacity: 0;
animation: rollRight ease-in;
animation-fill-mode: forwards;
animation-duration: 0.5s;
}
.animate-close {
opacity: 1;
animation: fadeClose ease-in 1;
animation-fill-mode: forwards; // animation-delay: 0.5s;
animation-duration: 0.2s;
}
@keyframes rollRight {
from {
width: 0;
opacity: 0;
display: none;
}
to {
width: 100%;
opacity: 1;
display: block;
}
}
@keyframes fadeClose {
from {
opacity: 1;
height: 74px;
}
to {
opacity: 0;
height: 0;
}
}
.close-alert {
// Makes circle 'close' icon for dialog box
float: right;
width: 24px;
height: 24px;
border-radius: 12px; // border: 1px solid #fff;
opacity: 0.75;
background-color: #fff;
cursor: pointer;
&:hover {
opacity: 1;
}
}
// Helper Class
.no-rows {
margin-bottom: 9px;
box-shadow: none;
}