third_party/polymer/components-chromium/core-scroll-header-panel/core-scroll-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   overflow: hidden;
  14 }
  15
  16 #mainContainer {
  17   position: absolute;
  18   top: 0;
  19   right: 0;
  20   bottom: 0;
  21   left: 0;
  22   box-sizing: border-box;
  23   -moz-box-sizing: border-box;
  24   -webkit-overflow-scrolling: touch;
  25   overflow-x: hidden;
  26   overflow-y: auto;
  27 }
  28
  29 #headerContainer {
  30   position: absolute;
  31   top: 0;
  32   right: 0;
  33   left: 0;
  34 }
  35
  36 .bg-container {
  37   position: absolute;
  38   top: 0;
  39   left: 0;
  40   width: 100%;
  41   height: 100%;
  42   overflow: hidden;
  43 }
  44
  45 #headerBg, #condensedHeaderBg {
  46   position: absolute;
  47   top: 0;
  48   left: 0;
  49   width: 100%;
  50   height: 100%;
  51   background-repeat: no-repeat;
  52   background-size: cover;
  53   background-position: center center;
  54 }
  55
  56 #condensedHeaderBg {
  57   opacity: 0;
  58 }