1 /* Copyright 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 6 #anchor { 7 display: none; 8 } 9 10 body { 11 font-family: Arial, Helvetica, sans-serif; 12 font-size: 84%; 13 margin: 0; 14 min-width: 45em; 15 padding: 0.75em; 16 } 17 18 .global-button { 19 margin: 1px 3px 0 3px; 20 } 21 22 h1, 23 h2 { 24 font-size: 120%; 25 letter-spacing: -.5px; 26 margin: 0; 27 } 28 29 h1 { 30 color: rgb(74, 142, 230); 31 font-weight: bold; 32 padding: 0; 33 } 34 35 h2 { 36 -webkit-padding-end: 1em; 37 -webkit-padding-start: 0; 38 color: rgb(58, 117, 189); 39 display: inline-block; 40 font-weight: normal; 41 margin-top: 0; 42 } 43 44 #header { 45 background: rgb(82, 150, 222); 46 background-size: 100%; 47 border: 1px solid rgb(58, 117, 189); 48 border-radius: 6px; 49 color: white; 50 margin-bottom: 0.75em; 51 overflow: hidden; 52 padding: 0.6em 1em 0.75em 0; 53 position: relative; 54 text-shadow: 0 0 2px black; 55 } 56 57 html[dir='rtl'] #header { 58 padding: 0.6em 0 0.75em 1em; 59 } 60 61 #header h1 { 62 -webkit-padding-start: 3em; 63 background: url('../../../../ui/webui/resources/images/gear.png') no-repeat; 64 background-position: 12px 60%; 65 color: white; 66 display: inline; 67 margin: 0; 68 } 69 70 html[dir='rtl'] #header h1 { 71 background-position: right 12px top 60%; 72 } 73 74 #header p { 75 -webkit-padding-start: 0.4em; 76 color: white; 77 display: inline; 78 font-size: 84%; 79 font-style: italic; 80 } 81 82 .list { 83 border-collapse: collapse; 84 font-size: 84%; 85 line-height: 200%; 86 width: 100%; 87 } 88 89 .list:not(.filtered) tr:nth-child(odd) td { 90 background: rgb(239, 243, 255); 91 } 92 93 .list td { 94 font-family: 'Courier New', monospace; 95 line-height: 1.4em; 96 padding: 0 0.5em; 97 padding-top: 0.35em; 98 vertical-align: top; 99 } 100 101 .list tr td:nth-last-child(1), 102 .list tr th:nth-last-child(1) { 103 -webkit-padding-end: 1em; 104 } 105 106 .list:not(.filtered) .tab .name { 107 -webkit-padding-start: 1.5em; 108 } 109 110 .list .name { 111 width: 20%; 112 } 113 114 .list .button-cell { 115 width: 7%; 116 } 117 118 .list .name div { 119 height: 1.6em; 120 overflow: hidden; 121 text-overflow: ellipsis; 122 white-space: nowrap; 123 } 124 125 .button-hidden { 126 display: none; 127 } 128 129 .number-expanded, 130 .number-collapsed { 131 text-align: left; 132 text-overflow: ellipsis; 133 width: 80%; 134 } 135 136 html[dir='rtl'] .number-expanded, 137 html[dir='rtl'] .number-collapsed { 138 text-align: right; 139 } 140 141 tr > *:nth-child(1), 142 tr > *:nth-child(2) { 143 -webkit-border-end: 1px solid rgb(181, 198, 222); 144 } 145 146 .name { 147 background-position: 5em center; 148 background-repeat: no-repeat; 149 } 150 151 .stat-value { 152 text-overflow: ellipsis; 153 white-space: pre-wrap; 154 } 155 156 html[dir='rtl'] #details .name { 157 background-position-left: auto; 158 background-position-right: 5em; 159 } 160 161 .number-collapsed .stat-value { 162 display: none; 163 } 164 165 .number-expanded .stat-value { 166 display: auto; 167 } 168 169 #status { 170 color: rgb(255, 0, 0); 171 margin: .5em 0; 172 } 173