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