/* Copyright (c) 2011 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. */ * { box-sizing: border-box; -moz-box-sizing: border-box; } body { font-family: sans-serif; } #filterBox { background: #efefef; padding: 5px; border-bottom: 1px solid gray; overflow: hidden; } #filterBox * { white-space: nowrap; font-family: sans-serif; font-size: 12px; } #filterBox input { width: 100%; } #actionBox { background: #efefef; white-space: nowrap; border-top: 1px solid gray; overflow: hidden; } #eventsBox { overflow-x: hidden; overflow-y: auto } #detailsBox { overflow: auto; } #splitterBox { background: #bfbfbf; border-left: 1px inset black; border-right: 1px solid black; position:absolute; width: 8px; cursor: col-resize; user-select: none; } #eventsListTable { cursor: pointer; } #eventsListTable thead td { text-align: left; font-weight: bold; background: rgb(229, 236, 249); } #eventsListTable td { padding: 3px; border-left: 1px solid #afafaf; border-bottom: 1px solid #afafaf; text-overflow: ellipsis; font-size: 12px; white-space: nowrap; } #eventsListTableBody .mouseover { background: rgb(244,244,255); } #eventsListTableBody .selected, #eventsListTableBody .mouseover .selected { background: #C3D9FF; } #eventsListTableBody .source_CONNECT_JOB { color: blue; } #eventsListTableBody .source_HOST_RESOLVER_IMPL_JOB, #eventsListTableBody .source_HOST_RESOLVER_IMPL_REQUEST { color: #308080; } #eventsListTableBody .source_DISK_CACHE_ENTRY, #eventsListTableBody .source_MEMORY_CACHE_ENTRY { color: gray; } #eventsListTableBody .source_SOCKET { color: purple; } #eventsListTableBody .source_INIT_PROXY_RESOLVER { color: green; } #eventsListTableBody .source_NONE { color: red; } .tabSwitcher { margin-top: 10px; margin-left: 10px; } .tabSwitcher th { background: rgb(229,236,249); cursor: pointer; background-clip: border-box; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; padding-left: 4px; padding-top: 4px; padding-right: 4px; font-size: 12px; margin-left: 30px; } .tabSwitcher th.selected, .tabSwitcherLine { background: rgb(195,217,255); } .tabSwitcherLine { height: 10px; } #detailsTabHandles { border: 1px solid white; } .logSourceEntry { margin: 5px; } .logSourceEntry * p { font-weight: bold; font-size: 12px; } .logSourceEntry * td { font-size: 10px; } #detailsLogBox, #detailsTimelineBox, #httpCacheTabContent, #proxyTabContent, #dataTabContent, #dnsTabContent, #socketsTabContent, #spdyTabContent, #serviceProvidersTabContent, #testTabContent, #hstsTabContent, #httpThrottlingTabContent { overflow: auto; padding: 10px; } #proxyTabContent td, #proxyTabContent th { font-size: 12px; } /* * Styles for TABLE that uses a thin collapsed border. */ table.styledTable { border-collapse:collapse; } table.styledTable, .styledTable th, .styledTable td { border: 1px solid #777; padding-right: 4px; padding-left: 4px; } .styledTable th { background: rgb(224,236,255); } .styledTable th.title { background: rgb(255,217,217); } /* * This is the box in the top right of the Data tab which shows how many * events have been captured so far. */ .capturingBox { border: 1px dashed black; display: inline-block; text-align: left; padding: 5px; } /** * Styling for an emphasized button. */ .bigButton { font-size: 100%; font-weight: bold; } /** * Styling for text indicating a potential problem or error state. */ .warningText { color: red; }