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 5html { 6 overflow: hidden; 7} 8 9/* Outer frame of the dialog. */ 10body { 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 142button { 143 margin: 2px 0 2px 8px; 144} 145