| 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 |