Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .notification {
- font-family: "HeliosExtWeb", "Arial", sans-serif;
- position: fixed;
- z-index: 9999999;
- top: 20px;
- left: 50%;
- margin-left: -230px;
- width: 500px;
- display: block;
- background-color: #E5F7DC;
- padding: 19px 20px 21px;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 0.15s;
- transition-property: opacity, transform;
- opacity: 0;
- transform: translate(0, -10px);
- cursor: pointer;
- pointer-events: none;
- }
- .notification .notification__message {
- padding-right: 80px;
- }
- .notification .notification__close {
- transition-property: color, opacity;
- color: #0378E0;
- cursor: pointer;
- position: absolute;
- top: 19px;
- right: 20px;
- }
- .notification .notification__close:hover {
- color: #FD871F;
- }
- .notification .notification__close:visited, .notification .notification__close:active, .notification .notification__close:focus {
- outline: none;
- }
- .notification .notification__close:active {
- opacity: 0.7;
- }
- .notification.notification--visible {
- opacity: 1;
- transform: translate(0, 0);
- pointer-events: auto;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement