| 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; | 
| +} | 
|  |