chrome/browser/resources/about_memory.css

   1 /* Copyright (c) 2012 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 body {
   6   font-size: 84%;
   7   margin: 0;
   8   min-width: 45em;
   9   padding: 0.75em;
  10 }
  11
  12 h1 {
  13   color: rgb(74, 142, 230);
  14   font-size: 110%;
  15   font-weight: bold;
  16   letter-spacing: -1px;
  17   margin: 0;
  18   padding: 0;
  19 }
  20
  21 h2 {
  22   border-top: 1px solid rgb(58, 117, 189);
  23   color: rgb(58, 117, 189);
  24   font-size: 110%;
  25   font-weight: normal;
  26   letter-spacing: -1px;
  27   margin: 0;
  28   margin-left: -38px;
  29   padding: 0.5em 1em 0.5em 38px;
  30 }
  31
  32 h2:first-child {
  33   border-top: 0;
  34   padding-top: 0;
  35 }
  36
  37 span.th {
  38   padding-left: 0.35em;
  39 }
  40
  41 a {
  42   color: black;
  43 }
  44
  45 div#header {
  46   background: rgb(82, 150, 222);
  47   background-size: 100%;
  48   border: 1px solid rgb(58, 117, 189);
  49   border-radius: 6px;
  50   color: white;
  51   margin-bottom: 0.75em;
  52   overflow: hidden;
  53   padding: 0.6em 1em 0.75em 0;
  54   position: relative;
  55   text-shadow: 0 0 2px black;
  56 }
  57
  58 div#header h1 {
  59   background: url(chrome://resources/images/gear.png) 12px 60% no-repeat;
  60   color: white;
  61   display: inline;
  62   margin: 0;
  63   padding-left: 37px;
  64 }
  65
  66 div#header p {
  67   color: white;
  68   display: inline;
  69   font-size: 84%;
  70   font-style: italic;
  71   margin: 0;
  72   padding: 0;
  73   padding-left: 0.4em;
  74 }
  75
  76 div#header div.navigation {
  77   font-size: 92%;
  78   line-height: 3.5em;
  79   position: absolute;
  80   right: 1em;
  81   top: 0;
  82 }
  83
  84 div#header select {
  85   border: 1px solid rgb(58, 117, 189);
  86   color: rgb(49, 93, 148);
  87   font-size: 100%;
  88   line-height: 140%;
  89 }
  90
  91 div#header select option {
  92   padding: 0 0.2em;
  93 }
  94
  95 div#sidebar {
  96   border-right: 1px solid #cfcfcf;
  97   display: none;
  98   float: left;
  99   margin-left: 26px;
 100   min-height: 20em;
 101   padding: 0.75em;
 102   padding-top: 0;
 103   width: 45em;
 104 }
 105
 106 div#content {
 107   margin-left: 0;
 108 }
 109
 110 hr {
 111   display: inline;
 112   padding: 0 0.5em;
 113   visibility: hidden;
 114 }
 115
 116 .k {
 117   font-weight: normal;
 118   opacity: 0.4;
 119   padding-left: 0.1em;
 120 }
 121
 122 .legend {
 123   color: #7f7f7f;
 124   font-size: 84%;
 125   line-height: 140%;
 126   margin-top: 2em;
 127   padding: 0.4em 0 0;
 128   text-align: right;
 129 }
 130
 131 .legend h3 {
 132   color: black;
 133   display: inline;
 134   font-size: 100%;
 135   font-weight: normal;
 136   margin: 0;
 137   padding: 0 0.5em 0 0;
 138 }
 139
 140 .legend .swatch {
 141   display: inline-block;
 142   height: 0.9em;
 143   margin-right: 0.2em;
 144   opacity: 0.66;
 145   padding: 0 0.5em;
 146 }
 147
 148 table.list {
 149   border-collapse: collapse;
 150   font-size: 84%;
 151   line-height: 200%;
 152   table-layout: fixed;
 153   width: 100%;
 154 }
 155
 156 table.list:not([class*='filtered']) tr:nth-child(odd) td {
 157   background: rgb(239, 243, 255);
 158 }
 159
 160 .hidden {
 161   display: none;
 162 }
 163
 164 table.list th {
 165   color: black;
 166   font-weight: bold;
 167   padding: 0 0.5em;
 168   vertical-align: top;
 169   white-space: nowrap;
 170 }
 171
 172 table.list .firstRow th {
 173   line-height: 100%;
 174   text-align: left;
 175 }
 176
 177 table.list .secondRow * {
 178   border-bottom: 1px solid rgb(181, 198, 222);
 179   text-align: left;
 180 }
 181
 182 table.list td {
 183   line-height: 1.4em;
 184   padding: 0.35em 0.5em 0;
 185   vertical-align: top;
 186 }
 187
 188 table.list tr td:nth-last-child(1),
 189 table.list tr th:nth-last-child(1) {
 190   padding-right: 1em;
 191 }
 192
 193 table.list:not([class*='filtered']) .tab .name {
 194   padding-left: 1.5em;
 195 }
 196
 197 table.list .name {
 198   width: 100%;
 199 }
 200
 201 table.list .name div {
 202   height: 1.6em;
 203   overflow: hidden;
 204   text-overflow: ellipsis;
 205   white-space: nowrap;
 206 }
 207
 208 table.list .pid {
 209   text-align: right;
 210   width: 4em;
 211 }
 212
 213 table.list .pid .th {
 214   padding: 0;
 215 }
 216
 217 table.list .type {
 218   width: 5em;
 219 }
 220
 221 table.list .number {
 222   text-align: right;
 223   width: 7em;
 224 }
 225
 226 table.list .total {
 227   font-weight: bold;
 228 }
 229
 230 table.list .total .name {
 231   color: rgb(49, 93, 148);
 232   text-align: right;
 233 }
 234
 235 table.list .total td {
 236   background: white !important;
 237   border-top: 1px solid rgb(181, 198, 222);
 238 }
 239
 240 table.list .noResults {
 241   display: none;
 242 }
 243
 244 table.list.noResults .noResults {
 245   display: table-row;
 246 }
 247
 248 table.list .noResults td {
 249   color: #3f3f3f;
 250   padding: 3em 0;
 251   text-align: center;
 252 }
 253
 254 table.list#browserComparison .name {
 255   background-position: 5px center;
 256   background-repeat: no-repeat;
 257   padding-left: 25px;
 258 }
 259
 260 div.help {
 261   background: url(chrome://resources/images/help.png) center bottom no-repeat;
 262   display: inline-block;
 263   height: 14px;
 264   margin: -1px 0;
 265   opacity: 0.33;
 266   width: 14px;
 267 }
 268
 269 div.help:hover {
 270   opacity: 1;
 271 }
 272
 273 div.help div {
 274   display: none;
 275 }
 276
 277 #helpTooltip {
 278   background: rgb(214, 232, 255);
 279   border: 1px solid rgb(168, 207, 255);
 280   border-radius: 0;
 281   box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.33);
 282   font-size: 92%;
 283   line-height: 140%;
 284   max-width: 30em;
 285   padding: 0.3em 0.8em;
 286   position: absolute;
 287   z-index: 1000;
 288 }
 289
 290 #helpTooltip p {
 291   margin: 0.6em 0;
 292 }
 293
 294 div.otherbrowsers {
 295   font-size: 84%;
 296   text-align: center;
 297   width: 100%;
 298 }