| /* 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. */ |
| |
| html { |
| color: #222; |
| font-family: Arial, san-serif; |
| } |
| body { |
| margin: 0; |
| } |
| .main-column { |
| background-color: #fff; |
| display: -webkit-flex; |
| height: 100%; |
| position: absolute; |
| -webkit-flex-direction: column; |
| width: 100%; |
| } |
| .header, .footer, .left-border, .right-border { |
| background-color: #444; |
| -webkit-flex: none; |
| } |
| .header { |
| color: #fff; |
| font-size: 150%; |
| font-weight: bold; |
| padding: 2px; |
| -webkit-app-region: drag; |
| } |
| .left-border, .right-border { |
| width: 2px; |
| } |
| .footer { |
| height: 2px; |
| } |
| .close-button { |
| background-image: url(button_close.png); |
| float: right; |
| height: 17px; |
| margin: 8px 2px; |
| text-align: center; |
| -webkit-app-region: no-drag; |
| width: 17px; |
| } |
| .close-button:hover { |
| background-image: url(button_close_hover.png); |
| } |
| .main { |
| display: -webkit-flex; |
| min-height: 0; |
| -webkit-flex: 1; |
| -webkit-flex-direction: row; |
| } |
| .nav-wrapper { |
| overflow-y: auto; |
| } |
| .nav { |
| padding: 8px; |
| -webkit-flex: initial; |
| } |
| .nav-group-header { |
| font-weight: bold; |
| padding: 4px 0; |
| } |
| .nav-item { |
| cursor: pointer; |
| font-size: 13px; |
| padding: 4px 0; |
| } |
| .nav-item:hover { |
| background-color: #eee; |
| } |
| .selected { |
| color: #dd4b39; |
| } |
| .nav-title { |
| padding-left: 8px; |
| } |
| .iframe-wrapper { |
| overflow-y: auto; |
| -webkit-flex: auto; |
| } |
| .config-group { |
| border-bottom: 1px solid #ccc; |
| } |
| .config-header { |
| font-weight: bold; |
| padding: 4px 0; |
| } |
| .config-item { |
| cursor: pointer; |
| font-size: 13px; |
| padding: 4px 0; |
| } |
| .config-item:hover { |
| background-color: #eee; |
| } |
| iframe { |
| border: none; |
| width: 100%; |
| height: auto; |
| } |