1/* Copyright (c) 2013 The Chromium Authors. All rights reserved. 2 * Use of this source code is governed by a BSD-style license that can be 3 * found in the LICENSE file. */ 4 5html { 6 color: #222; 7 font-family: Arial, san-serif; 8} 9body { 10 margin: 0; 11} 12.main-column { 13 background-color: #fff; 14 display: -webkit-flex; 15 height: 100%; 16 position: absolute; 17 -webkit-flex-direction: column; 18 width: 100%; 19} 20.header, .footer, .left-border, .right-border { 21 background-color: #444; 22 -webkit-flex: none; 23} 24.header { 25 color: #fff; 26 font-size: 150%; 27 font-weight: bold; 28 padding: 2px; 29 -webkit-app-region: drag; 30} 31.left-border, .right-border { 32 width: 2px; 33} 34.footer { 35 height: 2px; 36} 37.close-button { 38 background-image: url('button_close.png'); 39 float: right; 40 height: 17px; 41 margin: 8px 2px; 42 text-align: center; 43 -webkit-app-region: no-drag; 44 width: 17px; 45} 46.close-button:hover { 47 background-image: url('button_close_hover.png'); 48} 49.main { 50 display: -webkit-flex; 51 min-height: 0; 52 -webkit-flex: 1; 53 -webkit-flex-direction: row; 54} 55.nav-wrapper { 56 overflow-y: auto; 57} 58.nav { 59 padding: 8px; 60 -webkit-flex: initial; 61} 62.nav-group-header { 63 font-weight: bold; 64 padding: 4px 0; 65} 66.nav-item { 67 cursor: pointer; 68 font-size: 13px; 69 padding: 4px 0; 70} 71.nav-item:hover { 72 background-color: #eee; 73} 74.selected { 75 color: #dd4b39; 76} 77.nav-title { 78 padding-left: 8px; 79} 80.iframe-wrapper { 81 overflow-y: auto; 82 -webkit-flex: auto; 83} 84.config-group { 85 border-bottom: 1px solid #ccc; 86} 87.config-header { 88 font-weight: bold; 89 padding: 4px 0; 90} 91.config-item { 92 cursor: pointer; 93 font-size: 13px; 94 padding: 4px 0; 95} 96.config-item:hover { 97 background-color: #eee; 98} 99iframe { 100 border: none; 101 width: 100%; 102 height: auto; 103} 104