src/chrome/browser/resources/uber/uber.css

   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 body {
   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
  58 iframe {
  59   border: none;
  60   display: block;
  61   height: 100%;
  62   width: 100%;
  63 }