Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

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.
Jump to:
View unified diff | Download patch
« 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') | Show Comments Hide Comments ('s')
OLDNEW
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
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>
OLDNEW
« notification.js ('K') | « notification.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld