| /* Copyright (c) 2013 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. |
| */ |
| |
| picture-debugger { |
| -webkit-flex: 1 1 auto; |
| -webkit-flex-direction: row; |
| display: -webkit-flex; |
| } |
| |
| picture-debugger > x-generic-object-view { |
| -webkit-flex-direction: column; |
| display: -webkit-flex; |
| width: 400px; |
| } |
| |
| picture-debugger > left-panel { |
| -webkit-flex-direction: column; |
| display: -webkit-flex; |
| } |
| |
| picture-debugger > left-panel > picture-info { |
| -webkit-flex: 1 0 auto; |
| padding-top: 2px; |
| } |
| |
| picture-debugger > left-panel > picture-info > .title { |
| font-weight: bold; |
| margin-left: 5px; |
| margin-right: 5px; |
| } |
| |
| picture-debugger > x-drag-handle { |
| -webkit-flex: 0 0 auto; |
| } |
| |
| picture-debugger .filename { |
| -webkit-user-select: text; |
| margin-left: 5px; |
| } |
| |
| picture-debugger > raster-area { |
| -webkit-flex: 1 0 auto; |
| } |
| |
| /******************************************************************************/ |
| |
| raster-area { |
| -webkit-flex-direction: column; |
| background-color: #ddd; |
| background-position: center; |
| background-repeat: no-repeat; |
| background-size: contain; |
| display: -webkit-flex; |
| min-height: 200px; |
| min-width: 200px; |
| } |