15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * found in the LICENSE file. */ 45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html { 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow: hidden; 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Outer frame of the dialog. */ 105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body { 115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-orient: vertical; 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-user-select: none; 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-family: segoe ui, arial, helvetica, sans-serif; 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 12px; 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 100%; 175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) min-height: 150px; 185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Container for the detail list views. */ 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).dialog-body { 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-flex: 1; 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px #aaa solid; 265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-radius: 3px; 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 12px 12px 6px; 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Column text containers. */ 325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).list-container { 335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-flex: 1; 345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Table splitter element */ 385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).table-header-splitter { 395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-border-start: 1px #aaa solid; 405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color: inherit; 415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 20px; 425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 4px; 435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Container for a table header. */ 465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).table-header { 475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-sizing: border-box; 485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-linear-gradient(top, #f9f9f9, #e8e8e8); 495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-bottom: 1px #aaa solid; 505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 28px; 515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Text label in a table header. */ 545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).table-header-label { 555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) cursor: default; 565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 6px; 575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Task list in table. */ 605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).list { 615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-flex: 1; 625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Title Column text containers. */ 655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).detail-title { 665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 20px; 685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Bullets on the left of row. */ 712a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).table-row > .table-row-cell:first-child::before { 725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-border-radius: 3px; 735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: #ccc; 745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) content: ''; 755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: block; 765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 7px 4px 7px 7px; 775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 6px; 785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Cells in table. */ 815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).table-row-cell { 825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-orient: horizontal; 835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Containers of titles of tasks on the process. */ 875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).detail-container-title { 885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-flex: 1; 895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-orient: vertical; 905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-left: 3px; 925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).detail-title-image { 955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 16px; 965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 2px; 975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 16px; 985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).detail-title-text { 1015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 20px; 1025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-left: 1px; 1035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Entire Table (including column header). */ 1065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).detail-table { 1075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-flex: 1; 1085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-orient: vertical; 1095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 0; 1105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 1115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* cr.ui.Table has a black focus border by default, which we don't want. */ 1135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).detail-table:focus { 1145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 0; 1155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Container for footer area. */ 1185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).dialog-footer { 1195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 1205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 6px 12px 12px; 1215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Container for the ok/cancel buttons. */ 1245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).footer-left-container { 1255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-align: center; 1265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-flex: 1; 1275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 1285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: left; 1295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#about-memory-link { 1325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgb(17, 85, 204); 1335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-left: 2px; 1345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Container for the ok/cancel buttons. */ 1375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).footer-right-container { 1385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-flex: 1; 1395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: right; 1405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button { 1435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 2px 0 2px 8px; 1445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 145