| /* Copyright 2015 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. */ |
| |
| #info { |
| -webkit-column-width: 350px; |
| } |
| |
| #info > div { |
| -webkit-column-break-inside: avoid; |
| width: 350px; |
| } |
| |
| #info h2 { |
| color: rgb(74, 142, 230); |
| font-size: 100%; |
| margin-bottom: 0; |
| } |
| |
| #info .err { |
| color: red; |
| } |
| |
| #info .section { |
| display: inline-block; |
| margin-inline-end: auto; |
| margin-inline-start: auto; |
| } |
| |
| #info .section.hidden { |
| display: none; |
| } |
| |
| .section-details { |
| width: 100%; |
| } |
| |
| .section-details .detail, |
| .section-details .value { |
| width: 50%; |
| } |
| |
| .section-details tr:nth-child(odd) { |
| background: rgb(239, 243, 255); |
| } |
| |
| @keyframes highlight1 { |
| 0% { |
| background: rgb(255, 255, 0); |
| } |
| 100% { |
| background: #fff; |
| } |
| } |
| |
| @keyframes highlight2 { |
| 0% { |
| background: rgb(155, 158, 166); |
| } |
| 100% { |
| background: rgb(239, 243, 255); |
| } |
| } |
| |
| .section-details [highlighted] { |
| animation-duration: 3s; |
| animation-name: highlight1; |
| animation-timing-function: linear; |
| } |
| |
| .section-details [highlighted]:nth-child(odd) { |
| animation-duration: 3s; |
| animation-name: highlight2; |
| animation-timing-function: linear; |
| } |
| |
| .section-details .uninitialized { |
| color: #7f7f7f; |
| } |
| |
| #filtering-results-container { |
| border: 1px solid; |
| height: 500px; |
| max-width: 500px; |
| overflow-y: auto; |
| } |
| |
| .filtering-results-entry { |
| border: 2px outset; |
| padding: 0.5em; |
| } |
| |
| .filtering-results-entry:hover { |
| background-color: #eee; |
| } |
| |
| .filtering-results-entry .url { |
| font-weight: bold; |
| margin: 0.5em; |
| } |
| |
| .filtering-results-entry .result { |
| margin: 0.5em; |
| } |
| |
| .filtering-results-entry .reason { |
| margin: 0.5em; |
| } |