166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis/* Copyright (c) 2013 The Chromium Authors. All rights reserved. 266a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis * Use of this source code is governed by a BSD-style license that can be 366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis * found in the LICENSE file. 466a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis */ 566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-debugger { 766a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis -webkit-flex: 1 1 auto; 866a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis -webkit-flex-direction: row; 966a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis display: -webkit-flex; 1066a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 1166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 1266a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-debugger > x-generic-object-view { 1366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis -webkit-flex-direction: column; 1466a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis display: -webkit-flex; 1566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis width: 400px; 1666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 1766a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 1866a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-debugger > left-panel { 1966a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis -webkit-flex-direction: column; 2066a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis display: -webkit-flex; 2166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 2266a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 2366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-debugger > left-panel > picture-info { 246833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis -webkit-flex: 0 0 auto; 2566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis padding-top: 2px; 2666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 2766a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 2866a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-debugger > left-panel > picture-info > .title { 2966a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis font-weight: bold; 3066a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis margin-left: 5px; 3166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis margin-right: 5px; 3266a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 3366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 3466a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-debugger > x-drag-handle { 3566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis -webkit-flex: 0 0 auto; 3666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 3766a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 3866a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-debugger .filename { 3966a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis -webkit-user-select: text; 4066a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis margin-left: 5px; 4166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 4266a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 4366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-debugger > raster-area { 4466a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis -webkit-flex: 1 0 auto; 4566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 4666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 4766a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis/******************************************************************************/ 4866a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 4966a37686207944273ced825e0e8b6b6375f8c3deJamie Gennisraster-area { 5066a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis -webkit-flex-direction: column; 5166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis background-color: #ddd; 5266a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis background-position: center; 5366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis background-repeat: no-repeat; 5466a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis background-size: contain; 5566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis display: -webkit-flex; 5666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis min-height: 200px; 5766a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis min-width: 200px; 5866a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis}