12da489cd246702bee5938545b18a6f710ed214bcJamie Gennis/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 22da489cd246702bee5938545b18a6f710ed214bcJamie Gennis * Use of this source code is governed by a BSD-style license that can be 32da489cd246702bee5938545b18a6f710ed214bcJamie Gennis * found in the LICENSE file. */ 42da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 52da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view * { 62da489cd246702bee5938545b18a6f710ed214bcJamie Gennis -webkit-user-select: none; 72da489cd246702bee5938545b18a6f710ed214bcJamie Gennis box-sizing: border-box; 82da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 92da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 102da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view { 112da489cd246702bee5938545b18a6f710ed214bcJamie Gennis -webkit-box-flex: 1; 122da489cd246702bee5938545b18a6f710ed214bcJamie Gennis -webkit-box-orient: vertical; 132da489cd246702bee5938545b18a6f710ed214bcJamie Gennis cursor: default; 142da489cd246702bee5938545b18a6f710ed214bcJamie Gennis display: -webkit-box; 152da489cd246702bee5938545b18a6f710ed214bcJamie Gennis font-family: sans-serif; 162da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding: 0; 172da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 182da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 192da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view > .control > .title { 202da489cd246702bee5938545b18a6f710ed214bcJamie Gennis font-size: 14px; 212da489cd246702bee5938545b18a6f710ed214bcJamie Gennis height: 19px; 222da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding-left: 2px; 232da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding-right: 8px; 242da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding-top: 2px; 252da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 262da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 272da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view > .control { 282da489cd246702bee5938545b18a6f710ed214bcJamie Gennis background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E5E5E5), to(#D1D1D1)); 292da489cd246702bee5938545b18a6f710ed214bcJamie Gennis background-color: #e6e6e6; 302da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border-bottom: 1px solid #8e8e8e; 312da489cd246702bee5938545b18a6f710ed214bcJamie Gennis display: -webkit-box; 322da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 332da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 342da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view > .control > .controls { 352da489cd246702bee5938545b18a6f710ed214bcJamie Gennis display: -webkit-box; 362da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 372da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 382da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view > .control > span { 392da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding-left: 5px; 402da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding-right: 10px; 412da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 422da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 432da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view > .control > .controls > button, 442da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view > .control > .controls > label { 452da489cd246702bee5938545b18a6f710ed214bcJamie Gennis font-size: 11px; 462da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin: 1px 2px 1px 2px; 472da489cd246702bee5938545b18a6f710ed214bcJamie Gennis height: 19px; 482da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 492da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 502da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view > .control > .spacer { 512da489cd246702bee5938545b18a6f710ed214bcJamie Gennis -webkit-box-flex: 1; 522da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 532da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 542da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view > .timeline-container { 552da489cd246702bee5938545b18a6f710ed214bcJamie Gennis -webkit-box-flex: 1; 562da489cd246702bee5938545b18a6f710ed214bcJamie Gennis display: -webkit-box; 572da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border-bottom: 1px solid #8e8e8e; 582da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 592da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 602da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view > .timeline-container > * { 612da489cd246702bee5938545b18a6f710ed214bcJamie Gennis -webkit-box-flex: 1; 622da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 632da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 642da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-drag-handle { 652da489cd246702bee5938545b18a6f710ed214bcJamie Gennis background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E5E5E5), to(#D1D1D1)); 662da489cd246702bee5938545b18a6f710ed214bcJamie Gennis height: 8px; 672da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border-top: 1px solid white; 682da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border-bottom: 1px solid #8e8e8e; 692da489cd246702bee5938545b18a6f710ed214bcJamie Gennis cursor: ns-resize; 702da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 712da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 722da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view > .analysis-container { 732da489cd246702bee5938545b18a6f710ed214bcJamie Gennis height: 250px; 742da489cd246702bee5938545b18a6f710ed214bcJamie Gennis overflow: auto; 752da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding-left: 2px; 762da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding-right: 2px; 772da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 782da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 792da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view .selection { 802da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin: 2px; 812da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 822da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 832da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view .selection ul { 842da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin: 0; 852da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 862da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 872da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-find-control { 882da489cd246702bee5938545b18a6f710ed214bcJamie Gennis -webkit-user-select: none; 892da489cd246702bee5938545b18a6f710ed214bcJamie Gennis display: -webkit-box; 902da489cd246702bee5938545b18a6f710ed214bcJamie Gennis position: relative; 912da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 922da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 932da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-find-control .hit-count-label { 942da489cd246702bee5938545b18a6f710ed214bcJamie Gennis left: 0; 952da489cd246702bee5938545b18a6f710ed214bcJamie Gennis opacity: 0.25; 962da489cd246702bee5938545b18a6f710ed214bcJamie Gennis pointer-events: none; 972da489cd246702bee5938545b18a6f710ed214bcJamie Gennis position: absolute; 982da489cd246702bee5938545b18a6f710ed214bcJamie Gennis text-align: right; 992da489cd246702bee5938545b18a6f710ed214bcJamie Gennis top: 2px; 1002da489cd246702bee5938545b18a6f710ed214bcJamie Gennis width: 170px; 1012da489cd246702bee5938545b18a6f710ed214bcJamie Gennis z-index: 1; 1022da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1032da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1042da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-find-control input { 1052da489cd246702bee5938545b18a6f710ed214bcJamie Gennis -webkit-user-select: auto; 1062da489cd246702bee5938545b18a6f710ed214bcJamie Gennis background-color: #f8f8f8; 1072da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border: 1px solid rgba(0, 0, 0, 0.5); 1082da489cd246702bee5938545b18a6f710ed214bcJamie Gennis box-sizing: border-box; 1092da489cd246702bee5938545b18a6f710ed214bcJamie Gennis height: 19px; 1102da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin-bottom: 1px; 1112da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin-left: 0; 1122da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin-right: 0; 1132da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin-top: 1px; 1142da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding: 0; 1152da489cd246702bee5938545b18a6f710ed214bcJamie Gennis width: 170px; 1162da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1172da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-find-control input:focus { 1182da489cd246702bee5938545b18a6f710ed214bcJamie Gennis background-color: white; 1192da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1202da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1212da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-button.find-previous { 1222da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border-left: none; 1232da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin-left: 0; 1242da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin-right: 0; 1252da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1262da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-button.find-next { 1272da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border-left: none; 1282da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin-left: 0; 1292da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1302da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1312da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view-help-overlay { 1322da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding: 6px; 1332da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1342da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1352da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-button { 1362da489cd246702bee5938545b18a6f710ed214bcJamie Gennis background-color: #f8f8f8; 1372da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border: 1px solid rgba(0, 0, 0, 0.5); 1382da489cd246702bee5938545b18a6f710ed214bcJamie Gennis color: rgba(0,0,0,0.8); 1392da489cd246702bee5938545b18a6f710ed214bcJamie Gennis font-size: 14px; 1402da489cd246702bee5938545b18a6f710ed214bcJamie Gennis height: 19px; 1412da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin: 1px; 1422da489cd246702bee5938545b18a6f710ed214bcJamie Gennis text-align: center; 1432da489cd246702bee5938545b18a6f710ed214bcJamie Gennis width: 23px; 1442da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1452da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1462da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-button:hover { 1472da489cd246702bee5938545b18a6f710ed214bcJamie Gennis background-color: rgba(255, 255, 255, 1.0); 1482da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border: 1px solid rgba(0, 0, 0, 0.8); 1492da489cd246702bee5938545b18a6f710ed214bcJamie Gennis box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4); 1502da489cd246702bee5938545b18a6f710ed214bcJamie Gennis color: rgba(0, 0, 0, 1); 1512da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1522da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1532da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view-info-button { 1542da489cd246702bee5938545b18a6f710ed214bcJamie Gennis width: auto; 1552da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding-left: 4px; 1562da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding-right: 4px; 1572da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1582da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1592da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view-info-button:hover { 1602da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border: solid 1px; 1612da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1622da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1632da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view-import-errors-button { 1642da489cd246702bee5938545b18a6f710ed214bcJamie Gennis color: darkred; 1652da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border: solid 1px rgba(128, 0, 0, 0.2); 1662da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1672da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1682da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.timeline-view-import-errors-button:hover { 1692da489cd246702bee5938545b18a6f710ed214bcJamie Gennis color: red; 1702da489cd246702bee5938545b18a6f710ed214bcJamie Gennis border: solid 1px red; 1712da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1722da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1732da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.import-errors-dialog { 1742da489cd246702bee5938545b18a6f710ed214bcJamie Gennis overflow: auto; 1752da489cd246702bee5938545b18a6f710ed214bcJamie Gennis min-width: 400px; 1762da489cd246702bee5938545b18a6f710ed214bcJamie Gennis min-height: 200px; 1772da489cd246702bee5938545b18a6f710ed214bcJamie Gennis max-width: 800px; 1782da489cd246702bee5938545b18a6f710ed214bcJamie Gennis max-height: 500px; 1792da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1802da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1812da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.import-errors-dialog-text { 1822da489cd246702bee5938545b18a6f710ed214bcJamie Gennis white-space: pre; 1832da489cd246702bee5938545b18a6f710ed214bcJamie Gennis font-family: monospace; 1842da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin: 8px; 1852da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1862da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1872da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.metadata-dialog { 1882da489cd246702bee5938545b18a6f710ed214bcJamie Gennis overflow: auto; 1892da489cd246702bee5938545b18a6f710ed214bcJamie Gennis min-width: 400px; 1902da489cd246702bee5938545b18a6f710ed214bcJamie Gennis min-height: 200px; 1912da489cd246702bee5938545b18a6f710ed214bcJamie Gennis max-width: 800px; 1922da489cd246702bee5938545b18a6f710ed214bcJamie Gennis max-height: 500px; 1932da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 1942da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 1952da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.metadata-dialog-text { 1962da489cd246702bee5938545b18a6f710ed214bcJamie Gennis white-space: pre; 1972da489cd246702bee5938545b18a6f710ed214bcJamie Gennis font-family: monospace; 1982da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin: 8px; 1992da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 2002da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 2012da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.category-filter-dialog { 2022da489cd246702bee5938545b18a6f710ed214bcJamie Gennis min-width: 400px; 2032da489cd246702bee5938545b18a6f710ed214bcJamie Gennis min-height: 200px; 2042da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding: 20px; 2052da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 2062da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 2072da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.category-filter-dialog-form { 2082da489cd246702bee5938545b18a6f710ed214bcJamie Gennis padding: 10px; 2092da489cd246702bee5938545b18a6f710ed214bcJamie Gennis font-size: 80%; 2102da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 2112da489cd246702bee5938545b18a6f710ed214bcJamie Gennis 2122da489cd246702bee5938545b18a6f710ed214bcJamie Gennis.category-filter-dialog-form input { 2132da489cd246702bee5938545b18a6f710ed214bcJamie Gennis margin-right: 7px; 2142da489cd246702bee5938545b18a6f710ed214bcJamie Gennis} 215