{ /* 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%; }