• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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
12ul {
13  padding-left: 2em;
14}
15
16/* This class is used to create the splitter widget in
17   ResizbleVerticalSplitView */
18.vertical-splitter {
19  -webkit-user-select: none;
20  border-left: 1px solid #afafaf;
21  cursor: ew-resize;
22  position: absolute;
23  width: 10px;
24}
25
26/* Needs to be wider on touch devices. */
27.touch .vertical-splitter {
28  width: 5mm;
29}
30
31.log-source-entry {
32  margin: 5px;
33}
34
35.log-source-entry * p {
36  font-size: 75%;
37  font-weight: bold;
38}
39
40.log-source-entry * td {
41  font-size: 62%;
42}
43
44/*
45 * This class should be given to top-level content boxes (like the view's main
46 * DIV). It gives them a consistent padding, and makes them scrollable.
47 */
48.content-box {
49  overflow: auto;
50  padding: 20px 10px 10px 20px;
51}
52
53.deindent-header,
54.content-box h1,
55.content-box h2,
56.content-box h3,
57.content-box h4,
58.content-box h5,
59.content-box h6 {
60  margin-left: -10px;
61}
62
63/*
64 * Styles for TABLE that uses a thin collapsed border.
65 */
66table.styled-table {
67  border-collapse: collapse;
68}
69
70table.styled-table,
71.styled-table th,
72.styled-table td {
73  border: 1px solid #777;
74  padding-left: 4px;
75  padding-right: 4px;
76}
77
78.styled-table th {
79  background: rgb(224,236,255);
80}
81
82.styled-table th.title {
83  background: rgb(255,217,217);
84}
85
86/**
87 * Styling for event logs.
88 */
89.event-log p {
90  white-space: nowrap;
91}
92
93.event-log h4 {
94  margin: 0;
95}
96
97.event-log a {
98  font-weight: bold;
99  text-decoration: none;
100}
101
102/**
103 * Styling for text indicating a potential problem or error state.
104 */
105.warning-text {
106  color: rgb(238, 0, 0);
107}
108
109/**
110 * Styling for help windows that appear when mousing over an element.
111 */
112.mouse-over-help {
113  background: #EEE;
114  border: 1px solid black;
115  font-size: 80%;
116  padding: 5px;
117  z-index: 1;
118}
119
120/**
121 * Styling for elements that show a help window on mouse over.
122 */
123.mouse-over-help-hover {
124  color: blue;
125  cursor: help;
126}
127