OLD | NEW |
1 html { | 1 html { |
2 height: 100%; | 2 height: 100%; |
3 } | 3 } |
4 | 4 |
5 body { | 5 body { |
6 cursor: default; | 6 cursor: default; |
7 position: absolute; | 7 position: relative; |
8 top: 0; | 8 height: 100%; |
9 bottom: 0; | 9 width: 100%; |
10 left: 0; | |
11 right: 0; | |
12 overflow: hidden; | 10 overflow: hidden; |
13 font-family: Lucida Grande, sans-serif; | 11 font-family: Lucida Grande, sans-serif; |
14 font-size: 12px; | 12 font-size: 12px; |
15 margin: 0; | 13 margin: 0; |
16 tab-size: 4; | 14 tab-size: 4; |
17 -webkit-user-select: none; | 15 -webkit-user-select: none; |
18 color: #222; | 16 color: #222; |
19 } | 17 } |
20 | 18 |
21 body.platform-linux { | 19 body.platform-linux { |
22 color: rgb(48, 57, 66); | 20 color: rgb(48, 57, 66); |
23 font-family: Ubuntu, Arial, sans-serif; | 21 font-family: Ubuntu, Arial, sans-serif; |
24 } | 22 } |
25 | 23 |
26 body.platform-mac { | 24 body.platform-mac { |
27 color: rgb(48, 57, 66); | 25 color: rgb(48, 57, 66); |
28 font-family: 'Lucida Grande', sans-serif; | 26 font-family: 'Lucida Grande', sans-serif; |
29 } | 27 } |
30 | 28 |
31 body.platform-windows { | 29 body.platform-windows { |
32 font-family: 'Segoe UI', Tahoma, sans-serif; | 30 font-family: 'Segoe UI', Tahoma, sans-serif; |
33 } | 31 } |
34 | 32 |
35 * { | 33 *, *::before, *::after { |
36 box-sizing: border-box; | 34 box-sizing: border-box; |
37 } | 35 } |
38 | 36 |
39 :focus { | 37 :focus { |
40 outline: none; | 38 outline: none; |
41 } | 39 } |
42 | 40 |
43 img { | 41 img { |
44 -webkit-user-drag: none; | 42 -webkit-user-drag: none; |
45 } | 43 } |
(...skipping 143 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
189 margin-left: -3px; | 187 margin-left: -3px; |
190 margin-right: -2px; | 188 margin-right: -2px; |
191 } | 189 } |
192 | 190 |
193 /* Network timing is shared between popover and network item view pane */ | 191 /* Network timing is shared between popover and network item view pane */ |
194 | 192 |
195 .network-timing-table td { | 193 .network-timing-table td { |
196 padding: 0; | 194 padding: 0; |
197 } | 195 } |
198 | 196 |
| 197 .network-timing-table td.caution { |
| 198 font-weight: bold; |
| 199 color: rgb(255, 128, 0); |
| 200 padding: 2px 0; |
| 201 } |
| 202 |
199 .network-timing-row { | 203 .network-timing-row { |
200 position: relative; | 204 position: relative; |
201 height: 16px; | 205 height: 16px; |
202 } | 206 } |
203 | 207 |
204 .network-timing-bar { | 208 .network-timing-bar { |
205 position: absolute; | 209 position: absolute; |
206 background-color: red; | 210 background-color: red; |
207 border-left: 1px solid red; | 211 border-left: 1px solid red; |
208 opacity: 0.4; | 212 opacity: 0.4; |
(...skipping 23 matching lines...) Expand all Loading... |
232 white-space: nowrap; | 236 white-space: nowrap; |
233 text-overflow: ellipsis; | 237 text-overflow: ellipsis; |
234 overflow: hidden; | 238 overflow: hidden; |
235 line-height: 16px; | 239 line-height: 16px; |
236 } | 240 } |
237 | 241 |
238 .sidebar-label { | 242 .sidebar-label { |
239 font-size: 11px; | 243 font-size: 11px; |
240 } | 244 } |
241 | 245 |
| 246 .pie-chart { |
| 247 position: relative; |
| 248 } |
| 249 |
| 250 .pie-chart-foreground { |
| 251 position: absolute; |
| 252 width: 100%; |
| 253 height: 100%; |
| 254 text-align: center; |
| 255 z-index: 10; |
| 256 top: 0; |
| 257 } |
OLD | NEW |