//Notification succes #jquery-notification { display: inline-block; max-width: 95%; //background: transparent image-url("js/notification/black-75.png") repeat; @include background-color-rgba(#37383a, 0.8); border-radius: 12px; padding: 20px 20px 20px 45px; cursor: pointer; &:after { position: absolute; width: 24px; height: 24px; content: "\e000"; color:$successColor; font-size: 24px; font-family: 'icon'; left: 10px; top:17px; } } //Notification error #jquery-notification-error { display: inline-block; position: relative; max-width: 95%; //background: transparent image-url("js/notification/red-75.png") repeat; @include background-color-rgba(#37383a, 0.8); border-radius: 12px; padding: 20px 20px 20px 45px; cursor: pointer; &:after { position: absolute; width: 24px; height: 24px; content: "\e007"; color:$dangerColor; font-size: 24px; font-family: 'icon'; left: 10px; top:17px; } } //Notification message .jquery-notification #jquery-notification-message { font-size:24px; color: #FFF; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9); text-align: center; }