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