Side by Side Diff: popup.html
Issue 11161031:
Show notifications on startup (Chrome) (Closed)
Patch Set: Addressed issues (except for the animation)
Created July 22, 2013, 12:27 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« notification.js ('K')
|
« notification.js ('k')
|
no next file »
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <!-- | 3 <!-- |
| 4 - This file is part of Adblock Plus <http://adblockplus.org/>, | 4 - This file is part of Adblock Plus <http://adblockplus.org/>, |
| 5 - Copyright (C) 2006-2013 Eyeo GmbH | 5 - Copyright (C) 2006-2013 Eyeo GmbH |
| 6 - | 6 - |
| 7 - Adblock Plus is free software: you can redistribute it and/or modify | 7 - Adblock Plus is free software: you can redistribute it and/or modify |
| 8 - it under the terms of the GNU General Public License version 3 as | 8 - it under the terms of the GNU General Public License version 3 as |
| 9 - published by the Free Software Foundation. | 9 - published by the Free Software Foundation. |
| 10 - | 10 - |
| (...skipping 13 matching lines...) Expand all Loading... | |
| 24 <style type="text/css" media="screen"> | 24 <style type="text/css" media="screen"> |
| 25 body { | 25 body { |
| 26 font-size: 75%; | 26 font-size: 75%; |
| 27 font-family: Helvetica, Arial, sans-serif; | 27 font-family: Helvetica, Arial, sans-serif; |
| 28 min-width: 170px; | 28 min-width: 170px; |
| 29 background: #ffffff; | 29 background: #ffffff; |
| 30 color: #000000; | 30 color: #000000; |
| 31 } | 31 } |
| 32 | 32 |
| 33 a { text-decoration: none } | 33 a { text-decoration: none } |
| 34 a:hover { color: #eeeeff } | 34 |
| 35 #notification | |
| 36 { | |
| 37 min-width: 240px; | |
| 38 margin-bottom: 10px; | |
| 39 border-radius: 5px; | |
| 40 border: 2px solid; | |
| 41 } | |
| 42 | |
| 43 #notification.information | |
| 44 { | |
| 45 border-color: #09d; | |
| 46 } | |
| 47 | |
| 48 #notification.critical | |
| 49 { | |
| 50 border-color: #e40; | |
| 51 } | |
| 52 | |
| 53 #notification>h1 | |
| 54 { | |
| 55 font-size: 16px; | |
| 56 } | |
| 57 | |
| 58 #notification>* | |
| 59 { | |
| 60 margin: 5px; | |
| 61 } | |
| 35 | 62 |
| 36 #filtersList { | 63 #filtersList { |
| 37 border: 1px dotted gray; | 64 border: 1px dotted gray; |
| 38 padding: 1px; | 65 padding: 1px; |
| 39 font-size: 75%; | 66 font-size: 75%; |
| 40 display: none; | 67 display: none; |
| 41 } | 68 } |
| 42 | 69 |
| 43 .ui-button { | 70 .ui-button { |
| 44 padding: 3px; | 71 padding: 3px; |
| 45 } | 72 } |
| 46 | 73 |
| 47 .spacer { | 74 .spacer { |
| 48 height: 7px; | 75 height: 7px; |
| 49 width: 5px; | 76 width: 5px; |
| 50 display: block; | 77 display: block; |
| 51 } | 78 } |
| 52 </style> | 79 </style> |
| 53 | 80 |
| 54 <script type="text/javascript" src="jquery-ui/js/jquery-1.7.1.min.js"></script> | 81 <script type="text/javascript" src="jquery-ui/js/jquery-1.7.1.min.js"></script> |
| 55 <script type="text/javascript" src="i18n.js"></script> | 82 <script type="text/javascript" src="i18n.js"></script> |
| 56 <script type="text/javascript" src="popup.js"></script> | 83 <script type="text/javascript" src="popup.js"></script> |
| 84 <script type="text/javascript" src="notification.js"></script> | |
| 57 </head> | 85 </head> |
| 58 <body id="main"> | 86 <body id="main"> |
| 87 <div id="notification" style="display: none"> | |
| 88 <h1 id="title"></h1> | |
| 89 <p id="message"></p> | |
| 90 </div> | |
| 91 | |
| 59 <div id="enabledCheckboxAndLabel" style="display:none"><input id="enabled" type= "checkbox" checked><label for="enabled"><span class="i18n_enabled_for_site"></sp an></label></div> | 92 <div id="enabledCheckboxAndLabel" style="display:none"><input id="enabled" type= "checkbox" checked><label for="enabled"><span class="i18n_enabled_for_site"></sp an></label></div> |
| 60 <div id="clickHideInactiveStuff" style="display: none"> | 93 <div id="clickHideInactiveStuff" style="display: none"> |
| 61 <div class="spacer"></div> | 94 <div class="spacer"></div> |
| 62 <button id="clickHideButton" class="ui-button ui-widget ui-state-default ui-corn er-all ui-button-text-only"><span class="i18n_easy_create_filter"></span></butto n> | 95 <button id="clickHideButton" class="ui-button ui-widget ui-state-default ui-corn er-all ui-button-text-only"><span class="i18n_easy_create_filter"></span></butto n> |
| 63 </div> | 96 </div> |
| 64 | 97 |
| 65 <div id="clickHideActiveStuff" style="display: none"> | 98 <div id="clickHideActiveStuff" style="display: none"> |
| 66 <div id="clickHideMsg"><span class="i18n_clickhide_instructions"></span></div> | 99 <div id="clickHideMsg"><span class="i18n_clickhide_instructions"></span></div> |
| 67 <div class="spacer"></div> | 100 <div class="spacer"></div> |
| 68 <button id="cancelButton" class="ui-button ui-widget ui-state-default ui-corner- all ui-button-text-only"><span class="i18n_cancel"></span></button> | 101 <button id="cancelButton" class="ui-button ui-widget ui-state-default ui-corner- all ui-button-text-only"><span class="i18n_cancel"></span></button> |
| 69 </div> | 102 </div> |
| 70 | 103 |
| 71 </div> | 104 </div> |
| 72 </body> | 105 </body> |
| 73 </html> | 106 </html> |
| OLD | NEW |
