| Index: skin/new-options.css |
| =================================================================== |
| --- a/skin/new-options.css |
| +++ b/skin/new-options.css |
| @@ -1078,3 +1078,54 @@ |
| { |
| display: none; |
| } |
| + |
| +/* |
| + Notification |
| +*/ |
| + |
| +#notification |
| +{ |
| + position: fixed; |
| + top: 0rem; |
| + left: 0rem; |
| + display: flex; |
| + padding: 1rem 1.9rem; |
| + width: 100%; |
| + box-sizing: border-box; |
| + opacity: 0.8; |
| + font-size: 1rem; |
| + color: #099CD0; |
| + background-color: #E1F2FA; |
| +} |
| + |
| +#notification strong |
| +{ |
| + flex: 1; |
| + text-align: center; |
| +} |
| + |
| +#hide-notification |
| +{ |
| + border: 0rem; |
| + padding: 0rem; |
| + margin: 0rem 1rem; |
| + background-color: transparent; |
| + cursor: pointer; |
| +} |
| + |
| +#hide-notification::after |
| +{ |
| + content: ""; |
| + display: block; |
| + height: 1rem; |
| + width: 1rem; |
| + border: 0rem; |
| + background-color: #099DD1; |
| + -webkit-mask: url(delete.svg); |
| + mask: url(delete.svg); |
| +} |
| + |
| +#hide-notification:hover::after |
| +{ |
| + background-color: #5CBCE1; |
| +} |