| Index: skin/popup.css |
| =================================================================== |
| --- a/skin/popup.css |
| +++ b/skin/popup.css |
| @@ -63,7 +63,6 @@ |
| #notification |
| { |
| - display: none; |
| position: relative; |
| margin-top: -70px; |
| min-height: 50px; |
| @@ -96,7 +95,7 @@ |
| color: #fff; |
| } |
| -#close-notification |
| +#notification-close |
| { |
| cursor: pointer; |
| display: inline-block; |
| @@ -109,6 +108,40 @@ |
| background-position: -34px -89px; |
| } |
| +#notification.closing |
| +{ |
| + border-color: #000; |
| + background-color: #020D14; |
| +} |
| + |
| +#notification.closing #notification-content, |
| +#notification:not(.closing) #notification-close-content |
| +{ |
| + display: none; |
| +} |
| + |
| +#notification-close-content li |
| +{ |
| + padding: 7px 7px 7px 17px; |
| + color: #FFF; |
| + text-decoration: underline; |
| + white-space: inherit; |
| + border: none; |
| +} |
| + |
| +#notification-close-content li::before |
| +{ |
| + content: "\0203A"; |
| + display: inline-block; /* prevent pseudo element from being underlined */ |
| + width: 10px; |
| + margin-left: -10px; |
| +} |
| + |
| +#notification-close-content li:hover |
| +{ |
| + background-color: rgba(255, 255, 255, 0.3); |
| +} |
| + |
| footer |
| { |
| cursor: pointer; |