Home | History | Annotate | Download | only in sync_internals 
      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 }
     88