.shortpixel.shortpixel-notice
{
min-height: 75px;
padding: 8px;
display: flex;
align-items: center;
background: #fff;
padding: 1px 12px;
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
border: 1px solid #c3c4c7;
margin: 15px 0;
border-left-width: 4px;
border-left-color: #72aee6;
position: relative;
span
{
vertical-align: middle;
&.icon {
margin: 0 25px 0 0;
width: 80px;
}
&.content
{
padding: 8px 0;
word-wrap: break-word;
overflow: hidden;
//display: flex; // magically fixes verticality issues
}
}
img
{
display:inline-block;
margin: 0 25px 0 0;
max-height: 50px;
}
.notice-dismiss
{
margin-top: 6px;
}
&.notice-success
{
border-left-color: #00a32a;
}
&.notice-warning
{
border-left-color: #dba617;
}
&.notice-error
{
border-left-color: #ff0000;
}
&.notice-info
{
border-left-color: #72aee6;
}
}
/* In-view notice ( not on top, between the options ) - styled after WP notice */
.view-notice
{
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
border: 4px solid #fff;
padding: 1px 12px;
p {
margin: 1em 0 !important;
}
&.warning
{
border-left-color: #ffb900;
}
}
.view-notice-row
{
display: none;
}