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 10body { 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 22h1, 23h2 { 24 font-size: 120%; 25 letter-spacing: -.5px; 26 margin: 0; 27} 28 29h1 { 30 color: rgb(74, 142, 230); 31 font-weight: bold; 32 padding: 0; 33} 34 35h2 { 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 57html[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 70html[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 136html[dir='rtl'] .number-expanded, 137html[dir='rtl'] .number-collapsed { 138 text-align: right; 139} 140 141tr > *:nth-child(1), 142tr > *: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 156html[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