123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- /*
- * Copyright (C) 2011 Google Inc. All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions are
- * met:
- *
- * 1. Redistributions of source code must retain the above copyright
- * notice, this list of conditions and the following disclaimer.
- *
- * 2. Redistributions in binary form must reproduce the above
- * copyright notice, this list of conditions and the following disclaimer
- * in the documentation and/or other materials provided with the
- * distribution.
- *
- * THIS SOFTWARE IS PROVIDED BY GOOGLE INC. AND ITS CONTRIBUTORS
- * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
- * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
- * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GOOGLE INC.
- * OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
- * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
- * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
- * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
- * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
- * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
- * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
- .split-view {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- overflow: hidden;
- }
- .split-view-contents {
- position: absolute;
- overflow: auto;
- cursor: default;
- }
- .split-view-contents.maximized {
- width: 100%;
- height: 100%;
- }
- .split-view-vertical > .split-view-contents {
- top: 0;
- bottom: 0;
- }
- .split-view-vertical > .split-view-contents-first {
- left: 0;
- }
- .split-view-vertical > .split-view-contents-first.maximized {
- right: 0;
- }
- .split-view-vertical > .split-view-contents-second {
- right: 0;
- }
- .split-view-vertical > .split-view-contents-second.maximized {
- left: 0;
- }
- .split-view-horizontal > .split-view-contents {
- left: 0;
- right: 0;
- }
- .split-view-horizontal > .split-view-contents-first {
- top: 0;
- }
- .split-view-horizontal > .split-view-contents-first.maximized {
- bottom: 0;
- }
- .split-view-horizontal > .split-view-contents-second {
- bottom: 0;
- }
- .split-view-horizontal > .split-view-contents-second.maximized {
- top: 0;
- }
- .split-view-vertical > .split-view-sidebar.split-view-contents-first:not(.maximized) {
- border-right: 1px solid rgb(64%, 64%, 64%);
- }
- .split-view-vertical > .split-view-sidebar.split-view-contents-second:not(.maximized) {
- border-left: 1px solid rgb(64%, 64%, 64%);
- }
- .split-view-horizontal > .split-view-sidebar.split-view-contents-first:not(.maximized) {
- border-bottom: 1px solid rgb(64%, 64%, 64%);
- }
- .split-view-horizontal > .split-view-sidebar.split-view-contents-second:not(.maximized) {
- border-top: 1px solid rgb(64%, 64%, 64%);
- }
- .split-view-vertical > .split-view-resizer {
- position: absolute;
- top: 0;
- bottom: 0;
- width: 5px;
- z-index: 1500;
- cursor: ew-resize;
- }
- .split-view-horizontal > .split-view-resizer {
- position: absolute;
- left: 0;
- right: 0;
- height: 5px;
- z-index: 1500;
- cursor: ns-resize;
- }
- .sidebar-overlay {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- z-index: 12;
- background-color: white;
- border-right: 1px solid gray;
- box-shadow: rgb(90,90,90) 20px 0 50px -25px;
- display: -webkit-flex;
- -webkit-flex-direction: column;
- }
- .sidebar-overlay-resizer {
- position: absolute;
- top: 0;
- bottom: 0;
- width: 5px;
- z-index: 500;
- cursor: ew-resize;
- }
|