Home | History | Annotate | Download | only in ui 
      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 
      6 quad-stack {
      7   -webkit-flex: 1 1 100%;
      8   -webkit-flex-direction: column;
      9   display: -webkit-flex;
     10   min-height: 357px;
     11   outline: none;
     12   position: relative;
     13   width: 100%;
     14   z-index: 10; /* cause our scrollbars to render above our children. */
     15 }
     16 
     17 quad-stack > view-container {
     18   -webkit-flex: 1 1 100%;
     19   -webkit-transform-style: preserve-3d;
     20   display: -webkit-flex;
     21   outline: none;
     22   position: relative;
     23 }
     24 
     25 quad-stack quad-view {
     26   -webkit-transform: translateZ(0); /* actual xform for depth is set in rAF */
     27   left: 0;
     28   position: absolute;
     29   top: 0;
     30 }
     31 
     32 quad-stack > view-container > rect-view {
     33   background-image:
     34     url('../images/chrome-left.png'),
     35     url('../images/chrome-right.png'),
     36     url('../images/chrome-mid.png');
     37   background-position: left top, right top, left top;
     38   background-repeat: no-repeat, no-repeat, repeat-x;
     39   background-size: auto 72px;
     40   border: 1px solid #999;
     41   border-radius: 6px;
     42   box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
     43   margin-top: -72px;
     44   padding-top: 72px;
     45   position: absolute;
     46 }