| OLD | NEW |
| (Empty) |
| 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 } | |
| OLD | NEW |