| /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| html { |
| overflow: hidden; |
| } |
| |
| /* Outer frame of the dialog. */ |
| body { |
| -webkit-box-orient: vertical; |
| -webkit-user-select: none; |
| display: -webkit-box; |
| font-family: segoe ui, arial, helvetica, sans-serif; |
| font-size: 12px; |
| height: 100%; |
| min-height: 150px; |
| position: absolute; |
| width: 100%; |
| } |
| |
| /* Container for the detail list views. */ |
| .dialog-body { |
| -webkit-box-flex: 1; |
| border: 1px #aaa solid; |
| border-radius: 3px; |
| display: -webkit-box; |
| margin: 12px 12px 6px; |
| } |
| |
| /* Column text containers. */ |
| .list-container { |
| -webkit-box-flex: 1; |
| display: -webkit-box; |
| } |
| |
| /* Table splitter element */ |
| .table-header-splitter { |
| -webkit-border-start: 1px #aaa solid; |
| background-color: inherit; |
| height: 20px; |
| margin-top: 4px; |
| } |
| |
| /* Container for a table header. */ |
| .table-header { |
| -webkit-box-sizing: border-box; |
| background-image: -webkit-linear-gradient(top, #f9f9f9, #e8e8e8); |
| border-bottom: 1px #aaa solid; |
| height: 28px; |
| } |
| |
| /* Text label in a table header. */ |
| .table-header-label { |
| cursor: default; |
| margin-top: 6px; |
| } |
| |
| /* Task list in table. */ |
| .list { |
| -webkit-box-flex: 1; |
| } |
| |
| /* Title Column text containers. */ |
| .detail-title { |
| display: -webkit-box; |
| height: 20px; |
| } |
| |
| /* Bullets on the left of row. */ |
| .table-row > .table-row-cell:first-child::before { |
| -webkit-border-radius: 3px; |
| background: #ccc; |
| content: ''; |
| display: block; |
| margin: 7px 4px 7px 7px; |
| width: 6px; |
| } |
| |
| /* Cells in table. */ |
| .table-row-cell { |
| -webkit-box-orient: horizontal; |
| display: -webkit-box; |
| } |
| |
| /* Containers of titles of tasks on the process. */ |
| .detail-container-title { |
| -webkit-box-flex: 1; |
| -webkit-box-orient: vertical; |
| display: -webkit-box; |
| margin-left: 3px; |
| } |
| |
| .detail-title-image { |
| height: 16px; |
| padding: 2px; |
| width: 16px; |
| } |
| |
| .detail-title-text { |
| height: 20px; |
| padding-left: 1px; |
| } |
| |
| /* Entire Table (including column header). */ |
| .detail-table { |
| -webkit-box-flex: 1; |
| -webkit-box-orient: vertical; |
| border: 0; |
| display: -webkit-box; |
| } |
| /* cr.ui.Table has a black focus border by default, which we don't want. */ |
| .detail-table:focus { |
| border: 0; |
| } |
| |
| /* Container for footer area. */ |
| .dialog-footer { |
| display: -webkit-box; |
| margin: 6px 12px 12px; |
| } |
| |
| /* Container for the ok/cancel buttons. */ |
| .footer-left-container { |
| -webkit-box-align: center; |
| -webkit-box-flex: 1; |
| display: -webkit-box; |
| text-align: left; |
| } |
| |
| #about-memory-link { |
| color: rgb(17, 85, 204); |
| padding-left: 2px; |
| } |
| |
| /* Container for the ok/cancel buttons. */ |
| .footer-right-container { |
| -webkit-box-flex: 1; |
| text-align: right; |
| } |
| |
| button { |
| margin: 2px 0 2px 8px; |
| } |