| Index: popup.html |
| =================================================================== |
| --- a/popup.html |
| +++ b/popup.html |
| @@ -31,7 +31,34 @@ |
| } |
| a { text-decoration: none } |
| -a:hover { color: #eeeeff } |
| + |
| +#notification |
| +{ |
| + min-width: 240px; |
| + margin-bottom: 10px; |
| + border-radius: 5px; |
| + border: 2px solid; |
| +} |
| + |
| +#notification.information |
| +{ |
| + border-color: #09d; |
| +} |
| + |
| +#notification.critical |
| +{ |
| + border-color: #e40; |
| +} |
| + |
| +#notification>h1 |
| +{ |
| + font-size: 16px; |
| +} |
| + |
| +#notification>* |
| +{ |
| + margin: 5px; |
| +} |
| #filtersList { |
| border: 1px dotted gray; |
| @@ -54,8 +81,14 @@ |
| <script type="text/javascript" src="jquery-ui/js/jquery-1.7.1.min.js"></script> |
| <script type="text/javascript" src="i18n.js"></script> |
| <script type="text/javascript" src="popup.js"></script> |
| +<script type="text/javascript" src="notification.js"></script> |
| </head> |
| <body id="main"> |
| +<div id="notification" style="display: none"> |
| +<h1 id="title"></h1> |
| +<p id="message"></p> |
| +</div> |
| + |
| <div id="enabledCheckboxAndLabel" style="display:none"><input id="enabled" type="checkbox" checked><label for="enabled"><span class="i18n_enabled_for_site"></span></label></div> |
| <div id="clickHideInactiveStuff" style="display: none"> |
| <div class="spacer"></div> |