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