OLD | NEW |
1 /* | 1 /* |
2 Copyright (c) 2011 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2012 The Chromium Authors. All rights reserved. |
3 Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 /* Only common styles should be declared here. */ | 7 /* Only common styles should be declared here. */ |
8 | 8 |
9 * { | 9 * { |
10 box-sizing: border-box; | 10 box-sizing: border-box; |
11 -moz-box-sizing: border-box; | 11 -moz-box-sizing: border-box; |
12 } | 12 } |
13 body { | 13 body { |
14 font-family: sans-serif; | 14 font-family: sans-serif; |
15 } | 15 } |
16 | 16 |
17 /* This class is used to create the splitter widget in | 17 /* This class is used to create the splitter widget in |
18 ResizbleVerticalSplitView */ | 18 ResizbleVerticalSplitView */ |
19 .vertical-splitter { | 19 .vertical-splitter { |
20 background: #bfbfbf; | 20 background: #bfbfbf; |
21 border-left: 1px inset black; | 21 border-left: 1px inset black; |
22 border-right: 1px solid black; | 22 border-right: 1px solid black; |
23 position: absolute; | 23 position: absolute; |
24 width: 8px; | 24 width: 8px; |
25 cursor: col-resize; | 25 cursor: col-resize; |
26 user-select: none; | 26 user-select: none; |
27 } | 27 } |
28 | 28 |
29 .logSourceEntry { | 29 .log-source-entry { |
30 margin: 5px; | 30 margin: 5px; |
31 } | 31 } |
32 | 32 |
33 .logSourceEntry * p { | 33 .log-source-entry * p { |
34 font-weight: bold; | 34 font-weight: bold; |
35 font-size: 12px; | 35 font-size: 12px; |
36 } | 36 } |
37 | 37 |
38 .logSourceEntry * td { | 38 .log-source-entry * td { |
39 font-size: 10px; | 39 font-size: 10px; |
40 } | 40 } |
41 | 41 |
42 /* TODO(eroman): make this a classname instead */ | 42 /* |
43 #events-view-details-log-box, | 43 * This class should be given to top-level content boxes (like the view's main |
44 #events-view-details-timeline-box, | 44 * DIV). It gives them a consistent margin, and makes them scrollable. |
45 #http-cache-view-tab-content, | 45 */ |
46 #proxy-view-tab-content, | 46 .content-box { |
47 #capture-view-tab-content, | |
48 #import-view-tab-content, | |
49 #export-view-tab-content, | |
50 #dns-view-tab-content, | |
51 #sockets-view-tab-content, | |
52 #spdy-view-tab-content, | |
53 #service-providers-view-tab-content, | |
54 #test-view-tab-content, | |
55 #hsts-view-tab-content, | |
56 #http-throttling-view-tab-content, | |
57 #logs-view-tab-content, | |
58 #prerender-view-tab-content, | |
59 #http-pipeline-view-tab-content, | |
60 #chromeos-view-tab-content { | |
61 overflow: auto; | 47 overflow: auto; |
62 padding: 10px; | 48 padding: 10px; |
63 } | 49 } |
64 | 50 |
65 /* | 51 /* |
66 * Styles for TABLE that uses a thin collapsed border. | 52 * Styles for TABLE that uses a thin collapsed border. |
67 */ | 53 */ |
68 table.styledTable { | 54 table.styled-table { |
69 border-collapse: collapse; | 55 border-collapse: collapse; |
70 } | 56 } |
71 | 57 |
72 table.styledTable, | 58 table.styled-table, |
73 .styledTable th, | 59 .styled-table th, |
74 .styledTable td { | 60 .styled-table td { |
75 border: 1px solid #777; | 61 border: 1px solid #777; |
76 padding-right: 4px; | 62 padding-right: 4px; |
77 padding-left: 4px; | 63 padding-left: 4px; |
78 } | 64 } |
79 | 65 |
80 .styledTable th { | 66 .styled-table th { |
81 background: rgb(224,236,255); | 67 background: rgb(224,236,255); |
82 } | 68 } |
83 | 69 |
84 .styledTable th.title { | 70 .styled-table th.title { |
85 background: rgb(255,217,217); | 71 background: rgb(255,217,217); |
86 } | 72 } |
87 | 73 |
88 /** | 74 /** |
89 * Styling for event logs. | 75 * Styling for event logs. |
90 */ | 76 */ |
91 .event-log p { | 77 .event-log p { |
92 white-space: nowrap; | 78 white-space: nowrap; |
93 } | 79 } |
94 | 80 |
95 .event-log h4 { | 81 .event-log h4 { |
96 margin: 0; | 82 margin: 0; |
97 } | 83 } |
98 | 84 |
99 .event-log a { | 85 .event-log a { |
100 text-decoration: none; | 86 text-decoration: none; |
101 font-weight: bold; | 87 font-weight: bold; |
102 } | 88 } |
103 | 89 |
104 /** | 90 /** |
105 * Styling for an emphasized button. | |
106 */ | |
107 .bigButton { | |
108 font-size: 100%; | |
109 font-weight: bold; | |
110 } | |
111 | |
112 /** | |
113 * Styling for text indicating a potential problem or error state. | 91 * Styling for text indicating a potential problem or error state. |
114 */ | 92 */ |
115 .warningText { | 93 .warning-text { |
116 color: red; | 94 color: red; |
117 } | 95 } |
OLD | NEW |