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