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

Side by Side Diff: popup.html

Issue 29317001: Relocated icon and redesigned icon popup (Closed)
Patch Set: Created Nov. 7, 2013, 5:44 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
« no previous file with comments | « notification.js ('k') | popup.js » ('j') | 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 -
11 - Adblock Plus is distributed in the hope that it will be useful, 11 - Adblock Plus is distributed in the hope that it will be useful,
12 - but WITHOUT ANY WARRANTY; without even the implied warranty of 12 - but WITHOUT ANY WARRANTY; without even the implied warranty of
13 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 13 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14 - GNU General Public License for more details. 14 - GNU General Public License for more details.
15 - 15 -
16 - You should have received a copy of the GNU General Public License 16 - You should have received a copy of the GNU General Public License
17 - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. 17 - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>.
18 --> 18 -->
19 19
20 <html> 20 <html>
21 <head> 21 <head>
22 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 22 <link rel="stylesheet" type="text/css" href="skin/popup.css">
23 <link type="text/css" href="jquery-ui/css/smoothness/jquery-ui-1.8.16.custom.css " rel="stylesheet" /> 23 <script src="i18n.js"></script>
24 <style type="text/css" media="screen"> 24 <script src="popup.js"></script>
25 body { 25 <script src="notification.js"></script>
26 font-size: 75%; 26 <script src="stats.js"></script>
27 font-family: Helvetica, Arial, sans-serif;
28 min-width: 170px;
29 background: #ffffff;
30 color: #000000;
31 }
32
33 a { text-decoration: none }
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 }
62
63 #filtersList {
64 border: 1px dotted gray;
65 padding: 1px;
66 font-size: 75%;
67 display: none;
68 }
69
70 .ui-button {
71 padding: 3px;
72 }
73
74 .spacer {
75 height: 7px;
76 width: 5px;
77 display: block;
78 }
79
80 #statsContainer
81 {
82 margin: 10px 5px;
83 padding: 5px;
84 border: 1px solid rgb(150, 150, 200);
85 border-radius: 5px;
86 white-space: nowrap;
87 background: -webkit-linear-gradient(rgb(250, 250, 255), rgb(200, 200, 255) 50p x);
88 background: linear-gradient(rgb(250, 250, 255), rgb(200, 200, 255) 50px);
89 }
90
91 #statsPage > strong,
92 #statsTotal > strong
93 {
94 display: inline-block;
95 min-width: 50px;
96 color: rgb(255, 50, 50);
97 text-align: right;
98 }
99
100 #share
101 {
102 display: block;
103 color: rgb(75, 75, 200);
104 text-align: right;
105 text-decoration: underline;
106 }
107
108 #shareBox > a
109 {
110 display: block;
111 margin-top: 5px;
112 }
113 </style>
114
115 <script type="text/javascript" src="jquery-ui/js/jquery-1.7.1.min.js"></script>
116 <script type="text/javascript" src="i18n.js"></script>
117 <script type="text/javascript" src="popup.js"></script>
118 <script type="text/javascript" src="notification.js"></script>
119 <script type="text/javascript" src="stats.js"></script>
120 </head> 27 </head>
121 <!-- Set tabindex to work around Chromium issue 304532 --> 28 <!-- Set tabindex to work around Chromium issue 304532 -->
122 <body id="main" tabindex="1"> 29 <body tabindex="1">
123 <div id="notification" style="display: none"> 30
124 <h1 id="title"></h1> 31 <header>
125 <p id="message"></p> 32 <div id="logo"></div>
33 </header>
34
35 <div id="wrapper">
36 <div id="notification">
37 <h1>
38 <span id="notification-title"></span>
39 <div id="close-notification"></div>
40 </h1>
41 <div id="notification-message"></div>
42 </div>
43
44 <div id="clickhide-instructions" class="i18n_clickhide_instructions"></div>
45
46 <ul id="menu">
47 <li id="enabled" class="menu-item" role="button">
48 <div class="icon"></div>
49 <span id="enabled-on" class="i18n_disable_for_site"></span>
50 <span id="enabled-off" class="i18n_enable_for_site"></span>
51 </li>
52
53 <li id="clickhide" class="menu-item" role="button">
54 <div class="icon"></div>
55 <span class="i18n_easy_create_filter"></span>
56 </li>
57 <li id="clickhide-cancel" class="menu-item" role="button">
58 <div class="icon"></div>
59 <span class="i18n_cancel"></span>
60 </li>
61
62 <li id="stats-container">
63 <div class="menu-item collapse" data-option="show_popupstats" data-collaps able="stats-container" role="button">
64 <div class="icon"></div>
65 <span class="i18n_stats_title"></span>
66 <div class="collapse-icon"></div>
67 </div>
68 <ul id="stats" class="collapsable">
69 <li>
70 <div>
71 <div id="stats-page"></div>
72 <div id="stats-total"></div>
73 </div>
74
75 <div id="share">
76 <span class="i18n_stats_share_title"></span>
77 <div id="share-box">
78 <div data-social="facebook"></div>
79 <div data-social="twitter"></div>
80 <div data-social="gplus"></div>
81 </div>
82 </div>
83 </li>
84 <li>
85 <div id="show-iconnumber" class="checkbox" role="checkbox" aria-checke d></div>
86 <label for="show-iconnumber" class="i18n_stats_show_iconnumber"></labe l>
87 </li>
88 </ul>
89 </li>
90 </ul>
126 </div> 91 </div>
127 92
128 <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> 93 <footer id="options" role="button">
129 <div id="clickHideInactiveStuff" style="display: none"> 94 <div class="icon"></div>
130 <div class="spacer"></div> 95 <span class="i18n_options_short"></span>
131 <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> 96 </footer>
132 </div>
133 97
134 <div id="clickHideActiveStuff" style="display: none">
135 <div id="clickHideMsg"><span class="i18n_clickhide_instructions"></span></div>
136 <div class="spacer"></div>
137 <button id="cancelButton" class="ui-button ui-widget ui-state-default ui-corner- all ui-button-text-only"><span class="i18n_cancel"></span></button>
138 </div>
139
140 <div id="statsContainer" hidden>
141 <strong class="i18n_stats_title"></strong>
142 <div id="stats">
143 <div id="statsPage" class="label"></div>
144 <div id="statsTotal" class="label"></div>
145 </div>
146 <div>
147 <a id="share" class="i18n_stats_share_title" href="#"></a>
148 <div id="shareBox" hidden>
149 <a class="i18n_stats_share_label_fb ui-button ui-widget ui-state-default u i-corner-all" data-social="facebook"></a>
150 <a id="shareTwitter" class="i18n_stats_share_label_twitter ui-button ui-wi dget ui-state-default ui-corner-all" data-social="twitter"></a>
151 <a id="shareGplus" class="i18n_stats_share_label_gplus ui-button ui-widget ui-state-default ui-corner-all" data-social="gplus"></a>
152 </div>
153 </div>
154 </div>
155
156 </div>
157 </body> 98 </body>
158 </html> 99 </html>
OLDNEW
« no previous file with comments | « notification.js ('k') | popup.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld