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