| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. | 3 * found in the LICENSE file. */ |
| 4 */ | |
| 5 | 4 |
| 6 /* Only common styles should be declared here. */ | 5 /* Only common styles should be declared here. */ |
| 7 | 6 |
| 8 * { | 7 * { |
| 9 box-sizing: border-box; | 8 box-sizing: border-box; |
| 10 } | 9 } |
| 11 | 10 |
| 12 body { | 11 body { |
| 13 overflow: hidden; /* Prevents scroll bar flickering on resize. */ | 12 overflow: hidden; /* Prevents scroll bar flickering on resize. */ |
| 14 } | 13 } |
| 15 | 14 |
| 16 ul { | 15 ul { |
| 17 padding-left: 2em; | 16 padding-left: 2em; |
| 18 } | 17 } |
| 19 | 18 |
| 20 /** | 19 /* This class is used to create the splitter widget in |
| 21 * This class is used to create the splitter widget in | 20 * ResizbleVerticalSplitView. */ |
| 22 * ResizbleVerticalSplitView. | |
| 23 */ | |
| 24 .vertical-splitter { | 21 .vertical-splitter { |
| 25 -webkit-user-select: none; | 22 -webkit-user-select: none; |
| 26 border-left: 1px solid #afafaf; | 23 border-left: 1px solid #afafaf; |
| 27 cursor: ew-resize; | 24 cursor: ew-resize; |
| 28 position: absolute; | 25 position: absolute; |
| 29 width: 10px; | 26 width: 10px; |
| 30 } | 27 } |
| 31 | 28 |
| 32 /* Needs to be wider on touch devices. */ | 29 /* Needs to be wider on touch devices. */ |
| 33 .touch .vertical-splitter { | 30 .touch .vertical-splitter { |
| 34 width: 5mm; | 31 width: 5mm; |
| 35 } | 32 } |
| 36 | 33 |
| 37 .log-source-entry { | 34 .log-source-entry { |
| 38 margin: 5px; | 35 margin: 5px; |
| 39 } | 36 } |
| 40 | 37 |
| 41 pre { | 38 pre { |
| 42 font-size: 133%; | 39 font-size: 133%; |
| 43 } | 40 } |
| 44 | 41 |
| 45 /** | 42 /* This class should be given to top-level content boxes (like the view's main |
| 46 * This class should be given to top-level content boxes (like the view's main | 43 * DIV). It gives them a consistent padding, and makes them scrollable. */ |
| 47 * DIV). It gives them a consistent padding, and makes them scrollable. | |
| 48 */ | |
| 49 .content-box { | 44 .content-box { |
| 50 overflow: auto; | 45 overflow: auto; |
| 51 padding: 20px 10px 10px 20px; | 46 padding: 20px 10px 10px 20px; |
| 52 } | 47 } |
| 53 | 48 |
| 54 .deindent-header, | 49 .deindent-header, |
| 55 .content-box h1, | 50 .content-box h1, |
| 56 .content-box h2, | 51 .content-box h2, |
| 57 .content-box h3, | 52 .content-box h3, |
| 58 .content-box h4, | 53 .content-box h4, |
| 59 .content-box h5, | 54 .content-box h5, |
| 60 .content-box h6 { | 55 .content-box h6 { |
| 61 margin-left: -10px; | 56 margin-left: -10px; |
| 62 } | 57 } |
| 63 | 58 |
| 64 /** | 59 /* Styles for TABLE that uses a thin collapsed border. */ |
| 65 * Styles for TABLE that uses a thin collapsed border. | |
| 66 */ | |
| 67 table.styled-table { | 60 table.styled-table { |
| 68 border-collapse: collapse; | 61 border-collapse: collapse; |
| 69 } | 62 } |
| 70 | 63 |
| 71 table.styled-table, | 64 table.styled-table, |
| 72 .styled-table th, | 65 .styled-table th, |
| 73 .styled-table td { | 66 .styled-table td { |
| 74 border: 1px solid #777; | 67 border: 1px solid #777; |
| 75 padding-left: 4px; | 68 padding-left: 4px; |
| 76 padding-right: 4px; | 69 padding-right: 4px; |
| (...skipping 28 matching lines...) Expand all Loading... |
| 105 } | 98 } |
| 106 | 99 |
| 107 .styled-table th { | 100 .styled-table th { |
| 108 background: rgb(224,236,255); | 101 background: rgb(224,236,255); |
| 109 } | 102 } |
| 110 | 103 |
| 111 .styled-table th.title { | 104 .styled-table th.title { |
| 112 background: rgb(255,217,217); | 105 background: rgb(255,217,217); |
| 113 } | 106 } |
| 114 | 107 |
| 115 /** | 108 /* Styling for event logs. */ |
| 116 * Styling for event logs. | |
| 117 */ | |
| 118 .event-log p { | 109 .event-log p { |
| 119 white-space: nowrap; | 110 white-space: nowrap; |
| 120 } | 111 } |
| 121 | 112 |
| 122 .event-log h4 { | 113 .event-log h4 { |
| 123 margin: 0; | 114 margin: 0; |
| 124 } | 115 } |
| 125 | 116 |
| 126 .event-log a { | 117 .event-log a { |
| 127 font-weight: bold; | 118 font-weight: bold; |
| 128 text-decoration: none; | 119 text-decoration: none; |
| 129 } | 120 } |
| 130 | 121 |
| 131 /** | 122 /* Styling for text indicating a potential problem or error state. */ |
| 132 * Styling for text indicating a potential problem or error state. | |
| 133 */ | |
| 134 .warning-text { | 123 .warning-text { |
| 135 color: rgb(238, 0, 0); | 124 color: rgb(238, 0, 0); |
| 136 } | 125 } |
| 137 | 126 |
| 138 /** | 127 /* Styling for help windows that appear when mousing over an element. */ |
| 139 * Styling for help windows that appear when mousing over an element. | |
| 140 */ | |
| 141 .mouse-over-help { | 128 .mouse-over-help { |
| 142 background: #EEE; | 129 background: #EEE; |
| 143 border: 1px solid black; | 130 border: 1px solid black; |
| 144 padding: 5px; | 131 padding: 5px; |
| 145 z-index: 1; | 132 z-index: 1; |
| 146 } | 133 } |
| 147 | 134 |
| 148 /** | 135 /* Styling for elements that show a help window on mouse over. */ |
| 149 * Styling for elements that show a help window on mouse over. | |
| 150 */ | |
| 151 .mouse-over-help-hover { | 136 .mouse-over-help-hover { |
| 152 color: blue; | 137 color: blue; |
| 153 cursor: help; | 138 cursor: help; |
| 154 } | 139 } |
| OLD | NEW |