chrome/browser/resources/device_log_ui/device_log_ui.css

   1 /*
   2  * Copyright 2014 The Chromium Authors. All rights reserved.
   3  * Use of this source code is governed by a BSD-style license that can be
   4  * found in the LICENSE file.
   5  */
   6
   7 html {
   8   height: 100%;
   9 }
  10
  11 body {
  12   display: flex;
  13   flex-direction: column;
  14   height: 100%;
  15   margin: 0;
  16 }
  17
  18 #header {
  19   margin: 5px;
  20 }
  21
  22 /* Checkboxes */
  23
  24 #log-checkbox-container {
  25   margin: 5px;
  26 }
  27
  28 #log-checkbox-container button {
  29   -webkit-margin-end: 8px;
  30 }
  31
  32 #log-checkbox-container label {
  33   vertical-align: middle;
  34 }
  35
  36 #log-checkbox-show {
  37   font-weight: bold;
  38 }
  39
  40 #log-checkbox-container input {
  41   margin-bottom: 1px;
  42   vertical-align: middle;
  43 }
  44
  45 /* Log */
  46
  47 #log-container {
  48   border: 1px solid rgb(220, 220, 220);
  49   flex: 1 1 100%;
  50   font-size: 12px;
  51   margin: 5px;
  52   overflow: auto;
  53   padding: 10px;
  54 }
  55
  56 #log-container p {
  57   font-family: monospace;
  58   line-height: 20px;
  59   margin: 2px;
  60 }
  61
  62 /* Log Level tags  */
  63
  64 .level-tag {
  65   -webkit-margin-end: 5px;
  66   border: 1px solid;
  67   border-radius: 2px;
  68   float: left;
  69   height: 14px;
  70   margin-top: 2px;
  71   padding: 0 4px 2px 4px;
  72   width: 50px;
  73 }
  74
  75 .log-level-error {
  76   color: red;
  77 }
  78
  79 .log-level-user {
  80   color: blue;
  81 }
  82
  83 .log-level-event {
  84   color: black;
  85 }
  86
  87 .log-level-debug {
  88   color: grey;
  89 }
  90
  91 /* Log Type tags */
  92
  93 .type-tag {
  94   -webkit-margin-end: 5px;
  95   border: 1px solid;
  96   border-radius: 2px;
  97   float: left;
  98   font-weight: bold;
  99   height: 14px;
 100   margin-top: 2px;
 101   padding: 0 4px 2px 4px;
 102   width: 50px;
 103 }
 104
 105 .log-type-login {
 106   color: darkgreen;
 107 }
 108
 109 .log-type-network {
 110   color: darkblue;
 111 }
 112
 113 .log-type-power {
 114   color: purple;
 115 }