Upstream version 9.38.198.0

[platform/framework/web/crosswalk.git] / src / components / dom_distiller / content / resources / dom_distiller_viewer.html
diff --git a/src/components/dom_distiller/content/resources/dom_distiller_viewer.html b/src/components/dom_distiller/content/resources/dom_distiller_viewer.html

index 13e58f8..4bf077c 100644 (file)
--- a/src/components/dom_distiller/content/resources/dom_distiller_viewer.html
+++ b/src/components/dom_distiller/content/resources/dom_distiller_viewer.html
@@ -10,20 +10,73 @@ found in the LICENSE file.
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>$1</title>
    <link rel="stylesheet" href="/$2">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <script src="/$3"></script>
  </head>
-<body>
+<body class="$4">
    <div id="mainContent">
      <article>
        <header>
-        <h1>$4</h1>
+        <h1>$1</h1>
        </header>
        <div id="content">$5</div>
      </article>
    </div>
-  <div id="loadingIndicator" class="$6">$7</div>
-  <div>
-    <a href="$8">$9</a>
+  <div id="loadingIndicator" class="$6">
+    <div id="loader">
+      <div class="circle initial">
+        <span class="mask">
+          <span class="mover"></span>
+        </span>
+      </div>
+
+      <div class="circle red">
+        <span class="mask first">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+        <span class="mask second">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+      </div>
+
+      <div class="circle yellow">
+        <span class="mask first">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+        <span class="mask second">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+      </div>
+
+      <div class="circle green">
+        <span class="mask first">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+        <span class="mask second">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+      </div>
+
+      <div class="circle blue">
+        <span class="mask first">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+        <span class="mask second">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+      </div>
+    </div>
+  </div>
+  <div id="showOriginal">
+    <a href="$7">$8</a>
    </div>
  </body>
  </html>