chrome/browser/resources/pdf/elements/viewer-progress-bar/viewer-progress-bar.css

   1 /* Copyright 2013 The Chromium Authors. All rights reserved.
   2  * Use of this source code is governed by a BSD-style license that can be
   3  * found in the LICENSE file. */
   4
   5 :host {
   6   -webkit-transition: opacity 400ms ease-in-out;
   7   background: rgb(29, 39, 57);
   8   border-radius: 5px;
   9   bottom: 26px;
  10   box-shadow: 0 1px 2px gray, 0 3px 3px rgba(0, 0, 0, .2);
  11   height: auto;
  12   left: 26px;
  13   pointer-events: none;
  14   position: fixed;
  15   width: auto;
  16 }
  17
  18 .scaler {
  19   -webkit-transform: scale(0.25);
  20   -webkit-transform-origin: 0 0;
  21   float: left;
  22   height: 44px;
  23   margin: 8px;
  24   width: 44px;
  25 }
  26
  27 #segments {
  28   border-radius: 50%;
  29   height: 176px;
  30   list-style: none;
  31   margin: 0;
  32   overflow: hidden;
  33   padding: 0;
  34   position: absolute;
  35   width: 176px;
  36 }
  37
  38 .segment {
  39   -webkit-transform-origin: 0 100%;
  40   background: rgb(227, 234, 249);
  41   box-shadow: 0 0 0 6px rgb(29, 39, 57) inset;
  42   height: 50%;
  43   overflow: hidden;
  44   position: absolute;
  45   right: 0;
  46   top: 0;
  47   width: 50%;
  48 }
  49
  50 .center-circle {
  51   background-color: rgb(29, 39, 57);
  52   border-radius: 50%;
  53   height: 80px;
  54   left: 48px;
  55   margin: 0;
  56   padding: 0;
  57   position: absolute;
  58   top: 48px;
  59   width: 80px;
  60 }
  61
  62 #text {
  63   color: rgb(227, 234, 249);
  64   float: left;
  65   font-family: sans-serif;
  66   font-size: 16px;
  67   font-weight: bold;
  68   line-height: 58px;
  69   margin-right: 10px;
  70   margin-top: 1px;
  71 }