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 }