chrome/browser/resources/md_downloads/manager.css

   1 /* Copyright 2015 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   display: flex;
   7   flex: 1 0;
   8   flex-direction: column;
   9   height: 100%;
  10 }
  11
  12 @media screen and (max-width: 1024px) {
  13   :host {
  14     flex-basis: 670px;  /* 622 card width + 24 left margin + 24 right margin. */
  15   }
  16 }
  17
  18 #panel {
  19   --paper-header-panel-standard-container: {
  20     display: flex;
  21   };
  22 }
  23
  24 /* TODO(dbeam): upgrade to 1.0.4 to use --paper-header-panel-shadow.
  25  * https://github.com/PolymerElements/paper-header-panel/pull/39 */
  26 #panel /deep/ #dropShadow {
  27   display: none;
  28 }
  29
  30 #no-downloads,
  31 #downloads-list {
  32   flex: 1;
  33 }
  34
  35 .loading #no-downloads,
  36 .loading #downloads-list {
  37   display: none;
  38 }
  39
  40 #no-downloads {
  41   align-items: center;
  42   color: #b4b4b4;
  43   display: flex;
  44   font-size: 123.1%;
  45   font-weight: 500;
  46   justify-content: center;
  47 }
  48
  49 #no-downloads .illustration {
  50   content: -webkit-image-set(url(1x/no_downloads.png) 1x,
  51                              url(2x/no_downloads.png) 2x);
  52   margin-bottom: 32px;
  53 }