Home | History | Annotate | Download | only in about_sys 
      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 }
    100 
    101 .list tr td:nth-last-child(1),
    102 .list tr th:nth-last-child(1) {
    103   -webkit-padding-end: 1em;
    104 }
    105 
    106 .list:not(.filtered) .tab .name {
    107   -webkit-padding-start: 1.5em;
    108 }
    109 
    110 .list .name {
    111   width: 20%;
    112 }
    113 
    114 .list .button-cell {
    115   width: 7%;
    116 }
    117 
    118 .list .name div {
    119   height: 1.6em;
    120   overflow: hidden;
    121   text-overflow: ellipsis;
    122   white-space: nowrap;
    123 }
    124 
    125 .button-hidden {
    126   display: none;
    127 }
    128 
    129 .number-expanded,
    130 .number-collapsed  {
    131   text-align: left;
    132   text-overflow: ellipsis;
    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 .stat-value {
    152   text-overflow: ellipsis;
    153   white-space: pre-wrap;
    154 }
    155 
    156 html[dir='rtl'] #details .name {
    157   background-position-left: auto;
    158   background-position-right: 5em;
    159 }
    160 
    161 .number-collapsed .stat-value {
    162   display: none;
    163 }
    164 
    165 .number-expanded .stat-value {
    166   display: auto;
    167 }
    168 
    169 #status {
    170   color: rgb(255, 0, 0);
    171   margin: .5em 0;
    172 }
    173