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