chrome/browser/resources/sync_internals/about.css

   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 #aboutInfo {
   7   -webkit-columns: 3;
   8 }
   9
  10 #aboutInfo h2 {
  11   color: rgb(74, 142, 230);
  12   font-size: 100%;
  13   margin-bottom: 0;
  14 }
  15
  16 #aboutInfo .err {
  17   color: red;
  18 }
  19
  20 #aboutInfo .section {
  21   -webkit-column-break-inside: avoid;
  22   display: inline-block;
  23   margin-left: auto;
  24   margin-right: auto;
  25   width: 100%;
  26 }
  27
  28 .aboutDetails {
  29   width: 100%;
  30 }
  31
  32 .aboutDetails tr:nth-child(odd) {
  33   background: rgb(239, 243, 255);
  34 }
  35
  36 #typeInfo .error {
  37  background: rgb(255, 204, 204);
  38 }
  39
  40 #typeInfo .warning {
  41  background: rgb(255, 255, 204);
  42 }
  43
  44 #typeInfo .ok {
  45  background: rgb(204, 255, 204);
  46 }
  47
  48 @-webkit-keyframes highlight1 {
  49   0% {
  50     background: rgb(255, 255, 0);
  51   }
  52   100% {
  53     background: #fff;
  54   }
  55 }
  56
  57 @-webkit-keyframes highlight2 {
  58   0% {
  59     background: rgb(155, 158, 166);
  60   }
  61   100% {
  62     background: rgb(239, 243, 255);
  63   }
  64 }
  65
  66 .aboutDetails [highlighted] {
  67   -webkit-animation-duration: 3s;
  68   -webkit-animation-name: highlight1;
  69   -webkit-animation-timing-function: linear;
  70 }
  71
  72 .aboutDetails [highlighted]:nth-child(odd) {
  73   -webkit-animation-duration: 3s;
  74   -webkit-animation-name: highlight2;
  75   -webkit-animation-timing-function: linear;
  76 }
  77
  78 .aboutDetails .uninitialized {
  79   color: #7f7f7f;
  80 }
  81
  82 #status {
  83   margin-left: auto;
  84   margin-right: auto;
  85   text-align: center;
  86   width: 300px;
  87 }