src/chrome/browser/resources/task_manager/task_manager.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 html {
   6   overflow: hidden;
   7 }
   8
   9 /* Outer frame of the dialog. */
  10 body {
  11   -webkit-box-orient: vertical;
  12   -webkit-user-select: none;
  13   display: -webkit-box;
  14   font-family: segoe ui, arial, helvetica, sans-serif;
  15   font-size: 12px;
  16   height: 100%;
  17   min-height: 150px;
  18   position: absolute;
  19   width: 100%;
  20 }
  21
  22 /* Container for the detail list views. */
  23 .dialog-body {
  24   -webkit-box-flex: 1;
  25   border: 1px #aaa solid;
  26   border-radius: 3px;
  27   display: -webkit-box;
  28   margin: 12px 12px 6px;
  29 }
  30
  31 /* Column text containers. */
  32 .list-container {
  33   -webkit-box-flex: 1;
  34   display: -webkit-box;
  35 }
  36
  37 /* Table splitter element */
  38 .table-header-splitter {
  39   -webkit-border-start: 1px #aaa solid;
  40   background-color: inherit;
  41   height: 20px;
  42   margin-top: 4px;
  43 }
  44
  45 /* Container for a table header. */
  46 .table-header {
  47   -webkit-box-sizing: border-box;
  48   background-image: -webkit-linear-gradient(top, #f9f9f9, #e8e8e8);
  49   border-bottom: 1px #aaa solid;
  50   height: 28px;
  51 }
  52
  53 /* Text label in a table header. */
  54 .table-header-label {
  55   cursor: default;
  56   margin-top: 6px;
  57 }
  58
  59 /* Task list in table. */
  60 .list {
  61   -webkit-box-flex: 1;
  62 }
  63
  64 /* Title Column text containers. */
  65 .detail-title {
  66   display: -webkit-box;
  67   height: 20px;
  68 }
  69
  70 /* Bullets on the left of row. */
  71 .table-row > .table-row-cell:first-child::before {
  72   -webkit-border-radius: 3px;
  73   background: #ccc;
  74   content: '';
  75   display: block;
  76   margin: 7px 4px 7px 7px;
  77   width: 6px;
  78 }
  79
  80 /* Cells in table. */
  81 .table-row-cell {
  82   -webkit-box-orient: horizontal;
  83   display: -webkit-box;
  84 }
  85
  86 /* Containers of titles of tasks on the process. */
  87 .detail-container-title {
  88   -webkit-box-flex: 1;
  89   -webkit-box-orient: vertical;
  90   display: -webkit-box;
  91   margin-left: 3px;
  92 }
  93
  94 .detail-title-image {
  95   height: 16px;
  96   padding: 2px;
  97   width: 16px;
  98 }
  99
 100 .detail-title-text {
 101   height: 20px;
 102   padding-left: 1px;
 103 }
 104
 105 /* Entire Table (including column header). */
 106 .detail-table {
 107   -webkit-box-flex: 1;
 108   -webkit-box-orient: vertical;
 109   border: 0;
 110   display: -webkit-box;
 111 }
 112 /* cr.ui.Table has a black focus border by default, which we don't want. */
 113 .detail-table:focus {
 114   border: 0;
 115 }
 116
 117 /* Container for footer area. */
 118 .dialog-footer {
 119   display: -webkit-box;
 120   margin: 6px 12px 12px;
 121 }
 122
 123 /* Container for the ok/cancel buttons. */
 124 .footer-left-container {
 125   -webkit-box-align: center;
 126   -webkit-box-flex: 1;
 127   display: -webkit-box;
 128   text-align: left;
 129 }
 130
 131 #about-memory-link {
 132   color: rgb(17, 85, 204);
 133   padding-left: 2px;
 134 }
 135
 136 /* Container for the ok/cancel buttons. */
 137 .footer-right-container {
 138   -webkit-box-flex: 1;
 139   text-align: right;
 140 }
 141
 142 button {
 143   margin: 2px 0 2px 8px;
 144 }