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   $2
  13   <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  14 </head>
  15 <body dir="$8" class="$4">
  16   <div id="contentWrap">
  17     <div id="mainContent">
  18       <article>
  19         <header id="articleHeader">
  20           <div id="titleCollapse">
  21             <div class="verticalCenterOuter">
  22               <div class="verticalCenterInner">
  23                 <h1 id="titleHolder">$1</h1>
  24               </div>
  25             </div>
  26           </div>
  27         </header>
  28         <div id="content"></div>
  29       </article>
  30     </div>
  31     <div id="loadingIndicator" class="$5">
  32       <div id="loader">
  33         <div class="circle initial">
  34           <span class="mask">
  35             <span class="mover"></span>
  36           </span>
  37         </div>
  38
  39         <div class="circle red">
  40           <span class="mask first">
  41             <span class="base"></span>
  42             <span class="mover"></span>
  43           </span>
  44           <span class="mask second">
  45             <span class="base"></span>
  46             <span class="mover"></span>
  47           </span>
  48         </div>
  49
  50         <div class="circle yellow">
  51           <span class="mask first">
  52             <span class="base"></span>
  53             <span class="mover"></span>
  54           </span>
  55           <span class="mask second">
  56             <span class="base"></span>
  57             <span class="mover"></span>
  58           </span>
  59         </div>
  60
  61         <div class="circle green">
  62           <span class="mask first">
  63             <span class="base"></span>
  64             <span class="mover"></span>
  65           </span>
  66           <span class="mask second">
  67             <span class="base"></span>
  68             <span class="mover"></span>
  69           </span>
  70         </div>
  71
  72         <div class="circle blue">
  73           <span class="mask first">
  74             <span class="base"></span>
  75             <span class="mover"></span>
  76           </span>
  77           <span class="mask second">
  78             <span class="base"></span>
  79             <span class="mover"></span>
  80           </span>
  81         </div>
  82       </div>
  83     </div>
  84     <div id="showOriginal">
  85       <a href="$6">$7</a>
  86     </div>
  87   </div>
  88   <div id="feedbackContainer" class="footerFeedback">
  89     <div class="feedbackContent">
  90       <div id="feedbackQuestion"></div>
  91       <div class="feedbackButtonWrap">
  92         <a class="feedbackButton" id="feedbackNo"></a>
  93         <a class="feedbackButton" id="feedbackYes"></a>
  94       </div>
  95     </div>
  96     <div class="clear"></div>
  97   </div>
  98 </body>
  99 $3
 100 </html>