chrome/browser/resources/about_sys/about_sys.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 #anchor {
   7   display: none;
   8 }
   9
  10 body {
  11   font-size: 84%;
  12   margin: 0;
  13   min-width: 45em;
  14   padding: 0.75em;
  15 }
  16
  17 .global-button {
  18   margin: 1px 3px 0 3px;
  19 }
  20
  21 h1,
  22 h2 {
  23   margin: 0;
  24 }
  25
  26 h1 {
  27   color: rgb(74, 142, 230);
  28   font-size: 110%;
  29   font-weight: bold;
  30   padding: 0;
  31 }
  32
  33 h2 {
  34   -webkit-padding-end: 1em;
  35   -webkit-padding-start: 0;
  36   color: rgb(58, 117, 189);
  37   display: inline-block;
  38   font-size: 110%;
  39   font-weight: normal;
  40 }
  41
  42 #header {
  43   background: rgb(82, 150, 222);
  44   background-size: 100%;
  45   border: 1px solid rgb(58, 117, 189);
  46   border-radius: 6px;
  47   color: white;
  48   margin-bottom: 0.75em;
  49   overflow: hidden;
  50   padding: 0.5em 0;
  51   position: relative;
  52   text-shadow: 0 0 2px black;
  53 }
  54
  55 html[dir='rtl'] #header {
  56   padding: 0.6em 0 0.75em 1em;
  57 }
  58
  59 #header h1 {
  60   color: white;
  61   display: inline;
  62 }
  63
  64 div#header h1::before {
  65   /* grit doesn't flatten -webkit-mask, so define the properties separately
  66   * for now. */
  67   -webkit-mask-image: url(../../../../ui/webui/resources/images/settings.svg);
  68   -webkit-mask-position: center;
  69   -webkit-mask-repeat: no-repeat;
  70   -webkit-mask-size: 24px;
  71   background-color: white;
  72   content: '';
  73   display: inline-block;
  74   height: 20px;
  75   vertical-align: middle;
  76   width: 37px;
  77 }
  78
  79 #header p {
  80   -webkit-padding-start: 0.4em;
  81   color: white;
  82   display: inline;
  83   font-size: 84%;
  84   font-style: italic;
  85 }
  86
  87 .list {
  88   border-collapse: collapse;
  89   font-size: 84%;
  90   line-height: 200%;
  91   width: 100%;
  92 }
  93
  94 .list:not(.filtered) tr:nth-child(odd) td {
  95   background: rgb(239, 243, 255);
  96 }
  97
  98 .list td {
  99   font-family: 'Courier New', monospace;
 100   line-height: 1.4em;
 101   padding: 0 0.5em;
 102   padding-top: 0.35em;
 103   vertical-align: top;
 104 }
 105
 106 .list tr td:nth-last-child(1),
 107 .list tr th:nth-last-child(1) {
 108   -webkit-padding-end: 1em;
 109 }
 110
 111 .list:not(.filtered) .tab .name {
 112   -webkit-padding-start: 1.5em;
 113 }
 114
 115 .list .name {
 116   width: 20%;
 117 }
 118
 119 .list .button-cell {
 120   width: 7%;
 121 }
 122
 123 .list .name div {
 124   height: 1.6em;
 125   overflow: hidden;
 126   text-overflow: ellipsis;
 127   white-space: nowrap;
 128 }
 129
 130 .button-hidden {
 131   display: none;
 132 }
 133
 134 .number-expanded,
 135 .number-collapsed  {
 136   text-align: left;
 137   text-overflow: ellipsis;
 138   width: 80%;
 139 }
 140
 141 html[dir='rtl'] .number-expanded,
 142 html[dir='rtl'] .number-collapsed  {
 143   text-align: right;
 144 }
 145
 146 tr > *:nth-child(1),
 147 tr > *:nth-child(2) {
 148   -webkit-border-end: 1px solid rgb(181, 198, 222);
 149 }
 150
 151 .name {
 152   background-position: 5em center;
 153   background-repeat: no-repeat;
 154 }
 155
 156 .stat-value {
 157   text-overflow: ellipsis;
 158   white-space: pre-wrap;
 159 }
 160
 161 html[dir='rtl'] #details .name {
 162   background-position-left: auto;
 163   background-position-right: 5em;
 164 }
 165
 166 .number-collapsed .stat-value {
 167   display: none;
 168 }
 169
 170 .number-expanded .stat-value {
 171   display: auto;
 172 }
 173
 174 #status {
 175   color: rgb(255, 0, 0);
 176   margin: .5em 0;
 177 }