style: add classes for wcs backoffice messages (#22103)

This commit is contained in:
Frédéric Péters 2018-03-02 13:11:04 +01:00
parent 77bb52b9fa
commit c8a261135f
1 changed files with 41 additions and 0 deletions

View File

@ -242,6 +242,47 @@ ul.messages {
}
}
div.infonotice,
div.successnotice,
div.warningnotice,
div.errornotice {
position: relative;
font-size: 110%;
background: #fafafa;
color: #3c3c33;
font-weight: normal;
margin: 1ex 0;
padding: 1ex;
border: 1px solid transparent;
border-left-width: 25px;
&::before {
position: absolute;
top: 0.8rem;
left: -25px;
width: 25px;
display: inline-block;
text-align: center;
font-family: FontAwesome;
color: white;
}
&.successnotice {
&:before { content: "\f058"; } /* check-circle */
border-color: #00b000;
}
&.infonotice {
&:before { content: "\f05a"; } /* info-circle */
border-color: #0000b0;
}
&.warningnotice {
&:before { content: "\f06a"; } /* exclamation-circle */
border-color: #ffb000;
}
&.errornotice {
&:before { content: "\f071"; } /* exclamation-triangle */
border-color: #b00000;
}
}
/* main content */
div#main-content {