| 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 |