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     cursor: default;
  36     position: relative;
  37 }
  38
  39 .split-view-sidebar {
  40     flex: none;
  41 }
  42
  43 .split-view-main, .split-view-sidebar.maximized {
  44     flex: auto;
  45 }
  46
  47 .split-view.hbox > .split-view-sidebar.split-view-contents-first:not(.maximized) {
  48     border-right: 1px solid rgb(64%, 64%, 64%);
  49 }
  50
  51 .split-view.hbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
  52     border-left: 1px solid rgb(64%, 64%, 64%);
  53 }
  54
  55 .split-view.vbox > .split-view-sidebar.split-view-contents-first:not(.maximized) {
  56     border-bottom: 1px solid rgb(64%, 64%, 64%);
  57 }
  58
  59 .split-view.vbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
  60     border-top: 1px solid rgb(64%, 64%, 64%);
  61 }
  62
  63 .split-view.hbox > .split-view-resizer {
  64     position: absolute;
  65     top: 0;
  66     bottom: 0;
  67     width: 5px;
  68     z-index: 1500;
  69     cursor: ew-resize;
  70 }
  71
  72 .split-view.vbox > .split-view-resizer {
  73     position: absolute;
  74     left: 0;
  75     right: 0;
  76     height: 5px;
  77     z-index: 1500;
  78     cursor: ns-resize;
  79 }
  80
  81 .sidebar-overlay {
  82     position: absolute;
  83     top: 0;
  84     bottom: 0;
  85     left: 0;
  86     z-index: 12;
  87     background-color: white;
  88     border-right: 1px solid gray;
  89     box-shadow: rgb(90,90,90) 20px 0 50px -25px;
  90     display: -webkit-flex;
  91     -webkit-flex-direction: column;
  92 }
  93
  94 .sidebar-overlay-resizer {
  95     position: absolute;
  96     top: 0;
  97     bottom: 0;
  98     width: 5px;
  99     z-index: 500;
 100     cursor: ew-resize;
 101 }