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 6/* Only common styles should be declared here. */ 7 8* { 9 box-sizing: border-box; 10} 11 12html { 13 direction: ltr; 14} 15 16body { 17 font-family: DejaVu Sans, Arial, sans-serif; 18 font-size: 95%; 19 overflow: hidden; /* Prevents scroll bar flickering on resize. */ 20} 21 22button { 23 font-family: DejaVu Sans, Arial, sans-serif; 24} 25 26ul { 27 padding-left: 2em; 28} 29 30/** 31 * This class is used to create the splitter widget in 32 * ResizbleVerticalSplitView. 33 */ 34.vertical-splitter { 35 -webkit-user-select: none; 36 border-left: 1px solid #afafaf; 37 cursor: ew-resize; 38 position: absolute; 39 width: 10px; 40} 41 42/* Needs to be wider on touch devices. */ 43.touch .vertical-splitter { 44 width: 5mm; 45} 46 47.log-source-entry { 48 margin: 5px; 49} 50 51pre { 52 font-size: 133%; 53} 54 55/** 56 * This class should be given to top-level content boxes (like the view's main 57 * DIV). It gives them a consistent padding, and makes them scrollable. 58 */ 59.content-box { 60 overflow: auto; 61 padding: 20px 10px 10px 20px; 62} 63 64.deindent-header, 65.content-box h1, 66.content-box h2, 67.content-box h3, 68.content-box h4, 69.content-box h5, 70.content-box h6 { 71 margin-left: -10px; 72} 73 74/** 75 * Styles for TABLE that uses a thin collapsed border. 76 */ 77table.styled-table { 78 border-collapse: collapse; 79} 80 81table.styled-table, 82.styled-table th, 83.styled-table td { 84 border: 1px solid #777; 85 padding-left: 4px; 86 padding-right: 4px; 87} 88 89#tab-list { 90 border-right: 1px solid rgb(170,170,170); 91 display: inline-block; 92 overflow-x: hidden; 93 overflow-y: auto; 94 padding: 0; 95} 96 97#tab-list a { 98 display: inline-block; 99 font-size: 16px; 100 margin: 0; 101 padding: 2px 10px; 102 text-decoration: none; 103 white-space: nowrap; 104 width: 100%; 105} 106 107#tab-list a, 108#tab-list a:visited { 109 color: rgb(140,140,140); 110} 111 112#tab-list .selected, 113#tab-list a:hover { 114 color: black; 115} 116 117.styled-table th { 118 background: rgb(224,236,255); 119} 120 121.styled-table th.title { 122 background: rgb(255,217,217); 123} 124 125/** 126 * Styling for event logs. 127 */ 128.event-log p { 129 white-space: nowrap; 130} 131 132.event-log h4 { 133 margin: 0; 134} 135 136.event-log a { 137 font-weight: bold; 138 text-decoration: none; 139} 140 141/** 142 * Styling for text indicating a potential problem or error state. 143 */ 144.warning-text { 145 color: rgb(238, 0, 0); 146} 147 148/** 149 * Styling for help windows that appear when mousing over an element. 150 */ 151.mouse-over-help { 152 background: #EEE; 153 border: 1px solid black; 154 padding: 5px; 155 z-index: 1; 156} 157 158/** 159 * Styling for elements that show a help window on mouse over. 160 */ 161.mouse-over-help-hover { 162 color: blue; 163 cursor: help; 164} 165 166