src/components/dom_distiller/core/html/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 </head>
  15 <body dir="$9" class="$4">
  16   <div id="mainContent">
  17     <article>
  18       <header>
  19         <h1>$1</h1>
  20       </header>
  21       <div id="content">$5</div>
  22     </article>
  23   </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>
  77   <div id="showOriginal">
  78     <a href="$7">$8</a>
  79   </div>
  80 </body>
  81 <script src="/$3"></script>
  82 </html>