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