65 lines
1.2 KiB
CSS
65 lines
1.2 KiB
CSS
|
.g-alert{
|
||
|
|
display:inline-flex;
|
||
|
|
align-items:flex-start;
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
.g-alert:hover{
|
||
|
|
opacity:0.8;
|
||
|
|
}
|
||
|
|
.g-alert.dark span, .g-alert.dark p{
|
||
|
|
color:#0f1013;
|
||
|
|
}
|
||
|
|
|
||
|
|
.g-alert.nomad-green span{
|
||
|
|
border-color:#00bc7f;
|
||
|
|
}
|
||
|
|
.g-alert.nomad-green svg line{
|
||
|
|
stroke:#00bc7f;
|
||
|
|
}
|
||
|
|
.g-alert.nomad-green svg path{
|
||
|
|
fill:#00bc7f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.g-alert span{
|
||
|
|
background-color: white;
|
||
|
|
text-transform:uppercase;
|
||
|
|
padding:3px 10px;
|
||
|
|
border:1px solid #1563ff;
|
||
|
|
border-radius:3px;
|
||
|
|
margin-right:12px;
|
||
|
|
color:black;
|
||
|
|
white-space:nowrap;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.g-alert p{
|
||
|
|
background-color: white;
|
||
|
|
color:black;
|
||
|
|
margin:0;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.g-alert svg{
|
||
|
|
margin-left:12px
|
||
|
|
}
|
||
|
|
.g-alert svg line{
|
||
|
|
stroke:#1563ff;
|
||
|
|
}
|
||
|
|
.g-alert svg path{
|
||
|
|
fill:#1563ff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.g-alert-banner{
|
||
|
|
background:linear-gradient(90deg, #1563ff 1.56%, #08368b 100%);
|
||
|
|
color:#ffffff;
|
||
|
|
display:none;
|
||
|
|
overflow:hidden;
|
||
|
|
position:relative;
|
||
|
|
transition:height 0.3s ease-out
|
||
|
|
}
|
||
|
|
|
||
|
|
.g-alert-banner.nomad{
|
||
|
|
background:linear-gradient(90deg, #00bc7f 1.56%, #005738 100%)
|
||
|
|
}
|
||
|
|
.g-alert-banner.nomad svg path{
|
||
|
|
stroke:#6bd8b4;
|
||
|
|
}
|