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   <meta name="theme-color" id="theme-color">
  12   <title>$1</title>
  13   <!-- Placeholder for CSS. -->
  14   $2
  15   <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  16 </head>
  17 <body class="$3">
  18   <div id="contentWrap">
  19     <div id="mainContent">
  20       <article>
  21         <header id="articleHeader">
  22           <div id="titleCollapse">
  23             <div class="verticalCenterOuter">
  24               <div class="verticalCenterInner">
  25                 <h1 id="titleHolder"><noscript>$4</noscript></h1>
  26               </div>
  27             </div>
  28           </div>
  29         </header>
  30         <div id="content"><noscript>$5</noscript></div>
  31       </article>
  32       <div id="loadingIndicator" class="visible">
  33         <div id="loader">
  34           <div class="circle initial">
  35             <span class="mask">
  36               <span class="mover"></span>
  37             </span>
  38           </div>
  39
  40           <div class="circle red">
  41             <span class="mask first">
  42               <span class="base"></span>
  43               <span class="mover"></span>
  44             </span>
  45             <span class="mask second">
  46               <span class="base"></span>
  47               <span class="mover"></span>
  48             </span>
  49           </div>
  50
  51           <div class="circle yellow">
  52             <span class="mask first">
  53               <span class="base"></span>
  54               <span class="mover"></span>
  55             </span>
  56             <span class="mask second">
  57               <span class="base"></span>
  58               <span class="mover"></span>
  59             </span>
  60           </div>
  61
  62           <div class="circle green">
  63             <span class="mask first">
  64               <span class="base"></span>
  65               <span class="mover"></span>
  66             </span>
  67             <span class="mask second">
  68               <span class="base"></span>
  69               <span class="mover"></span>
  70             </span>
  71           </div>
  72
  73           <div class="circle blue">
  74             <span class="mask first">
  75               <span class="base"></span>
  76               <span class="mover"></span>
  77             </span>
  78             <span class="mask second">
  79               <span class="base"></span>
  80               <span class="mover"></span>
  81             </span>
  82           </div>
  83         </div>
  84       </div>
  85     </div>
  86     <a href="$6" id="closeReaderView">$7</a>
  87   </div>
  88   <div id="feedbackContainer" class="footerFeedback hidden">
  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 </html>