| /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| html { |
| height: 100%; /* For printing. */ |
| } |
| |
| body { |
| /* http://crbug.com/129406 --- horizontal scrollbars flicker when changing |
| * sections. */ |
| overflow-x: hidden; |
| } |
| |
| #navigation { |
| height: 100%; |
| left: 0; |
| /* This is a hack to prevent the navigation bar from occluding pointer events |
| * from the bottom scroll bar (which shows when one needs to horizontally |
| * scroll). Corresponding padding-top to offset this is in uber_frame.css */ |
| margin-top: -20px; |
| position: absolute; |
| /* This value is different from the left value to compensate for the scroll |
| * bar (which is always on and to the right) in RTL. */ |
| right: 15px; |
| width: 155px; |
| z-index: 3; |
| } |
| |
| #navigation.background { |
| z-index: 1; |
| } |
| |
| #navigation.changing-content { |
| -webkit-transition: -webkit-transform 100ms, width 100ms; |
| } |
| |
| .iframe-container { |
| -webkit-margin-start: -20px; |
| -webkit-transition: margin 100ms, opacity 100ms; |
| bottom: 0; |
| left: 0; |
| opacity: 0; |
| position: absolute; |
| right: 0; |
| top: 0; |
| z-index: 1; |
| } |
| |
| .iframe-container.selected { |
| -webkit-margin-start: 0; |
| -webkit-transition: margin 200ms, opacity 200ms; |
| -webkit-transition-delay: 100ms; |
| opacity: 1; |
| z-index: 2; |
| } |
| |
| .iframe-container.expanded { |
| left: 0; |
| } |
| |
| iframe { |
| border: none; |
| display: block; |
| height: 100%; |
| width: 100%; |
| } |