1html {
2    height: 100%;
3}
4
5body {
6    cursor: default;
7    position: absolute;
8    top: 0;
9    bottom: 0;
10    left: 0;
11    right: 0;
12    overflow: hidden;
13    font-family: Lucida Grande, sans-serif;
14    font-size: 12px;
15    margin: 0;
16    tab-size: 4;
17    -webkit-user-select: none;
18    color: #222;
19}
20
21body.platform-linux {
22  color: rgb(48, 57, 66);
23  font-family: Ubuntu, Arial, sans-serif;
24}
25
26body.platform-mac {
27  color: rgb(48, 57, 66);
28  font-family: 'Lucida Grande', sans-serif;
29}
30
31body.dock-to-right:not(.undocked):not(.overlay-contents) {
32    border-left: 1px solid rgb(80, 80, 80);
33}
34
35body.dock-to-right.inactive:not(.undocked):not(.overlay-contents) {
36    border-left: 1px solid rgb(64%, 64%, 64%);
37}
38
39body.platform-windows {
40  font-family: 'Segoe UI', Tahoma, sans-serif;
41}
42
43* {
44    box-sizing: border-box;
45}
46
47:focus {
48    outline: none;
49}
50
51img {
52    -webkit-user-drag: none;
53}
54
55iframe,
56a img {
57    border: none;
58}
59
60iframe.view {
61    position: absolute;
62    width: 100%;
63    height: 100%;
64    left: 0;
65    right: 0;
66    top: 0;
67    bottom: 0;
68}
69
70.hidden {
71    display: none !important;
72}
73
74.monospace {
75    font-size: 10px !important;
76    font-family: monospace;
77}
78
79.resources-dividers {
80    position: absolute;
81    left: 0;
82    right: 0;
83    top: 0;
84    z-index: -100;
85    bottom: 0;
86}
87
88.resources-event-dividers {
89    position: absolute;
90    left: 0;
91    right: 0;
92    height: 100%;
93    top: 0;
94    z-index: 300;
95    pointer-events: none;
96}
97
98.resources-dividers-label-bar {
99    position: absolute;
100    top: 0;
101    left: 0;
102    right: 0;
103    background-color: rgba(255, 255, 255, 0.85);
104    background-clip: padding-box;
105    height: 20px;
106    z-index: 200;
107    pointer-events: none;
108    overflow: hidden;
109}
110
111.resources-divider {
112    position: absolute;
113    width: 1px;
114    top: 0;
115    bottom: 0;
116    background-color: rgba(0, 0, 0, 0.1);
117}
118
119.resources-event-divider-padding {
120    position: absolute;
121    width: 8px;
122    top: 0;
123    bottom: 0;
124    pointer-events: auto;
125}
126
127.resources-event-divider {
128    position: absolute;
129    width: 2px;
130    top: 0;
131    bottom: 0;
132    z-index: 300;
133}
134
135.resources-divider-label {
136    position: absolute;
137    top: 4px;
138    right: 3px;
139    font-size: 80%;
140    white-space: nowrap;
141    pointer-events: none;
142}
143
144.overview-grid-window-selector {
145    position: absolute;
146    top: 0;
147    bottom: 0;
148    background-color: rgba(125, 173, 217, 0.5);
149    z-index: 250;
150    pointer-events: none;
151}
152
153.overview-grid-window {
154    background-color: white;
155    position: absolute;
156    left: 0;
157    right: 0;
158    top: 0;
159    height: 20px;
160    z-index: 150;
161}
162
163.overview-grid-dividers-background {
164    left: 0%;
165    right: 0%;
166    top: 0;
167    height: 20px;
168    background-color: black;
169    position: absolute;
170}
171
172.overview-grid-window-rulers {
173    top: 0;
174    bottom: 0;
175    position: absolute;
176    opacity: 0.2;
177    border-right: 1px solid black;
178    border-left: 1px solid black;
179    z-index: 250;
180    pointer-events: none;
181}
182
183.overview-grid-window-resizer {
184    position: absolute;
185    top: 0;
186    height: 20px;
187    width: 5px;
188    margin-left: -2px;
189    margin-right: -3px;
190    background-color: rgb(153, 153, 153);
191    z-index: 500;
192    border-radius: 2px;
193    box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
194}
195
196.overview-grid-window-resizer-right {
197    margin-left: -3px;
198    margin-right: -2px;
199}
200
201/* Network timing is shared between popover and network item view pane */
202
203.network-timing-table td {
204    padding: 0;
205}
206
207.network-timing-row {
208    position: relative;
209    height: 16px;
210}
211
212.network-timing-bar {
213    position: absolute;
214    background-color: red;
215    border-left: 1px solid red;
216    opacity: 0.4;
217    top: 0;
218    bottom: 0;
219}
220
221.network-timing-bar-title {
222    position: absolute;
223    color: #222;
224    top: 1px;
225}
226
227.highlighted-search-result {
228    border-radius: 1px;
229    padding: 1px;
230    margin: -1px;
231    background-color: rgba(255, 255, 0, 0.8);
232}
233
234.sidebar-separator {
235    background-color: rgb(230, 230, 230);
236    padding: 0 5px;
237    border-top: 1px solid rgb(189, 189, 189);
238    border-bottom: 1px solid rgb(189, 189, 189);
239    color: rgb(50, 50, 50);
240    white-space: nowrap;
241    text-overflow: ellipsis;
242    overflow: hidden;
243    line-height: 16px;
244}
245
246.sidebar-label {
247    font-size: 11px;
248}
249
250