src/third_party/WebKit/Source/devtools/front_end/splitView.css

   1 /*
   2  * Copyright (C) 2011 Google Inc. All rights reserved.
   3  *
   4  * Redistribution and use in source and binary forms, with or without
   5  * modification, are permitted provided that the following conditions are
   6  * met:
   7  *
   8  * 1. Redistributions of source code must retain the above copyright
   9  * notice, this list of conditions and the following disclaimer.
  10  *
  11  * 2. Redistributions in binary form must reproduce the above
  12  * copyright notice, this list of conditions and the following disclaimer
  13  * in the documentation and/or other materials provided with the
  14  * distribution.
  15  *
  16  * THIS SOFTWARE IS PROVIDED BY GOOGLE INC. AND ITS CONTRIBUTORS
  17  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  18  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  19  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GOOGLE INC.
  20  * OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  21  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  22  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  23  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  24  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  25  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  26  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  27  */
  28
  29 .split-view {
  30     overflow: hidden;
  31 }
  32
  33 .split-view-contents {
  34     overflow: auto;
  35     display: flex;
  36     position: relative;
  37     flex-direction: column;
  38 }
  39
  40 .split-view-sidebar {
  41     flex: none;
  42 }
  43
  44 .split-view-main, .split-view-sidebar.maximized {
  45     flex: auto;
  46 }
  47
  48 .split-view.hbox > .split-view-sidebar.split-view-contents-first:not(.maximized) {
  49     border-right: 1px solid rgb(64%, 64%, 64%);
  50 }
  51
  52 .split-view.hbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
  53     border-left: 1px solid rgb(64%, 64%, 64%);
  54 }
  55
  56 .split-view.vbox > .split-view-sidebar.split-view-contents-first:not(.maximized) {
  57     border-bottom: 1px solid rgb(64%, 64%, 64%);
  58 }
  59
  60 .split-view.vbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
  61     border-top: 1px solid rgb(64%, 64%, 64%);
  62 }
  63
  64 .split-view.hbox > .split-view-resizer {
  65     position: absolute;
  66     top: 0;
  67     bottom: 0;
  68     width: 5px;
  69     z-index: 500;
  70 }
  71
  72 .split-view.vbox > .split-view-resizer {
  73     position: absolute;
  74     left: 0;
  75     right: 0;
  76     height: 5px;
  77     z-index: 500;
  78 }
  79
  80 .split-view.split-view-no-resizer > .split-view-resizer {
  81     display: none;
  82 }
  83
  84 .sidebar-overlay {
  85     position: absolute;
  86     top: 0;
  87     bottom: 0;
  88     left: 0;
  89     z-index: 12;
  90     background-color: white;
  91     border-right: 1px solid gray;
  92     box-shadow: rgb(90,90,90) 20px 0 50px -25px;
  93     display: -webkit-flex;
  94     -webkit-flex-direction: column;
  95 }
  96
  97 .sidebar-overlay-resizer {
  98     position: absolute;
  99     top: 0;
 100     bottom: 0;
 101     width: 5px;
 102     z-index: 500;
 103 }