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   <!-- Placeholder for CSS. -->
  13   $2
  14   <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  15 </head>
  16 <body class="$3">
  17   <div id="contentWrap">
  18     <div id="mainContent">
  19       <article>
  20         <header id="articleHeader">
  21           <div id="titleCollapse">
  22             <div class="verticalCenterOuter">
  23               <div class="verticalCenterInner">
  24                 <h1 id="titleHolder"><noscript>$4</noscript></h1>
  25               </div>
  26             </div>
  27           </div>
  28         </header>
  29         <div id="content"><noscript>$5</noscript></div>
  30       </article>
  31       <div id="loadingIndicator" class="visible">
  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>
  85     <a href="$6" id="closeReaderView">$7</a>
  86   </div>
  87   <div id="feedbackContainer" class="footerFeedback">
  88     <div class="feedbackContent">
  89       <div id="feedbackQuestion"></div>
  90       <div class="feedbackButtonWrap">
  91         <a class="feedbackButton" id="feedbackNo"></a>
  92         <a class="feedbackButton" id="feedbackYes"></a>
  93       </div>
  94     </div>
  95     <div class="clear"></div>
  96   </div>
  97 </body>
  98 <!-- Placeholder for JavaScript. -->
  99 $8
 100 </html>