123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- /* 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;
- }
|