src/components/dom_distiller/content/resources/dom_distiller_viewer.html

   1 <!DOCTYPE HTML>
   2 <!--
   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
   5 found in the LICENSE file.
   6 -->
   7 <html>
   8 <head>
   9   <meta charset="utf-8">
  10   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  11   <title>$1</title>
  12   <link rel="stylesheet" href="/$2">
  13   <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  14   <script src="/$3"></script>
  15 </head>
  16 <body class="$4">
  17   <div id="mainContent">
  18     <article>
  19       <header>
  20         <h1>$1</h1>
  21       </header>
  22       <div id="content">$5</div>
  23     </article>
  24   </div>
  25   <div id="loadingIndicator" class="$6">
  26     <div id="loader">
  27       <div class="circle initial">
  28         <span class="mask">
  29           <span class="mover"></span>
  30         </span>
  31       </div>
  32
  33       <div class="circle red">
  34         <span class="mask first">
  35           <span class="base"></span>
  36           <span class="mover"></span>
  37         </span>
  38         <span class="mask second">
  39           <span class="base"></span>
  40           <span class="mover"></span>
  41         </span>
  42       </div>
  43
  44       <div class="circle yellow">
  45         <span class="mask first">
  46           <span class="base"></span>
  47           <span class="mover"></span>
  48         </span>
  49         <span class="mask second">
  50           <span class="base"></span>
  51           <span class="mover"></span>
  52         </span>
  53       </div>
  54
  55       <div class="circle green">
  56         <span class="mask first">
  57           <span class="base"></span>
  58           <span class="mover"></span>
  59         </span>
  60         <span class="mask second">
  61           <span class="base"></span>
  62           <span class="mover"></span>
  63         </span>
  64       </div>
  65
  66       <div class="circle blue">
  67         <span class="mask first">
  68           <span class="base"></span>
  69           <span class="mover"></span>
  70         </span>
  71         <span class="mask second">
  72           <span class="base"></span>
  73           <span class="mover"></span>
  74         </span>
  75       </div>
  76     </div>
  77   </div>
  78   <div id="showOriginal">
  79     <a href="$7">$8</a>
  80   </div>
  81 </body>
  82 </html>