Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(398)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: remoting/webapp/main.html

Issue 9582038: CSS clean-up. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« remoting/webapp/main.css ('K') | « remoting/webapp/main.css ('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 Copyright (c) 2012 The Chromium Authors. All rights reserved. 3 Copyright (c) 2012 The Chromium Authors. All rights reserved.
4 Use of this source code is governed by a BSD-style license that can be 4 Use of this source code is governed by a BSD-style license that can be
5 found in the LICENSE file. 5 found in the LICENSE file.
6 --> 6 -->
7 7
8 <html> 8 <html>
9 <head> 9 <head>
10 <meta charset="utf-8"> 10 <meta charset="utf-8">
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
58 58
59 <header data-ui-mode="home" hidden> 59 <header data-ui-mode="home" hidden>
60 <div> 60 <div>
61 <img src="chromoting48.png"> 61 <img src="chromoting48.png">
62 <h1 class="icon-label" i18n-content="PRODUCT_NAME"></h1> 62 <h1 class="icon-label" i18n-content="PRODUCT_NAME"></h1>
63 </div> 63 </div>
64 <div class="box-spacer"></div> 64 <div class="box-spacer"></div>
65 <div id="top-secondary"> 65 <div id="top-secondary">
66 <span id="current-email"></span> 66 <span id="current-email"></span>
67 <span data-ui-mode="home"> 67 <span data-ui-mode="home">
68 <a id="clear-oauth" href="#" i18n-content="SIGN_OUT_BUTTON"></a> | 68 <a id="clear-oauth" i18n-content="SIGN_OUT_BUTTON"></a> |
Jamie 2012/03/03 01:38:08 No href means the links don't change colour if you
69 <!-- TODO(jamiewalch): Add this back in when we support it. 69 <!-- TODO(jamiewalch): Add this back in when we support it.
70 <a id="connection-history" href="#" 70 <a id="connection-history"
71 i18n-content="CONNECTION_HISTORY_BUTTON"></a> | 71 i18n-content="CONNECTION_HISTORY_BUTTON"></a> |
72 --> 72 -->
73 </span> 73 </span>
74 <a href="https://www.google.com/support/chrome/bin/answer.py?answer=1649 523" 74 <a href="https://www.google.com/support/chrome/bin/answer.py?answer=1649 523"
75 target="_blank" i18n-content="HELP"></a> 75 target="_blank" i18n-content="HELP"></a>
76 </div> 76 </div>
77 </header> 77 </header>
78 78
79 <div data-ui-mode="home" hidden> 79 <div data-ui-mode="home" hidden>
80 <section> 80 <section>
81 <div i18n-content="DESCRIPTION_HOME" 81 <div i18n-content="DESCRIPTION_HOME"
82 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr ome.google.com/remotedesktop</a>"></div> 82 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr ome.google.com/remotedesktop</a>"></div>
83 </section> 83 </section>
84 84
85 <section> 85 <section>
86 <h2 i18n-content="MODE_IT2ME"></h2> 86 <h2 i18n-content="MODE_IT2ME"></h2>
87 <div> 87 <div>
88 <div class="section-row"> 88 <div class="section-row">
89 <div class="box-spacer"> 89 <div class="box-spacer">
90 <div i18n-content="HOME_SHARE_DESCRIPTION"></div> 90 <div i18n-content="HOME_SHARE_DESCRIPTION"></div>
91 <div id="chrome-os-no-share" 91 <div id="chrome-os-no-share"
92 i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS" 92 i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS"
93 class="small-print"></div> 93 class="small-print"></div>
94 </div> 94 </div>
95 <div> 95 <div>
96 <button id="share-button" 96 <button id="share-button"
97 i18n-content="HOME_SHARE_BUTTON" 97 i18n-content="HOME_SHARE_BUTTON"
98 class="kd-button kd-button-share" 98 class="kd-button-share"
99 type="button"> 99 type="button">
100 </button> 100 </button>
101 </div> 101 </div>
102 </div> 102 </div>
103 </div> 103 </div>
104 <div class="section-row"> 104 <div class="section-row">
105 <div i18n-content="HOME_ACCESS_DESCRIPTION" class="box-spacer"></div> 105 <div i18n-content="HOME_ACCESS_DESCRIPTION" class="box-spacer"></div>
106 <div> 106 <div>
107 <button id="access-mode-button" 107 <button id="access-mode-button"
108 i18n-content="HOME_ACCESS_BUTTON" 108 i18n-content="HOME_ACCESS_BUTTON"
109 class="kd-button"
110 type="button"> 109 type="button">
111 </button> 110 </button>
112 </div> 111 </div>
113 </div> 112 </div>
114 </section> <!-- Remote Assistance --> 113 </section> <!-- Remote Assistance -->
115 114
116 <section id="host-list-div" 115 <section id="host-list-div" class="host-list-container" hidden>
117 class="host-list-container collapsed"
118 hidden>
119 <h2 i18n-content="MODE_ME2ME"></h2> 116 <h2 i18n-content="MODE_ME2ME"></h2>
120 <div id="host-list"></div> 117 <div id="host-list"></div>
121 <div id="host-list-error" class="error-state"></div> 118 <div id="host-list-error" class="error-state"></div>
122 <div id="daemon-control" data-daemon-state="enabled disabled"> 119 <div id="daemon-control" data-daemon-state="enabled disabled">
123 <table class="host-list-table"> 120 <table class="host-list-table">
124 <!-- TODO(jamiewalch): Rewrite this using flex boxes and apply the 121 <!-- TODO(jamiewalch): Rewrite this using flex boxes and apply the
125 host-offline style if the daemon is not running --> 122 host-offline style if the daemon is not running -->
126 <tr> 123 <tr>
127 <td class="host-list-main-icon"> 124 <td class="host-list-main-icon">
128 <img src="icon_host.png"> 125 <img src="icon_host.png">
129 </td> 126 </td>
130 <td class="host-list-label"> 127 <td class="host-list-label">
131 <span id="this-computer-name" 128 <span id="this-computer-name"
132 data-daemon-state="enabled"> 129 data-daemon-state="enabled">
133 Spongebob Squaretrousers 130 Spongebob Squaretrousers
134 </span> 131 </span>
135 <span i18n-content="HOME_DAEMON_START_MESSAGE" 132 <span i18n-content="HOME_DAEMON_START_MESSAGE"
136 data-daemon-state="disabled"> 133 data-daemon-state="disabled">
137 </span> 134 </span>
138 </td> 135 </td>
139 <td class="mode-select-button-column"> 136 <td class="mode-select-button-column">
140 <button type="button" 137 <button type="button"
141 id="stop-daemon" 138 id="stop-daemon"
142 i18n-content="HOME_DAEMON_STOP_BUTTON" 139 i18n-content="HOME_DAEMON_STOP_BUTTON"
143 data-daemon-state="enabled" 140 data-daemon-state="enabled">
144 class="kd-button">
145 </button> 141 </button>
146 <button type="button" 142 <button type="button"
147 id="start-daemon" 143 id="start-daemon"
148 i18n-content="HOME_DAEMON_START_BUTTON" 144 i18n-content="HOME_DAEMON_START_BUTTON"
149 data-daemon-state="disabled" 145 data-daemon-state="disabled">
150 class="kd-button">
151 </button> 146 </button>
152 </td> 147 </td>
153 </tr> 148 </tr>
154 </table> 149 </table>
155 <div data-daemon-state="enabled"> 150 <div data-daemon-state="enabled">
156 <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span> 151 <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span>
157 <a id="change-daemon-pin" 152 <a id="change-daemon-pin"
158 href="#" 153 href="#"
159 i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a> 154 i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a>
160 </div> 155 </div>
(...skipping 22 matching lines...) Expand all
183 <label for="daemon-pin-confirm" 178 <label for="daemon-pin-confirm"
184 i18n-content="ASK_PIN_DIALOG_CONFIRM_LABEL"></label> 179 i18n-content="ASK_PIN_DIALOG_CONFIRM_LABEL"></label>
185 <input id="daemon-pin-confirm" type="password"> 180 <input id="daemon-pin-confirm" type="password">
186 <button id="daemon-pin-ok" type="submit" i18n-content="OK"></button> 181 <button id="daemon-pin-ok" type="submit" i18n-content="OK"></button>
187 <img id="start-daemon-spinner" src="spinner.gif" hidden> 182 <img id="start-daemon-spinner" src="spinner.gif" hidden>
188 </form> 183 </form>
189 </div> <!-- ask-pin-dialog --> 184 </div> <!-- ask-pin-dialog -->
190 185
191 <div id="auth-dialog" 186 <div id="auth-dialog"
192 data-ui-mode="home.auth" 187 data-ui-mode="home.auth"
193 class="kd-modaldialog visible"> 188 class="kd-modaldialog">
194 <h2 i18n-content="MODE_AUTHORIZE"></h2> 189 <h2 i18n-content="MODE_AUTHORIZE"></h2>
195 <p i18n-content="DESCRIPTION_AUTHORIZE"></p> 190 <p i18n-content="DESCRIPTION_AUTHORIZE"></p>
196 <div class="centered-button"> 191 <div class="centered-button">
197 <button id="auth-button" 192 <button id="auth-button"
198 class="kd-button"
199 type="button" 193 type="button"
200 i18n-content="CONTINUE_BUTTON"> 194 i18n-content="CONTINUE_BUTTON">
201 </button> 195 </button>
202 </div> 196 </div>
203 </div> <!-- auth-dialog --> 197 </div> <!-- auth-dialog -->
204 198
205 <div id="host-dialog" 199 <div id="host-dialog"
206 class="kd-modaldialog visible" 200 class="kd-modaldialog"
207 data-ui-mode="home.host"> 201 data-ui-mode="home.host">
208 202
209 <div data-ui-mode="home.host.waiting-for-code" class="message" 203 <div data-ui-mode="home.host.waiting-for-code" class="message"
210 i18n-content="MESSAGE_GENERATING"> 204 i18n-content="MESSAGE_GENERATING">
211 </div> <!-- host.waiting-for-code --> 205 </div> <!-- host.waiting-for-code -->
212 206
213 <div data-ui-mode="home.host.waiting-for-connection"> 207 <div data-ui-mode="home.host.waiting-for-connection">
214 <div i18n-content="INSTRUCTIONS_SHARE_ABOVE"></div> 208 <div i18n-content="INSTRUCTIONS_SHARE_ABOVE"></div>
215 <div id="access-code-display" dir="ltr" class="selectable"></div> 209 <div id="access-code-display" dir="ltr" class="selectable"></div>
216 <div id="access-code-countdown-container"> 210 <div id="access-code-countdown-container">
217 <div id="access-code-countdown" class="expiring" hidden> 211 <div id="access-code-countdown" class="expiring" hidden>
218 <span id="seconds-remaining" 212 <span id="seconds-remaining"
219 i18n-content="ACCESS_CODE_TIMER"></span> 213 i18n-content="ACCESS_CODE_TIMER"></span>
220 </div> 214 </div>
221 </div> 215 </div>
222 <div i18n-content="INSTRUCTIONS_SHARE_BELOW"></div> 216 <div i18n-content="INSTRUCTIONS_SHARE_BELOW"></div>
223 </div> <!-- host.waiting-for-connection --> 217 </div> <!-- host.waiting-for-connection -->
224 218
225 <div data-ui-mode="home.host.shared"> 219 <div data-ui-mode="home.host.shared">
226 <div id="host-shared-message" class="message" 220 <div id="host-shared-message" class="message"
227 i18n-content="MESSAGE_SHARED"></div> 221 i18n-content="MESSAGE_SHARED"></div>
228 <div class="centered-button"> 222 <div class="centered-button">
229 <button id="stop-sharing-button" 223 <button id="stop-sharing-button"
230 type="button" 224 type="button"
231 class="kd-button"
232 i18n-content="STOP_SHARING_BUTTON"> 225 i18n-content="STOP_SHARING_BUTTON">
233 </button> 226 </button>
234 </div> 227 </div>
235 </div> <!-- host.shared --> 228 </div> <!-- host.shared -->
236 229
237 <div data-ui-mode="home.host.share-failed" class="message"> 230 <div data-ui-mode="home.host.share-failed" class="message">
238 <span id="host-plugin-error" class="error-state"></span> 231 <span id="host-plugin-error" class="error-state"></span>
239 </div> <!-- host.share-failed --> 232 </div> <!-- host.share-failed -->
240 233
241 <div data-ui-mode="home.host.share-finished" class="message" 234 <div data-ui-mode="home.host.share-finished" class="message"
242 i18n-content="MESSAGE_SESSION_FINISHED"> 235 i18n-content="MESSAGE_SESSION_FINISHED">
243 </div> <!-- host.share-finished --> 236 </div> <!-- host.share-finished -->
244 237
245 <div class="centered-button" 238 <div class="centered-button"
246 data-ui-mode="home.host.share-failed home.host.share-finished"> 239 data-ui-mode="home.host.share-failed home.host.share-finished">
247 <button id="host-finished-button" 240 <button id="host-finished-button"
248 type="button" 241 type="button"
249 class="kd-button"
250 autofocus="autofocus" 242 autofocus="autofocus"
251 i18n-content="OK"> 243 i18n-content="OK">
252 </button> 244 </button>
253 </div> 245 </div>
254 246
255 <div id="nat-box" 247 <div id="nat-box"
256 class="information-box" 248 class="information-box"
257 data-ui-mode="home.host.waiting-for-connection" 249 data-ui-mode="home.host.waiting-for-connection"
258 i18n-content="WARNING_NAT_DISABLED"> 250 i18n-content="WARNING_NAT_DISABLED">
259 </div> <!-- nat-box --> 251 </div> <!-- nat-box -->
260 252
261 <div data-ui-mode="home.host.waiting-for-connection home.host.waiting-fo r-code" 253 <div data-ui-mode="home.host.waiting-for-connection home.host.waiting-fo r-code"
262 class="waiting-container space-before"> 254 class="waiting-container space-before">
263 <span class="waiting" 255 <span class="waiting"
264 i18n-content="FOOTER_WAITING"></span> 256 i18n-content="FOOTER_WAITING"></span>
265 <button id="cancel-share-button" 257 <button id="cancel-share-button"
266 class="kd-button"
267 i18n-content="CANCEL"> 258 i18n-content="CANCEL">
268 </button> 259 </button>
269 </div> 260 </div>
270 261
271 <div id="host-plugin-container"></div> 262 <div id="host-plugin-container"></div>
272 263
273 </div> <!-- host dialog --> 264 </div> <!-- host dialog -->
274 265
275 <div id="client-dialog" 266 <div id="client-dialog"
276 class="kd-modaldialog visible" 267 class="kd-modaldialog"
277 data-ui-mode="home.client"> 268 data-ui-mode="home.client">
278 269
279 <div data-ui-mode="home.client.unconnected"> 270 <div data-ui-mode="home.client.unconnected">
280 <div i18n-content="DESCRIPTION_CONNECT"></div> 271 <div i18n-content="DESCRIPTION_CONNECT"></div>
281 <div id="access-code-entry-row"> 272 <div id="access-code-entry-row">
282 <form id="access-code-form" action=""> 273 <form id="access-code-form" action="">
283 <label for="access-code-entry" i18n-content="ACCESS_CODE"></label> 274 <label for="access-code-entry" i18n-content="ACCESS_CODE"></label>
284 <input id="access-code-entry" 275 <input id="access-code-entry"
285 type="text" 276 type="text"
286 autofocus="autofocus" 277 autofocus="autofocus"
287 autocomplete="off"/> 278 autocomplete="off"/>
288 <button id="connect-button" 279 <button id="connect-button"
289 class="kd-button"
290 type="submit" 280 type="submit"
291 i18n-content="CONNECT_BUTTON"> 281 i18n-content="CONNECT_BUTTON">
292 </button> 282 </button>
293 <button id="cancel-access-code-button" 283 <button id="cancel-access-code-button"
294 class="kd-button"
295 type="button" 284 type="button"
296 i18n-content="CANCEL"> 285 i18n-content="CANCEL">
297 </button> 286 </button>
298 </form> 287 </form>
299 </div> <!-- code-entry-row --> 288 </div> <!-- code-entry-row -->
300 </div> <!-- client.unconnected --> 289 </div> <!-- client.unconnected -->
301 290
302 <div data-ui-mode="home.client.connecting" class="waiting-container"> 291 <div data-ui-mode="home.client.connecting" class="waiting-container">
303 <span class="waiting" i18n-content="FOOTER_WAITING"></span> 292 <span class="waiting" i18n-content="FOOTER_WAITING"></span>
304 <button id="cancel-connect-button" 293 <button id="cancel-connect-button"
305 class="kd-button"
306 i18n-content="CANCEL"> 294 i18n-content="CANCEL">
307 </button> 295 </button>
308 </div> <!-- client.connecting --> 296 </div> <!-- client.connecting -->
309 297
310 <div data-ui-mode="home.client.pin-prompt" class="message"> 298 <div data-ui-mode="home.client.pin-prompt" class="message">
311 <div> 299 <div>
312 <form id="pin-form" action=""> 300 <form id="pin-form" action="">
313 <label for="pin-entry" i18n-content="PIN"></label> 301 <label for="pin-entry" i18n-content="PIN"></label>
314 <input id="pin-entry" 302 <input id="pin-entry"
315 type="password" 303 type="password"
316 autofocus="autofocus" 304 autofocus="autofocus"
317 autocomplete="off"/> 305 autocomplete="off"/>
318 <button id="connect-button" 306 <button id="connect-button"
319 class="kd-button"
320 type="submit" 307 type="submit"
321 i18n-content="CONNECT_BUTTON"> 308 i18n-content="CONNECT_BUTTON">
322 </button> 309 </button>
323 </form> 310 </form>
324 </div> 311 </div>
325 </div> <!-- client.pin-prompt --> 312 </div> <!-- client.pin-prompt -->
326 313
327 <div data-ui-mode="home.client.connect-failed" 314 <div data-ui-mode="home.client.connect-failed"
328 class="message"> 315 class="message">
329 <span id="connect-error-message" class="error-state"></span> 316 <span id="connect-error-message" class="error-state"></span>
330 </div> <!-- client.connect-failed --> 317 </div> <!-- client.connect-failed -->
331 318
332 <div data-ui-mode="home.client.session-finished" 319 <div data-ui-mode="home.client.session-finished"
333 class="message" i18n-content="MESSAGE_SESSION_FINISHED"> 320 class="message" i18n-content="MESSAGE_SESSION_FINISHED">
334 </div> <!-- client.session-finished --> 321 </div> <!-- client.session-finished -->
335 322
336 <div data-ui-mode="home.client.connect-failed.it2me home.client.session- finished.it2me" 323 <div data-ui-mode="home.client.connect-failed.it2me home.client.session- finished.it2me"
337 class="centered-button"> 324 class="centered-button">
338 <button id="client-finished-it2me-button" 325 <button id="client-finished-it2me-button"
339 type="button" 326 type="button"
340 class="kd-button"
341 i18n-content="OK" 327 i18n-content="OK"
342 autofocus="autofocus"> 328 autofocus="autofocus">
343 </button> 329 </button>
344 </div> <!-- connect-failed.it2me session-finished.it2me --> 330 </div> <!-- connect-failed.it2me session-finished.it2me -->
345 331
346 <div data-ui-mode="home.client.connect-failed.me2me home.client.session- finished.me2me" 332 <div data-ui-mode="home.client.connect-failed.me2me home.client.session- finished.me2me"
347 class="centered-button"> 333 class="centered-button">
348 <button id="client-finished-me2me-button" 334 <button id="client-finished-me2me-button"
349 type="button" 335 type="button"
350 class="kd-button"
351 i18n-content="OK" 336 i18n-content="OK"
352 autofocus="autofocus"> 337 autofocus="autofocus">
353 </button> 338 </button>
354 <button id="client-reconnect-button" 339 <button id="client-reconnect-button"
355 type="button" 340 type="button"
356 class="kd-button"
357 i18n-content="RECONNECT"> 341 i18n-content="RECONNECT">
358 </button> 342 </button>
359 </div> <!-- connect-failed.me2me session-finished.me2me --> 343 </div> <!-- connect-failed.me2me session-finished.me2me -->
360 344
361 </div> <!-- client-dialog --> 345 </div> <!-- client-dialog -->
362 346
363 <div id="connection-history-dialog" 347 <div id="connection-history-dialog"
364 class="kd-modaldialog visible" 348 class="kd-modaldialog"
365 data-ui-mode="home.history" 349 data-ui-mode="home.history"
366 hidden> 350 hidden>
367 <div class="internal-frame-of-reference"> 351 <div class="internal-frame-of-reference">
368 <h2 i18n-content="CONNECTION_HISTORY_TITLE"></h2> 352 <h2 i18n-content="CONNECTION_HISTORY_TITLE"></h2>
369 <div id="connection-history-options"> 353 <div id="connection-history-options">
370 <div class="link-list"> 354 <div class="link-list">
371 <a id="history-view-all" 355 <a id="history-view-all"
372 i18n-content="ALL_CONNECTIONS" 356 i18n-content="ALL_CONNECTIONS"
373 class="no-link"></a> 357 class="no-link"></a>
374 <a id="history-view-outgoing" 358 <a id="history-view-outgoing"
(...skipping 15 matching lines...) Expand all
390 <td i18n-content="CONNECTION_TO_HEADER"></td> 374 <td i18n-content="CONNECTION_TO_HEADER"></td>
391 <td i18n-content="DURATION_HEADER"></td> 375 <td i18n-content="DURATION_HEADER"></td>
392 </tr> 376 </tr>
393 </thead> 377 </thead>
394 <tbody id="connection-history-entries" class="selectable"> 378 <tbody id="connection-history-entries" class="selectable">
395 </tbody> 379 </tbody>
396 </table> 380 </table>
397 </div> 381 </div>
398 <button id="close-connection-history" 382 <button id="close-connection-history"
399 i18n-content="CLOSE" 383 i18n-content="CLOSE"
400 class="kd-button"
401 type="button"></button> 384 type="button"></button>
402 </div> 385 </div>
403 </div> <!-- connection-history-dialog --> 386 </div> <!-- connection-history-dialog -->
404 387
405 <div class="box-spacer"></div> 388 <div class="box-spacer"></div>
406 389
407 </div> <!-- dialog-container --> 390 </div> <!-- dialog-container -->
408 391
409 <div id="session-mode" data-ui-mode="in-session home.client" hidden> 392 <div id="session-mode" data-ui-mode="in-session home.client" hidden>
410 <div id="session-toolbar" 393 <div id="session-toolbar"
(...skipping 18 matching lines...) Expand all
429 <div class="arrow-down"></div> 412 <div class="arrow-down"></div>
430 </div> 413 </div>
431 </div> <!-- session-toolbar --> 414 </div> <!-- session-toolbar -->
432 </div> <!-- session-mode --> 415 </div> <!-- session-mode -->
433 416
434 <div id="statistics" dir="ltr" class="selectable" hidden> 417 <div id="statistics" dir="ltr" class="selectable" hidden>
435 </div> <!-- statistics --> 418 </div> <!-- statistics -->
436 419
437 </body> 420 </body>
438 </html> 421 </html>
OLDNEW
« remoting/webapp/main.css ('K') | « remoting/webapp/main.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698