| /* Copyright 2016 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. |
| * |
| * This is the stylesheet used by chrome://ukm debug page. |
| */ |
| |
| div { |
| margin: auto; |
| padding: 2px; |
| } |
| |
| div.ukm_collection_status { |
| background: linear-gradient(0deg, steelblue, lightblue); |
| padding: 16px; |
| color: white; |
| width: auto; |
| } |
| |
| div.right_align { |
| float: right; |
| width: auto; |
| } |
| |
| div.left_align { |
| display: inline; |
| } |
| |
| #sources>div:nth-child(odd) { |
| background: lightsteelblue; |
| } |
| |
| #sources>div:nth-child(even) { |
| background: lightgrey; |
| } |
| |
| span#state, span#clientid { |
| text-decoration: underline; |
| font-weight: bold; |
| } |
| |
| span.url { |
| font-weight: bold; |
| } |
| |
| span.sourceid { |
| float: right; |
| } |
| |
| div.url_card { |
| padding: 0px; |
| } |
| |
| div.entries { |
| display: none; |
| overflow: hidden; |
| } |
| |
| div.entry { |
| width: 470px; |
| padding: 0px 0px 10px 10px; |
| display: inline-block; |
| } |
| |
| div.collapsible_header { |
| background-color: #eee; |
| cursor: pointer; |
| } |
| |
| div.collapsible_header:hover { |
| background-color: #ccc; |
| } |
| |
| td { |
| font-family: "Lucida Console", Monaco, monospace; |
| font-size: 0.8em; |
| overflow-wrap: break-word; |
| border-top: 1px solid black; |
| } |
| |
| td.entry_name { |
| min-width: 320px; |
| } |
| |
| td.metric_name { |
| min-width: 320px; |
| border-left: 1px solid black; |
| } |
| |
| |
| td.metric_value { |
| text-align: right; |
| min-width: 120px; |
| border-left: 1px solid black; |
| } |
| |
| table.entry_table { |
| width: 780px; |
| border: solid 1px black; |
| } |
| |
| select.hex_list { |
| width: 100px; |
| font-size: 0.7em; |
| font-family: "Lucida Console", Monaco, monospace; |
| height: 22px; |
| } |
| |
| div.source_container { |
| padding: 0px; |
| } |
| |
| div.source_container:first-child { |
| padding-top: 2px; |
| } |
| |
| input.text { |
| width: 480px; |
| } |
| |
| input.checkbox { |
| } |
| |
| div.labels { |
| width: 120px; |
| display: inline-block; |
| } |