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 html {
   6   height: 100%;  /* For printing. */
   7 }
   8
   9 body {
  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
  62 iframe {
  63   border: none;
  64   display: block;
  65   height: 100%;
  66   width: 100%;
  67 }