OLD | NEW |
| (Empty) |
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 | |
5 html { | |
6 color: #222; | |
7 font-family: Arial, san-serif; | |
8 } | |
9 body { | |
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 iframe { | |
85 border: none; | |
86 width: 100%; | |
87 height: auto; | |
88 } | |
OLD | NEW |