15c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/* 25c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Copyright (C) 2011 Google Inc. All rights reserved. 35c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 45c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Redistribution and use in source and binary forms, with or without 55c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * modification, are permitted provided that the following conditions are 65c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * met: 75c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 85c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 1. Redistributions of source code must retain the above copyright 95c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * notice, this list of conditions and the following disclaimer. 105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 2. Redistributions in binary form must reproduce the above 125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * copyright notice, this list of conditions and the following disclaimer 135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * in the documentation and/or other materials provided with the 145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * distribution. 155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THIS SOFTWARE IS PROVIDED BY GOOGLE INC. AND ITS CONTRIBUTORS 175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 185c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 195c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GOOGLE INC. 205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 215c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).split-view { 30d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) display: flex; 315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) overflow: hidden; 325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).split-view-contents { 355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) overflow: auto; 3609380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) display: flex; 37f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles) position: relative; 3809380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) flex-direction: column; 395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 41f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles).split-view-sidebar { 42f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles) flex: none; 43926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)} 44926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) 45f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles).split-view-main, .split-view-sidebar.maximized { 46f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles) flex: auto; 475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 485c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 49d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view.hbox > .split-view-resizer { 50d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) position: absolute; 51d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) top: 0; 52d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) bottom: 0; 53d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) width: 6px; 54d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) z-index: 500; 55926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)} 56926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) 57d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view.vbox > .split-view-resizer { 58d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) position: absolute; 59d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) left: 0; 60d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) right: 0; 61d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) height: 6px; 62d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) z-index: 500; 635c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 645c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6507a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch.split-view-resizer-border { 66d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) pointer-events: none; 67926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)} 68926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) 69d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view.vbox > .split-view-resizer > .split-view-resizer-border { 7007a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch width: 100%; 7107a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch margin-top: 3px; 7207a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch height: 1px; 73926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) border-top: 1px solid rgb(64%, 64%, 64%); 745c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 755c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 76d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view.hbox > .split-view-resizer > .split-view-resizer-border { 7707a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch height: 100%; 7807a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch margin-left: 3px; 7907a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch width: 1px; 80d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) border-left: 1px solid rgb(64%, 64%, 64%); 815c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 825c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 83d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.sidebar-show-hide-button { 845c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) position: absolute; 85d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) background-image: none; 86d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) height: 16px; 87d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) width: 16px; 88d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) border: none; 89d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) z-index: 10; 905c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 915c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 92d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.left-sidebar-show-hide-button, 93d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.top-sidebar-show-hide-button { 94d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) top: 4px; 9507a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch left: 4px; 9609380295ba73501a205346becac22c6978e4671dTorne (Richard Coles)} 9709380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) 98d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.left-sidebar-show-hide-button:active, 99d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.top-sidebar-show-hide-button:active { 100d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) top: 5px; 101d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) left: 3px; 1025c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1035c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 104d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.right-sidebar-show-hide-button { 105d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) top: 4px; 106d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) right:2px; 107d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 108d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 109d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.right-sidebar-show-hide-button:active { 110d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) top: 5px; 111d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) right: 1px; 112d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 113d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 114d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.bottom-sidebar-show-hide-button { 11507a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch bottom: 0px; 116d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) right: 1px; 117d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 118d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 119d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.bottom-sidebar-show-hide-button:active { 1205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) bottom: 0; 121d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) right: 0; 122d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 123d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 124d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.left-sidebar-show-hide-button.toggled-show > .glyph { 125d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-mask-position: -168px -76px; /* |> */ 126d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 127d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 128d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.left-sidebar-show-hide-button.toggled-hide > .glyph { 129d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-mask-position: -199px -76px; /* |< */ 130d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 131d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 132d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.right-sidebar-show-hide-button.toggled-show > .glyph { 133d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-mask-position: -296px -76px; /* <| */ 134d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 135d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 136d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.right-sidebar-show-hide-button.toggled-hide > .glyph { 137d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-mask-position: -264px -76px; /* >| */ 138d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 139d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 140d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.top-sidebar-show-hide-button.toggled-show > .glyph { 141d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-mask-position: -168px -76px; /* |> */ 142d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-transform: rotate(90deg); 143d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 144d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 145d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.top-sidebar-show-hide-button.toggled-hide > .glyph { 146d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-mask-position: -199px -76px; /* |< */ 147d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-transform: rotate(90deg); 148d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 149d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 150d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.bottom-sidebar-show-hide-button.toggled-show > .glyph { 151d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-mask-position: -296px -76px; /* <| */ 152d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-transform: rotate(90deg); 153d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 154d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 155d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles).split-view button.bottom-sidebar-show-hide-button.toggled-hide > .glyph { 156d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-mask-position: -264px -76px; /* >| */ 157d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) -webkit-transform: rotate(90deg); 1585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 159