src/third_party/polymer/components-chromium/core-header-panel/core-header-panel.css

   1 /*
   2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
   3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
   4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   6 Code distributed by Google as part of the polymer project is also
   7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
   8 */
   9
  10 :host {
  11   display: block;
  12   position: relative;
  13 }
  14
  15 #outerContainer {
  16   position: absolute;
  17   top: 0;
  18   right: 0;
  19   bottom: 0;
  20   left: 0;
  21   overflow-y: auto;
  22   overflow-x: hidden;
  23   -webkit-overflow-scrolling: touch;
  24 }
  25
  26 #mainPanel {
  27   position: relative;
  28 }
  29
  30 #mainContainer {
  31   position: relative;
  32   overflow-y: auto;
  33   overflow-x: hidden;
  34   -webkit-overflow-scrolling: touch;
  35 }
  36
  37 #dropShadow {
  38   position: absolute;
  39   top: 0;
  40   left: 0;
  41   right: 0;
  42   height: 6px;
  43   box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
  44 }
  45
  46 #dropShadow.hidden {
  47   display: none;
  48 }
  49
  50 /*
  51 mode: scroll
  52 */
  53 :host([mode=scroll]) #mainContainer {
  54   overflow: visible;
  55 }
  56
  57 /*
  58 mode: cover
  59 */
  60 :host([mode=cover]) #mainPanel {
  61   position: static;
  62 }
  63
  64 :host([mode=cover]) #mainContainer {
  65   position: absolute;
  66   top: 0;
  67   right: 0;
  68   bottom: 0;
  69   left: 0;
  70 }
  71
  72 :host([mode=cover]) #dropShadow {
  73   position: static;
  74   width: 100%;
  75 }