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

Side by Side Diff: components/dom_distiller/content/resources/dom_distiller_viewer.html

Issue 444143002: Loading Indicator for Distilled Pages (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Reverted partial article loading indicator default Created 6 years, 4 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
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <!-- 2 <!--
3 Copyright 2014 The Chromium Authors. All rights reserved. 3 Copyright 2014 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 <html> 7 <html>
8 <head> 8 <head>
9 <meta charset="utf-8"> 9 <meta charset="utf-8">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scal e=1,user-scalable=no"> 10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scal e=1,user-scalable=no">
11 <title>$1</title> 11 <title>$1</title>
12 <link rel="stylesheet" href="/$2"> 12 <link rel="stylesheet" href="/$2">
13 <script src="/$3"></script> 13 <script src="/$3"></script>
14 </head> 14 </head>
15 <body class="$4"> 15 <body class="$4">
16 <div id="mainContent"> 16 <div id="mainContent">
17 <article> 17 <article>
18 <header> 18 <header>
19 <h1>$1</h1> 19 <h1>$1</h1>
20 </header> 20 </header>
21 <div id="content">$5</div> 21 <div id="content">$5</div>
22 </article> 22 </article>
23 </div> 23 </div>
24 <div id="loadingIndicator" class="$6">$7</div> 24 <div id="loadingIndicator" class="$6">
25 <div id="loader">
26 <div class="circle initial">
27 <span class="mask">
28 <span class="mover"></span>
29 </span>
30 </div>
31
32 <div class="circle red">
33 <span class="mask first">
34 <span class="base"></span>
35 <span class="mover"></span>
36 </span>
37 <span class="mask second">
38 <span class="base"></span>
39 <span class="mover"></span>
40 </span>
41 </div>
42
43 <div class="circle yellow">
44 <span class="mask first">
45 <span class="base"></span>
46 <span class="mover"></span>
47 </span>
48 <span class="mask second">
49 <span class="base"></span>
50 <span class="mover"></span>
51 </span>
52 </div>
53
54 <div class="circle green">
55 <span class="mask first">
56 <span class="base"></span>
57 <span class="mover"></span>
58 </span>
59 <span class="mask second">
60 <span class="base"></span>
61 <span class="mover"></span>
62 </span>
63 </div>
64
65 <div class="circle blue">
66 <span class="mask first">
67 <span class="base"></span>
68 <span class="mover"></span>
69 </span>
70 <span class="mask second">
71 <span class="base"></span>
72 <span class="mover"></span>
73 </span>
74 </div>
75 </div>
76 </div>
25 <div id="showOriginal"> 77 <div id="showOriginal">
26 <a href="$8">$9</a> 78 <a href="$7">$8</a>
27 </div> 79 </div>
28 </body> 80 </body>
29 </html> 81 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698