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 5 html { 6 height: 100%; /* For printing. */ 7 } 8 9 body { 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 62 iframe { 63 border: none; 64 display: block; 65 height: 100%; 66 width: 100%; 67 } 68
