1/* Copyright (c) 2012 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 5html { 6 height: 100%; /* For printing. */ 7} 8 9body { 10 /* http://crbug.com/129406 --- horizontal scrollbars flicker when changing 11 * sections. */ 12 overflow-x: hidden; 13} 14 15#navigation { 16 height: 100%; 17 left: 0; 18 /* This is a hack to prevent the navigation bar from occluding pointer events 19 * from the bottom scroll bar (which shows when one needs to horizontally 20 * scroll). Corresponding padding-top to offset this is in uber_frame.css */ 21 margin-top: -20px; 22 position: absolute; 23 /* This value is different from the left value to compensate for the scroll 24 * bar (which is always on and to the right) in RTL. */ 25 right: 15px; 26 width: 155px; 27 z-index: 3; 28} 29 30#navigation.background { 31 z-index: 1; 32} 33 34#navigation.changing-content { 35 -webkit-transition: -webkit-transform 100ms, width 100ms; 36} 37 38.iframe-container { 39 -webkit-margin-start: -20px; 40 -webkit-transition: margin 100ms, opacity 100ms; 41 bottom: 0; 42 left: 0; 43 opacity: 0; 44 position: absolute; 45 right: 0; 46 top: 0; 47 z-index: 1; 48} 49 50.iframe-container.selected { 51 -webkit-margin-start: 0; 52 -webkit-transition: margin 200ms, opacity 200ms; 53 -webkit-transition-delay: 100ms; 54 opacity: 1; 55 z-index: 2; 56} 57 58.iframe-container.expanded { 59 left: 0; 60} 61 62iframe { 63 border: none; 64 display: block; 65 height: 100%; 66 width: 100%; 67} 68