/* Copyright 2013 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.
 */

#aboutInfo {
  -webkit-columns: 3;
}

#aboutInfo h2 {
  color: rgb(74, 142, 230);
  font-size: 100%;
  margin-bottom: 0;
}

#aboutInfo .err {
  color: red;
}

#aboutInfo .section {
  -webkit-column-break-inside: avoid;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.aboutDetails {
  width: 100%;
}

.aboutDetails tr:nth-child(odd) {
  background: rgb(239, 243, 255);
}

#typeInfo .error {
 background: rgb(255, 204, 204);
}

#typeInfo .warning {
 background: rgb(255, 255, 204);
}

#typeInfo .ok {
 background: rgb(204, 255, 204);
}

@-webkit-keyframes highlight1 {
  0% {
    background: rgb(255, 255, 0);
  }
  100% {
    background: #fff;
  }
}

@-webkit-keyframes highlight2 {
  0% {
    background: rgb(155, 158, 166);
  }
  100% {
    background: rgb(239, 243, 255);
  }
}

.aboutDetails [highlighted] {
  -webkit-animation-duration: 3s;
  -webkit-animation-name: highlight1;
  -webkit-animation-timing-function: linear;
}

.aboutDetails [highlighted]:nth-child(odd) {
  -webkit-animation-duration: 3s;
  -webkit-animation-name: highlight2;
  -webkit-animation-timing-function: linear;
}

.aboutDetails .uninitialized {
  color: #7f7f7f;
}

#status {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 300px;
}