| OLD | NEW |
| (Empty) |
| 1 /* audits.css */ | |
| 2 | |
| 3 /* | |
| 4 * Copyright (C) 2008 Apple Inc. All rights reserved. | |
| 5 * Copyright (C) 2009 Google Inc. All rights reserved. | |
| 6 * | |
| 7 * Redistribution and use in source and binary forms, with or without | |
| 8 * modification, are permitted provided that the following conditions are | |
| 9 * met: | |
| 10 * | |
| 11 * * Redistributions of source code must retain the above copyright | |
| 12 * notice, this list of conditions and the following disclaimer. | |
| 13 * * Redistributions in binary form must reproduce the above | |
| 14 * copyright notice, this list of conditions and the following disclaimer | |
| 15 * in the documentation and/or other materials provided with the | |
| 16 * distribution. | |
| 17 * * Neither the name of Google Inc. nor the names of its | |
| 18 * contributors may be used to endorse or promote products derived from | |
| 19 * this software without specific prior written permission. | |
| 20 * | |
| 21 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS | |
| 22 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT | |
| 23 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR | |
| 24 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT | |
| 25 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, | |
| 26 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT | |
| 27 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, | |
| 28 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY | |
| 29 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
| 30 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | |
| 31 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
| 32 */ | |
| 33 | |
| 34 .audits-sidebar-tree-item .icon { | |
| 35 content: url(Images/resourcesTimeGraphIcon.png); | |
| 36 } | |
| 37 | |
| 38 .audit-result-sidebar-tree-item .icon { | |
| 39 content: url(Images/resourceDocumentIcon.png); | |
| 40 } | |
| 41 | |
| 42 #audit-views { | |
| 43 position: absolute; | |
| 44 top: 0; | |
| 45 right: 0; | |
| 46 left: 200px; | |
| 47 bottom: 0; | |
| 48 overflow: auto; | |
| 49 } | |
| 50 | |
| 51 .audit-launcher-view { | |
| 52 z-index: 1000; | |
| 53 position: absolute; | |
| 54 top: 0; | |
| 55 left: 0; | |
| 56 right: 0; | |
| 57 bottom: 0; | |
| 58 background-color: white; | |
| 59 font-size: 13px; | |
| 60 overflow-x: hidden; | |
| 61 overflow-y: overlay; | |
| 62 display: none; | |
| 63 } | |
| 64 | |
| 65 .audit-launcher-view.visible { | |
| 66 display: block; | |
| 67 } | |
| 68 | |
| 69 .audit-launcher-view .audit-launcher-view-content { | |
| 70 position: absolute; | |
| 71 top: 0; | |
| 72 left: 0; | |
| 73 right: 0; | |
| 74 bottom: 0; | |
| 75 padding: 0 0 0 16px; | |
| 76 white-space: nowrap; | |
| 77 display: -webkit-box; | |
| 78 -webkit-box-orient: vertical; | |
| 79 } | |
| 80 | |
| 81 .audit-launcher-view h1 { | |
| 82 color: rgb(110, 116, 128); | |
| 83 font-size: 16px; | |
| 84 line-height: 20px; | |
| 85 font-weight: normal; | |
| 86 padding-top: 15px; | |
| 87 } | |
| 88 | |
| 89 .audit-launcher-view h1.no-audits { | |
| 90 text-align: center; | |
| 91 font-style: italic; | |
| 92 position: relative; | |
| 93 left: -8px; | |
| 94 } | |
| 95 | |
| 96 .audit-launcher-view div.button-container { | |
| 97 display: -webkit-box; | |
| 98 -webkit-box-orient: vertical; | |
| 99 width: 100%; | |
| 100 padding: 16px 0; | |
| 101 } | |
| 102 .audit-launcher-view .flexible-space { | |
| 103 -webkit-box-flex: 1; | |
| 104 } | |
| 105 | |
| 106 .audit-launcher-view div.audit-categories-container { | |
| 107 position: relative; | |
| 108 top: 11px; | |
| 109 left: 0; | |
| 110 width: 100%; | |
| 111 overflow-y: auto; | |
| 112 } | |
| 113 | |
| 114 .audit-launcher-view button { | |
| 115 color: rgb(6, 6, 6); | |
| 116 background-color: transparent; | |
| 117 border: 1px solid rgb(165, 165, 165); | |
| 118 background-color: rgb(237, 237, 237); | |
| 119 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
| 120 -webkit-border-radius: 12px; | |
| 121 -webkit-appearance: none; | |
| 122 } | |
| 123 | |
| 124 .audit-launcher-view button { | |
| 125 font-size: 13px; | |
| 126 padding: 3px 20px; | |
| 127 height: 24px; | |
| 128 margin: 0 5px 0 0; | |
| 129 } | |
| 130 | |
| 131 .audit-launcher-view button:active { | |
| 132 background-color: rgb(215, 215, 215); | |
| 133 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
| 134 } | |
| 135 | |
| 136 body.inactive .audit-launcher-view button, .audit-launcher-view button:disabled
{ | |
| 137 color: rgb(130, 130, 130); | |
| 138 border-color: rgb(212, 212, 212); | |
| 139 background-color: rgb(239, 239, 239); | |
| 140 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
50, 250, 250)), to(rgb(235, 235, 235))); | |
| 141 } | |
| 142 | |
| 143 .audit-launcher-view label { | |
| 144 position: relative; | |
| 145 display: block; | |
| 146 text-align: left; | |
| 147 word-break: break-word; | |
| 148 padding: 0 0 5px 0; | |
| 149 } | |
| 150 | |
| 151 .audit-launcher-view label.disabled { | |
| 152 color: rgb(130, 130, 130); | |
| 153 } | |
| 154 | |
| 155 .audit-launcher-view input[type="checkbox"] { | |
| 156 margin-left: 0; | |
| 157 } | |
| 158 | |
| 159 .audit-launcher-view input[type="radio"] { | |
| 160 height: 17px; | |
| 161 width: 17px; | |
| 162 border: 1px solid rgb(165, 165, 165); | |
| 163 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
| 164 -webkit-border-radius: 8px; | |
| 165 -webkit-appearance: none; | |
| 166 vertical-align: middle; | |
| 167 margin: 0 5px 5px 0; | |
| 168 } | |
| 169 | |
| 170 .audit-launcher-view input[type="radio"]:active:not(:disabled) { | |
| 171 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
| 172 } | |
| 173 | |
| 174 .audit-launcher-view input[type="radio"]:checked:not(:disabled), .audit-launcher
-view input[type="radio"]:checked:disabled { | |
| 175 background: url(Images/radioDot.png) center no-repeat, | |
| 176 -webkit-gradient(linear, left top, left bottom, from(rgb(252, 25
2, 252)), to(rgb(223, 223, 223))); | |
| 177 } | |
| 178 | |
| 179 .audit-launcher-view .resource-progress > img { | |
| 180 content: url(Images/spinner.gif); | |
| 181 vertical-align: text-top; | |
| 182 margin: 0 4px 0 8px; | |
| 183 } | |
| 184 | |
| 185 .audit-result-view { | |
| 186 overflow: auto; | |
| 187 position: absolute; | |
| 188 top: 0; | |
| 189 left: 0; | |
| 190 right: 0; | |
| 191 bottom: 0; | |
| 192 display: none; | |
| 193 } | |
| 194 | |
| 195 .audit-result-view.visible { | |
| 196 display: block; | |
| 197 } | |
| 198 | |
| 199 .audit-result-view .severity-severe { | |
| 200 content: url(Images/errorRedDot.png); | |
| 201 } | |
| 202 | |
| 203 .audit-result-view .severity-warning { | |
| 204 content: url(Images/warningOrangeDot.png); | |
| 205 } | |
| 206 | |
| 207 .audit-result-view .severity-info { | |
| 208 content: url(Images/successGreenDot.png); | |
| 209 } | |
| 210 | |
| 211 .audit-result-tree li.parent::before { | |
| 212 content: url(Images/treeRightTriangleBlack.png); | |
| 213 float: left; | |
| 214 width: 8px; | |
| 215 height: 8px; | |
| 216 margin-top: 1px; | |
| 217 padding-right: 2px; | |
| 218 } | |
| 219 | |
| 220 .audit-result-tree { | |
| 221 font-size: 11px; | |
| 222 line-height: 14px; | |
| 223 -webkit-user-select: text; | |
| 224 } | |
| 225 | |
| 226 .audit-result-tree > ol { | |
| 227 position: relative; | |
| 228 padding: 2px 6px !important; | |
| 229 margin: 0; | |
| 230 color: rgb(84, 84, 84); | |
| 231 cursor: default; | |
| 232 min-width: 100%; | |
| 233 } | |
| 234 | |
| 235 .audit-result-tree, .audit-result-tree ol { | |
| 236 list-style-type: none; | |
| 237 -webkit-padding-start: 12px; | |
| 238 margin: 0; | |
| 239 } | |
| 240 | |
| 241 .audit-result-tree li { | |
| 242 padding: 0 0 0 14px; | |
| 243 margin-top: 1px; | |
| 244 margin-bottom: 1px; | |
| 245 word-wrap: break-word; | |
| 246 text-indent: -2px; | |
| 247 } | |
| 248 | |
| 249 .audit-result-tree li.parent { | |
| 250 text-indent: -12px | |
| 251 } | |
| 252 | |
| 253 .audit-result-tree li.parent::before { | |
| 254 content: url(Images/treeRightTriangleBlack.png); | |
| 255 float: left; | |
| 256 width: 8px; | |
| 257 height: 8px; | |
| 258 margin-top: 0; | |
| 259 padding-right: 2px; | |
| 260 } | |
| 261 | |
| 262 .audit-result-tree li.parent.expanded::before { | |
| 263 content: url(Images/treeDownTriangleBlack.png); | |
| 264 } | |
| 265 | |
| 266 .audit-result-tree ol.children { | |
| 267 display: none; | |
| 268 } | |
| 269 | |
| 270 .audit-result-tree ol.children.expanded { | |
| 271 display: block; | |
| 272 } | |
| 273 | |
| 274 .audit-result { | |
| 275 font-weight: bold; | |
| 276 color: black; | |
| 277 } | |
| 278 | |
| 279 .audit-result img { | |
| 280 float: left; | |
| 281 margin-left: -40px; | |
| 282 margin-top: -1px; | |
| 283 } | |
| 284 | |
| 285 /* goToLineDialog.css */ | |
| 286 | |
| 287 .go-to-line-dialog { | |
| 288 position: absolute; | |
| 289 top: 40%; | |
| 290 left: 40%; | |
| 291 z-index: 1900; | |
| 292 | |
| 293 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to
(#CFCFCF)); | |
| 294 display: -webkit-box; | |
| 295 -webkit-box-orient: vertical; | |
| 296 padding: 10px; | |
| 297 border-radius: 10px; | |
| 298 border: 1px solid gray; | |
| 299 -webkit-box-shadow: rgb(40,40,40) 0px 0px 50px; | |
| 300 | |
| 301 font-size: 11px; | |
| 302 font-family: 'Lucida Grande', sans-serif; | |
| 303 } | |
| 304 | |
| 305 .go-to-line-dialog input { | |
| 306 font-size: 11px; | |
| 307 } | |
| 308 | |
| 309 .go-to-line-dialog button { | |
| 310 font-size: 11px; | |
| 311 color: rgb(6, 6, 6); | |
| 312 border: 1px solid rgb(165, 165, 165); | |
| 313 background-color: rgb(237, 237, 237); | |
| 314 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
| 315 -webkit-border-radius: 12px; | |
| 316 -webkit-appearance: none; | |
| 317 | |
| 318 padding: 3px 20px; | |
| 319 margin: 0 0 0 10px; | |
| 320 } | |
| 321 | |
| 322 .go-to-line-dialog button:active { | |
| 323 background-color: rgb(215, 215, 215); | |
| 324 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
| 325 } | |
| 326 | |
| 327 /* heapProfiler.css */ | |
| 328 | |
| 329 /* | |
| 330 * Copyright (C) 2009 Google Inc. All rights reserved. | |
| 331 * Copyright (C) 2010 Apple Inc. All rights reserved. | |
| 332 * | |
| 333 * Redistribution and use in source and binary forms, with or without | |
| 334 * modification, are permitted provided that the following conditions are | |
| 335 * met: | |
| 336 * | |
| 337 * * Redistributions of source code must retain the above copyright | |
| 338 * notice, this list of conditions and the following disclaimer. | |
| 339 * * Redistributions in binary form must reproduce the above | |
| 340 * copyright notice, this list of conditions and the following disclaimer | |
| 341 * in the documentation and/or other materials provided with the | |
| 342 * distribution. | |
| 343 * * Neither the name of Google Inc. nor the names of its | |
| 344 * contributors may be used to endorse or promote products derived from | |
| 345 * this software without specific prior written permission. | |
| 346 * | |
| 347 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS | |
| 348 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT | |
| 349 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR | |
| 350 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT | |
| 351 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, | |
| 352 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT | |
| 353 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, | |
| 354 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY | |
| 355 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
| 356 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | |
| 357 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
| 358 */ | |
| 359 | |
| 360 .heap-snapshot-sidebar-tree-item .icon { | |
| 361 content: url(Images/profileIcon.png); | |
| 362 } | |
| 363 | |
| 364 .heap-snapshot-sidebar-tree-item.small .icon { | |
| 365 content: url(Images/profileSmallIcon.png); | |
| 366 } | |
| 367 | |
| 368 .heap-snapshot-view { | |
| 369 display: none; | |
| 370 overflow: hidden; | |
| 371 position: absolute; | |
| 372 top: 0; | |
| 373 left: 0; | |
| 374 right: 0; | |
| 375 bottom: 0; | |
| 376 } | |
| 377 | |
| 378 .heap-snapshot-view.visible { | |
| 379 display: block; | |
| 380 } | |
| 381 | |
| 382 .heap-snapshot-view .data-grid { | |
| 383 border: none; | |
| 384 max-height: 100%; | |
| 385 position: absolute; | |
| 386 left: 0; | |
| 387 right: 0; | |
| 388 top: 0; | |
| 389 bottom: 93px; | |
| 390 } | |
| 391 | |
| 392 .heap-snapshot-view .data-grid th.count-column { | |
| 393 text-align: center; | |
| 394 } | |
| 395 | |
| 396 .heap-snapshot-view .data-grid td.count-column { | |
| 397 text-align: right; | |
| 398 } | |
| 399 | |
| 400 .heap-snapshot-view .data-grid th.size-column { | |
| 401 text-align: center; | |
| 402 } | |
| 403 | |
| 404 .heap-snapshot-view .data-grid td.size-column { | |
| 405 text-align: right; | |
| 406 } | |
| 407 | |
| 408 .heap-snapshot-view .data-grid th.countDelta-column { | |
| 409 text-align: center; | |
| 410 } | |
| 411 | |
| 412 .heap-snapshot-view .data-grid td.countDelta-column { | |
| 413 text-align: right; | |
| 414 } | |
| 415 | |
| 416 .heap-snapshot-view .data-grid th.sizeDelta-column { | |
| 417 text-align: center; | |
| 418 } | |
| 419 | |
| 420 .heap-snapshot-view .data-grid td.sizeDelta-column { | |
| 421 text-align: right; | |
| 422 } | |
| 423 | |
| 424 #heap-snapshot-summary-container { | |
| 425 position: absolute; | |
| 426 padding-top: 20px; | |
| 427 bottom: 0; | |
| 428 left: 0; | |
| 429 right: 0; | |
| 430 height: 93px; | |
| 431 margin-left: -1px; | |
| 432 border-left: 1px solid rgb(102, 102, 102); | |
| 433 background-color: rgb(101, 111, 130); | |
| 434 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); | |
| 435 background-repeat: repeat-x; | |
| 436 background-position: top; | |
| 437 text-align: center; | |
| 438 text-shadow: black 0 1px 1px; | |
| 439 white-space: nowrap; | |
| 440 color: white; | |
| 441 -webkit-background-size: 1px 6px; | |
| 442 -webkit-background-origin: padding; | |
| 443 -webkit-background-clip: padding; | |
| 444 } | |
| 445 | |
| 446 .heap-snapshot-summary { | |
| 447 display: inline-block; | |
| 448 width: 50%; | |
| 449 min-width: 300px; | |
| 450 position: relative; | |
| 451 } | |
| 452 | |
| 453 .heap-snapshot-summary canvas.summary-graph { | |
| 454 width: 225px; | |
| 455 } | |
| 456 | |
| 457 .heap-snapshot-summary-label { | |
| 458 font-size: 12px; | |
| 459 font-weight: bold; | |
| 460 position: absolute; | |
| 461 top: 1px; | |
| 462 width: 50%; | |
| 463 left: 25%; | |
| 464 } | |
| 465 | |
| 466 /* inspector.css */ | |
| 467 | |
| 468 /* | |
| 469 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | |
| 470 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | |
| 471 * | |
| 472 * Redistribution and use in source and binary forms, with or without | |
| 473 * modification, are permitted provided that the following conditions | |
| 474 * are met: | |
| 475 * | |
| 476 * 1. Redistributions of source code must retain the above copyright | |
| 477 * notice, this list of conditions and the following disclaimer. | |
| 478 * 2. Redistributions in binary form must reproduce the above copyright | |
| 479 * notice, this list of conditions and the following disclaimer in the | |
| 480 * documentation and/or other materials provided with the distribution. | |
| 481 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | |
| 482 * its contributors may be used to endorse or promote products derived | |
| 483 * from this software without specific prior written permission. | |
| 484 * | |
| 485 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | |
| 486 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
| 487 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
| 488 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | |
| 489 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
| 490 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | |
| 491 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | |
| 492 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
| 493 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | |
| 494 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
| 495 */ | |
| 496 | |
| 497 html { | |
| 498 height: 100%; | |
| 499 } | |
| 500 | |
| 501 body { | |
| 502 cursor: default; | |
| 503 position: absolute; | |
| 504 top: 0; | |
| 505 bottom: 0; | |
| 506 left: 0; | |
| 507 right: 0; | |
| 508 overflow: hidden; | |
| 509 font-family: Lucida Grande, sans-serif; | |
| 510 font-size: 10px; | |
| 511 margin: 0; | |
| 512 -webkit-text-size-adjust: none; | |
| 513 -webkit-user-select: none; | |
| 514 } | |
| 515 | |
| 516 * { | |
| 517 -webkit-box-sizing: border-box; | |
| 518 } | |
| 519 | |
| 520 :focus { | |
| 521 outline: none; | |
| 522 } | |
| 523 | |
| 524 input[type="search"]:focus, input[type="text"]:focus { | |
| 525 outline: auto 5px -webkit-focus-ring-color; | |
| 526 } | |
| 527 | |
| 528 iframe, a img { | |
| 529 border: none; | |
| 530 } | |
| 531 | |
| 532 img { | |
| 533 -webkit-user-drag: none; | |
| 534 } | |
| 535 | |
| 536 .hidden { | |
| 537 display: none !important; | |
| 538 } | |
| 539 | |
| 540 #toolbar { | |
| 541 position: absolute; | |
| 542 top: 0; | |
| 543 left: 0; | |
| 544 right: 0; | |
| 545 height: 56px; | |
| 546 display: -webkit-box; | |
| 547 padding: 0 5px; | |
| 548 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
91, 191, 191)), to(rgb(151, 151, 151))); | |
| 549 border-bottom: 1px solid rgb(80, 80, 80); | |
| 550 -webkit-box-orient: horizontal; | |
| 551 -webkit-background-origin: padding; | |
| 552 -webkit-background-clip: padding; | |
| 553 } | |
| 554 | |
| 555 body.inactive #toolbar { | |
| 556 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
33, 233, 233)), to(rgb(207, 207, 207))); | |
| 557 border-bottom: 1px solid rgb(64%, 64%, 64%); | |
| 558 } | |
| 559 | |
| 560 body.detached.platform-mac-leopard #toolbar, | |
| 561 body.detached.platform-mac-snowleopard #toolbar { | |
| 562 background: transparent !important; | |
| 563 } | |
| 564 | |
| 565 body.attached #toolbar { | |
| 566 height: 34px; | |
| 567 border-top: 1px solid rgb(100, 100, 100); | |
| 568 cursor: row-resize; | |
| 569 padding-left: 0; | |
| 570 } | |
| 571 | |
| 572 body.attached.port-qt #toolbar { | |
| 573 cursor: auto; | |
| 574 } | |
| 575 | |
| 576 body.attached.inactive #toolbar { | |
| 577 border-top: 1px solid rgb(64%, 64%, 64%); | |
| 578 } | |
| 579 | |
| 580 .toolbar-item { | |
| 581 display: -webkit-box; | |
| 582 padding: 4px 6px; | |
| 583 margin: 0; | |
| 584 background-color: transparent; | |
| 585 border-style: none; | |
| 586 border-color: transparent; | |
| 587 -webkit-box-orient: vertical; | |
| 588 -webkit-box-align: center; | |
| 589 -webkit-box-pack: end; | |
| 590 } | |
| 591 | |
| 592 .toolbar-item.toggleable.toggled-on { | |
| 593 border-width: 0 2px 0 2px; | |
| 594 padding: 4px 4px; | |
| 595 -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; | |
| 596 } | |
| 597 | |
| 598 .toolbar-item.flexable-space { | |
| 599 -webkit-box-flex: 1; | |
| 600 visibility: hidden; | |
| 601 } | |
| 602 | |
| 603 .toolbar-item input { | |
| 604 margin-bottom: 8px; | |
| 605 } | |
| 606 | |
| 607 .toolbar-icon { | |
| 608 display: inline-block; | |
| 609 width: 32px; | |
| 610 height: 32px; | |
| 611 -webkit-background-size: 100% auto; | |
| 612 } | |
| 613 | |
| 614 body.attached .toolbar-icon { | |
| 615 width: 24px; | |
| 616 height: 24px; | |
| 617 vertical-align: middle; | |
| 618 } | |
| 619 | |
| 620 .toolbar-item:active .toolbar-icon { | |
| 621 background-position: 0 32px; | |
| 622 } | |
| 623 | |
| 624 body.attached .toolbar-item:active .toolbar-icon { | |
| 625 background-position: 0 24px; | |
| 626 } | |
| 627 | |
| 628 .toolbar-label { | |
| 629 font-size: 11px; | |
| 630 font-family: Lucida Grande, sans-serif; | |
| 631 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
| 632 } | |
| 633 | |
| 634 .toolbar-item.toggleable:active .toolbar-label { | |
| 635 text-shadow: none; | |
| 636 } | |
| 637 | |
| 638 body.attached .toolbar-label { | |
| 639 display: inline-block; | |
| 640 vertical-align: middle; | |
| 641 margin-left: 3px; | |
| 642 } | |
| 643 | |
| 644 body.attached #search-toolbar-label { | |
| 645 display: none; | |
| 646 } | |
| 647 | |
| 648 #search { | |
| 649 width: 205px; | |
| 650 font-size: 16px; | |
| 651 margin-bottom: 5px; | |
| 652 } | |
| 653 | |
| 654 body.attached #search { | |
| 655 font-size: 11px; | |
| 656 margin-bottom: 8px; | |
| 657 } | |
| 658 | |
| 659 #search-results-matches { | |
| 660 font-size: 11px; | |
| 661 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
| 662 margin-bottom: 22px; | |
| 663 } | |
| 664 | |
| 665 body.attached #search-results-matches { | |
| 666 margin-bottom: 6px; | |
| 667 } | |
| 668 | |
| 669 .toolbar-item.elements .toolbar-icon { | |
| 670 background-image: url(Images/elementsIcon.png); | |
| 671 } | |
| 672 | |
| 673 .toolbar-item.resources .toolbar-icon { | |
| 674 background-image: url(Images/resourcesIcon.png); | |
| 675 } | |
| 676 | |
| 677 .toolbar-item.network .toolbar-icon { | |
| 678 background-image: url(Images/networkIcon.png); | |
| 679 } | |
| 680 | |
| 681 .toolbar-item.scripts .toolbar-icon { | |
| 682 background-image: url(Images/scriptsIcon.png); | |
| 683 } | |
| 684 | |
| 685 .toolbar-item.timeline .toolbar-icon { | |
| 686 background-image: url(Images/timelineIcon.png); | |
| 687 } | |
| 688 | |
| 689 .toolbar-item.profiles .toolbar-icon { | |
| 690 background-image: url(Images/profilesIcon.png); | |
| 691 } | |
| 692 | |
| 693 .toolbar-item.audits .toolbar-icon { | |
| 694 background-image: url(Images/auditsIcon.png); | |
| 695 } | |
| 696 | |
| 697 .toolbar-item.console .toolbar-icon { | |
| 698 background-image: url(Images/consoleIcon.png); | |
| 699 } | |
| 700 | |
| 701 #close-button-left, #close-button-right { | |
| 702 width: 14px; | |
| 703 height: 14px; | |
| 704 background-image: url(Images/closeButtons.png); | |
| 705 background-position: 0 0; | |
| 706 background-color: transparent; | |
| 707 border: 0 none transparent; | |
| 708 margin: 5px 0; | |
| 709 } | |
| 710 | |
| 711 #close-button-left:hover, #close-button-right:hover { | |
| 712 background-position: 14px 0; | |
| 713 } | |
| 714 | |
| 715 #close-button-left:active, #close-button-right:active { | |
| 716 background-position: 28px 0; | |
| 717 } | |
| 718 | |
| 719 body.detached .toolbar-item.close-left, body.detached .toolbar-item.close-right
{ | |
| 720 display: none; | |
| 721 } | |
| 722 | |
| 723 body.attached.port-qt .toolbar-item.close-left, body.attached.port-qt .toolbar-i
tem.close-right { | |
| 724 display: none; | |
| 725 } | |
| 726 | |
| 727 body.platform-mac .toolbar-item.close-right { | |
| 728 display: none; | |
| 729 } | |
| 730 | |
| 731 body:not(.platform-mac) .toolbar-item.close-left { | |
| 732 display: none; | |
| 733 } | |
| 734 | |
| 735 #main { | |
| 736 position: absolute; | |
| 737 z-index: 1; | |
| 738 top: 56px; | |
| 739 left: 0; | |
| 740 right: 0; | |
| 741 bottom: 0; | |
| 742 overflow: hidden; | |
| 743 background-color: white; | |
| 744 } | |
| 745 | |
| 746 body.attached #main { | |
| 747 top: 34px; | |
| 748 } | |
| 749 | |
| 750 #main-panels { | |
| 751 position: absolute; | |
| 752 top: 0; | |
| 753 left: 0; | |
| 754 right: 0; | |
| 755 bottom: 23px; | |
| 756 overflow: hidden; | |
| 757 } | |
| 758 | |
| 759 #main-status-bar { | |
| 760 position: absolute; | |
| 761 bottom: 0; | |
| 762 left: 0; | |
| 763 right: 0; | |
| 764 } | |
| 765 | |
| 766 body.drawer-visible #main-status-bar { | |
| 767 height: 24px; | |
| 768 background-image: url(Images/statusbarResizerVertical.png), url(Images/statu
sbarBackground.png); | |
| 769 background-repeat: no-repeat, repeat-x; | |
| 770 background-position: right center, center; | |
| 771 cursor: row-resize; | |
| 772 } | |
| 773 | |
| 774 body.drawer-visible #main-status-bar * { | |
| 775 cursor: default; | |
| 776 } | |
| 777 | |
| 778 body.drawer-visible #main-panels { | |
| 779 bottom: 24px; | |
| 780 } | |
| 781 | |
| 782 .status-bar { | |
| 783 background-color: rgb(235, 235, 235); | |
| 784 background-image: url(Images/statusbarBackground.png); | |
| 785 background-repeat: repeat-x; | |
| 786 white-space: nowrap; | |
| 787 height: 23px; | |
| 788 overflow: hidden; | |
| 789 z-index: 12; | |
| 790 } | |
| 791 | |
| 792 .status-bar > div { | |
| 793 display: inline-block; | |
| 794 vertical-align: top; | |
| 795 } | |
| 796 | |
| 797 .status-bar-item { | |
| 798 display: inline-block; | |
| 799 height: 24px; | |
| 800 padding: 0; | |
| 801 margin-left: -1px; | |
| 802 margin-right: 0; | |
| 803 vertical-align: top; | |
| 804 border: 0 transparent none; | |
| 805 background-color: transparent; | |
| 806 } | |
| 807 | |
| 808 .status-bar-item:active { | |
| 809 position: relative; | |
| 810 z-index: 200; | |
| 811 } | |
| 812 | |
| 813 .glyph { | |
| 814 position: absolute; | |
| 815 top: 0; | |
| 816 left: 0; | |
| 817 right: 0; | |
| 818 bottom: 0; | |
| 819 background-color: rgba(0, 0, 0, 0.75); | |
| 820 z-index: 1; | |
| 821 } | |
| 822 | |
| 823 .glyph.shadow { | |
| 824 top: 1px; | |
| 825 background-color: white !important; | |
| 826 z-index: 0; | |
| 827 } | |
| 828 | |
| 829 button.status-bar-item { | |
| 830 position: relative; | |
| 831 width: 32px; | |
| 832 background-image: url(Images/statusbarButtons.png); | |
| 833 background-position: 0 0; | |
| 834 } | |
| 835 | |
| 836 button.status-bar-item:active { | |
| 837 background-position: 32px 0 !important; | |
| 838 } | |
| 839 | |
| 840 button.status-bar-item .glyph.shadow { | |
| 841 background-color: rgba(255, 255, 255, 0.33) !important; | |
| 842 } | |
| 843 | |
| 844 button.status-bar-item.toggled-on .glyph { | |
| 845 background-color: rgb(66, 129, 235); | |
| 846 } | |
| 847 | |
| 848 button.status-bar-item.toggled-1 .glyph { | |
| 849 background-color: rgb(66, 129, 235); | |
| 850 } | |
| 851 | |
| 852 button.status-bar-item.toggled-2 .glyph { | |
| 853 background-color: purple; | |
| 854 } | |
| 855 | |
| 856 button.status-bar-item:disabled { | |
| 857 opacity: 0.5; | |
| 858 background-position: 0 0 !important; | |
| 859 } | |
| 860 | |
| 861 select.status-bar-item { | |
| 862 min-width: 48px; | |
| 863 border-width: 0 17px 0 2px; | |
| 864 padding: 0 2px 0 6px; | |
| 865 font-weight: bold; | |
| 866 color: rgb(48, 48, 48); | |
| 867 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
| 868 -webkit-border-image: url(Images/statusbarMenuButton.png) 0 17 0 2; | |
| 869 -webkit-border-radius: 0; | |
| 870 -webkit-appearance: none; | |
| 871 } | |
| 872 | |
| 873 select.status-bar-item:active { | |
| 874 color: black; | |
| 875 -webkit-border-image: url(Images/statusbarMenuButtonSelected.png) 0 17 0 2; | |
| 876 } | |
| 877 | |
| 878 #dock-status-bar-item .glyph { | |
| 879 -webkit-mask-image: url(Images/undockButtonGlyph.png); | |
| 880 } | |
| 881 | |
| 882 body.detached #dock-status-bar-item .glyph { | |
| 883 -webkit-mask-image: url(Images/dockButtonGlyph.png); | |
| 884 } | |
| 885 | |
| 886 body.port-qt #dock-status-bar-item { | |
| 887 display: none | |
| 888 } | |
| 889 | |
| 890 #console-status-bar-item .glyph { | |
| 891 -webkit-mask-image: url(Images/consoleButtonGlyph.png); | |
| 892 } | |
| 893 | |
| 894 .clear-status-bar-item .glyph { | |
| 895 -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png); | |
| 896 } | |
| 897 | |
| 898 #changes-status-bar-item .glyph { | |
| 899 -webkit-mask-image: url(Images/consoleButtonGlyph.png); /* TODO: Needs Image
for Changes Toggle Button */ | |
| 900 } | |
| 901 | |
| 902 #counters { | |
| 903 position: absolute; | |
| 904 right: 16px; | |
| 905 top: 0; | |
| 906 cursor: pointer; | |
| 907 padding: 6px 2px 6px 0px; | |
| 908 font-size: 10px; | |
| 909 height: 19px; | |
| 910 } | |
| 911 | |
| 912 #changes-count, #error-warning-count { | |
| 913 display: inline; | |
| 914 } | |
| 915 | |
| 916 #error-warning-count:hover, #changes-count:hover { | |
| 917 border-bottom: 1px solid rgb(96, 96, 96); | |
| 918 } | |
| 919 | |
| 920 #style-changes-count::before { | |
| 921 content: url(Images/styleIcon.png); /* TODO: Needs Image for Style Changes I
con */ | |
| 922 width: 10px; | |
| 923 height: 10px; | |
| 924 vertical-align: -1px; | |
| 925 margin-right: 2px; | |
| 926 } | |
| 927 | |
| 928 #error-count::before { | |
| 929 content: url(Images/errorIcon.png); | |
| 930 width: 10px; | |
| 931 height: 10px; | |
| 932 vertical-align: -1px; | |
| 933 margin-right: 2px; | |
| 934 } | |
| 935 | |
| 936 #changes-count + #error-warning-count, #error-count + #warning-count { | |
| 937 margin-left: 6px; | |
| 938 } | |
| 939 | |
| 940 #warning-count::before { | |
| 941 content: url(Images/warningIcon.png); | |
| 942 width: 10px; | |
| 943 height: 10px; | |
| 944 vertical-align: -1px; | |
| 945 margin-right: 2px; | |
| 946 } | |
| 947 | |
| 948 #drawer { | |
| 949 display: none; | |
| 950 position: absolute; | |
| 951 bottom: 0; | |
| 952 left: 0; | |
| 953 right: 0; | |
| 954 height: 200px; | |
| 955 background-color: white; | |
| 956 background-image: url(Images/statusbarBottomBackground.png); | |
| 957 background-repeat: repeat-x; | |
| 958 background-position: bottom; | |
| 959 } | |
| 960 | |
| 961 body.drawer-visible #drawer { | |
| 962 display: block; | |
| 963 } | |
| 964 | |
| 965 #drawer-status-bar { | |
| 966 position: absolute; | |
| 967 bottom: 0; | |
| 968 left: 0; | |
| 969 right: 0; | |
| 970 background: none; | |
| 971 } | |
| 972 | |
| 973 .monospace { | |
| 974 font-size: 10px !important; | |
| 975 font-family: monospace; | |
| 976 } | |
| 977 | |
| 978 body.platform-mac .monospace, body.platform-mac .source-code { | |
| 979 font-family: Monaco, monospace; | |
| 980 } | |
| 981 | |
| 982 /* Keep .platform-mac to make the rule more specific than the general one above.
*/ | |
| 983 body.platform-mac.platform-mac-snowleopard .monospace, | |
| 984 body.platform-mac.platform-mac-snowleopard .source-code { | |
| 985 font-size: 11px !important; | |
| 986 font-family: Menlo, monospace; | |
| 987 } | |
| 988 | |
| 989 body.platform-windows .monospace, body.platform-windows .source-code { | |
| 990 font-size: 12px !important; | |
| 991 font-family: Consolas, Lucida Console, monospace; | |
| 992 } | |
| 993 | |
| 994 body.platform-linux .monospace, body.platform-linux .source-code { | |
| 995 font-size: 11px !important; | |
| 996 font-family: dejavu sans mono, monospace; | |
| 997 } | |
| 998 | |
| 999 #console-messages { | |
| 1000 position: absolute; | |
| 1001 z-index: 0; | |
| 1002 top: 0; | |
| 1003 left: 0; | |
| 1004 right: 0; | |
| 1005 bottom: 23px; | |
| 1006 padding: 2px 0; | |
| 1007 overflow-y: overlay; | |
| 1008 word-wrap: break-word; | |
| 1009 -webkit-user-select: text; | |
| 1010 -webkit-text-size-adjust: auto; | |
| 1011 } | |
| 1012 | |
| 1013 #console-prompt { | |
| 1014 position: relative; | |
| 1015 padding: 1px 22px 1px 24px; | |
| 1016 min-height: 16px; | |
| 1017 white-space: pre-wrap; | |
| 1018 -webkit-user-modify: read-write-plaintext-only; | |
| 1019 } | |
| 1020 | |
| 1021 #console-prompt::before { | |
| 1022 background-image: url(Images/userInputIcon.png); | |
| 1023 } | |
| 1024 | |
| 1025 .console-user-command-result.console-log-level::before { | |
| 1026 background-image: url(Images/userInputResultIcon.png); | |
| 1027 } | |
| 1028 | |
| 1029 .console-message, .console-user-command { | |
| 1030 position: relative; | |
| 1031 border-bottom: 1px solid rgb(240, 240, 240); | |
| 1032 padding: 1px 22px 1px 24px; | |
| 1033 min-height: 16px; | |
| 1034 } | |
| 1035 | |
| 1036 .console-adjacent-user-command-result { | |
| 1037 border-bottom: none; | |
| 1038 } | |
| 1039 | |
| 1040 .console-adjacent-user-command-result + .console-user-command-result.console-log
-level::before { | |
| 1041 background-image: none; | |
| 1042 } | |
| 1043 | |
| 1044 .console-message::before, .console-user-command::before, #console-prompt::before
, .console-group-title::before { | |
| 1045 position: absolute; | |
| 1046 display: block; | |
| 1047 content: ""; | |
| 1048 left: 7px; | |
| 1049 top: 0.8em; | |
| 1050 width: 10px; | |
| 1051 height: 10px; | |
| 1052 margin-top: -5px; | |
| 1053 -webkit-user-select: none; | |
| 1054 } | |
| 1055 | |
| 1056 .console-message .bubble { | |
| 1057 display: inline-block; | |
| 1058 height: 14px; | |
| 1059 background-color: rgb(128, 151, 189); | |
| 1060 vertical-align: middle; | |
| 1061 white-space: nowrap; | |
| 1062 padding: 1px 4px; | |
| 1063 margin-top: -2px; | |
| 1064 margin-right: 4px; | |
| 1065 text-align: left; | |
| 1066 font-size: 11px; | |
| 1067 line-height: normal; | |
| 1068 font-family: Helvetica, Arial, sans-serif; | |
| 1069 font-weight: bold; | |
| 1070 text-shadow: none; | |
| 1071 color: white; | |
| 1072 -webkit-border-radius: 7px; | |
| 1073 } | |
| 1074 | |
| 1075 .console-message-text { | |
| 1076 white-space: pre-wrap; | |
| 1077 } | |
| 1078 | |
| 1079 .repeated-message { | |
| 1080 padding-left: 6px; | |
| 1081 } | |
| 1082 | |
| 1083 .repeated-message.console-error-level::before, .repeated-message.console-warning
-level:before, .repeated-message.console-debug-level:before { | |
| 1084 visibility: hidden; | |
| 1085 } | |
| 1086 | |
| 1087 .console-group .console-group > .console-group-messages { | |
| 1088 margin-left: 16px; | |
| 1089 } | |
| 1090 | |
| 1091 .console-group-title { | |
| 1092 font-weight: bold; | |
| 1093 } | |
| 1094 | |
| 1095 .console-group-title::before { | |
| 1096 background-image: url(Images/disclosureTriangleSmallDown.png); | |
| 1097 top: 0.6em; | |
| 1098 width: 11px; | |
| 1099 height: 12px; | |
| 1100 } | |
| 1101 | |
| 1102 .console-group.collapsed .console-group-title::before { | |
| 1103 background-image: url(Images/disclosureTriangleSmallRight.png); | |
| 1104 } | |
| 1105 | |
| 1106 .console-group.collapsed > .console-group-messages { | |
| 1107 display: none; | |
| 1108 } | |
| 1109 | |
| 1110 .console-error-level .console-message-text { | |
| 1111 color: red; | |
| 1112 } | |
| 1113 | |
| 1114 .console-debug-level .console-message-text { | |
| 1115 color: blue; | |
| 1116 } | |
| 1117 | |
| 1118 .console-debug-level::before { | |
| 1119 background-image: url(Images/searchSmallBrightBlue.png); | |
| 1120 } | |
| 1121 | |
| 1122 .console-error-level::before { | |
| 1123 background-image: url(Images/errorIcon.png); | |
| 1124 } | |
| 1125 | |
| 1126 .console-warning-level::before { | |
| 1127 background-image: url(Images/warningIcon.png); | |
| 1128 } | |
| 1129 | |
| 1130 .console-user-command .console-message { | |
| 1131 margin-left: -24px; | |
| 1132 padding-right: 0; | |
| 1133 border-bottom: none; | |
| 1134 } | |
| 1135 | |
| 1136 .console-user-command::before { | |
| 1137 background-image: url(Images/userInputPreviousIcon.png); | |
| 1138 } | |
| 1139 | |
| 1140 .console-user-command > .console-message-text { | |
| 1141 color: rgb(0, 128, 255); | |
| 1142 } | |
| 1143 | |
| 1144 #console-messages a { | |
| 1145 color: rgb(33%, 33%, 33%); | |
| 1146 cursor: pointer; | |
| 1147 } | |
| 1148 | |
| 1149 #console-messages a:hover { | |
| 1150 color: rgb(15%, 15%, 15%); | |
| 1151 } | |
| 1152 | |
| 1153 .console-message-url { | |
| 1154 float: right; | |
| 1155 } | |
| 1156 | |
| 1157 .console-group-messages .section { | |
| 1158 margin: 0 0 0 12px !important; | |
| 1159 } | |
| 1160 | |
| 1161 .console-group-messages .section .header { | |
| 1162 padding: 0 8px 0 0; | |
| 1163 background-image: none; | |
| 1164 border: none; | |
| 1165 min-height: 0; | |
| 1166 } | |
| 1167 | |
| 1168 .console-group-messages .section .header::before { | |
| 1169 position: absolute; | |
| 1170 top: 1px; | |
| 1171 left: 1px; | |
| 1172 width: 8px; | |
| 1173 height: 8px; | |
| 1174 content: url(Images/treeRightTriangleBlack.png); | |
| 1175 } | |
| 1176 | |
| 1177 .console-group-messages .section.expanded .header::before { | |
| 1178 content: url(Images/treeDownTriangleBlack.png); | |
| 1179 } | |
| 1180 | |
| 1181 .console-group-messages .section .header .title { | |
| 1182 color: black; | |
| 1183 font-weight: normal; | |
| 1184 } | |
| 1185 | |
| 1186 .console-group-messages .section .properties li .info { | |
| 1187 padding-top: 0; | |
| 1188 padding-bottom: 0; | |
| 1189 color: rgb(60%, 60%, 60%); | |
| 1190 } | |
| 1191 | |
| 1192 .console-group-messages .outline-disclosure { | |
| 1193 padding-left: 0; | |
| 1194 } | |
| 1195 | |
| 1196 .console-group-messages .outline-disclosure > ol { | |
| 1197 padding: 0 0 0 12px !important; | |
| 1198 } | |
| 1199 | |
| 1200 .console-group-messages .outline-disclosure, .console-group-messages .outline-di
sclosure ol { | |
| 1201 font-size: inherit; | |
| 1202 line-height: 12px; | |
| 1203 } | |
| 1204 | |
| 1205 .console-group-messages .outline-disclosure.single-node li { | |
| 1206 padding-left: 2px; | |
| 1207 } | |
| 1208 | |
| 1209 .console-group-messages .outline-disclosure li .selection { | |
| 1210 margin-left: -6px; | |
| 1211 margin-right: -6px; | |
| 1212 } | |
| 1213 | |
| 1214 .console-group-messages .add-attribute { | |
| 1215 display: none; | |
| 1216 } | |
| 1217 | |
| 1218 .console-formatted-object, .console-formatted-node { | |
| 1219 position: relative; | |
| 1220 display: inline-block; | |
| 1221 vertical-align: top; | |
| 1222 } | |
| 1223 | |
| 1224 .console-formatted-object .section, .console-formatted-node .section { | |
| 1225 position: static; | |
| 1226 } | |
| 1227 | |
| 1228 .console-formatted-object .properties, .console-formatted-node .properties { | |
| 1229 padding-left: 0 !important; | |
| 1230 } | |
| 1231 | |
| 1232 .console-formatted-number { | |
| 1233 color: rgb(28, 0, 207); | |
| 1234 } | |
| 1235 | |
| 1236 .console-formatted-string, .console-formatted-regexp { | |
| 1237 color: rgb(196, 26, 22); | |
| 1238 } | |
| 1239 | |
| 1240 .console-formatted-null, .console-formatted-undefined { | |
| 1241 color: rgb(128, 128, 128); | |
| 1242 } | |
| 1243 | |
| 1244 .error-message { | |
| 1245 color: red; | |
| 1246 } | |
| 1247 | |
| 1248 .auto-complete-text { | |
| 1249 color: rgb(128, 128, 128); | |
| 1250 -webkit-user-select: none; | |
| 1251 -webkit-user-modify: read-only; | |
| 1252 } | |
| 1253 | |
| 1254 .panel { | |
| 1255 display: none; | |
| 1256 overflow: hidden; | |
| 1257 position: absolute; | |
| 1258 top: 0; | |
| 1259 left: 0; | |
| 1260 right: 0; | |
| 1261 bottom: 0; | |
| 1262 } | |
| 1263 | |
| 1264 .panel.visible { | |
| 1265 display: block; | |
| 1266 } | |
| 1267 | |
| 1268 .webkit-line-gutter-backdrop { | |
| 1269 /* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */ | |
| 1270 width: 31px; | |
| 1271 background-color: rgb(240, 240, 240); | |
| 1272 border-right: 1px solid rgb(187, 187, 187); | |
| 1273 position: absolute; | |
| 1274 z-index: -1; | |
| 1275 left: 0; | |
| 1276 top: 0; | |
| 1277 height: 100% | |
| 1278 } | |
| 1279 | |
| 1280 .resource-view { | |
| 1281 display: none; | |
| 1282 position: absolute; | |
| 1283 top: 0; | |
| 1284 right: 0; | |
| 1285 left: 0; | |
| 1286 bottom: 0; | |
| 1287 overflow: auto; | |
| 1288 } | |
| 1289 | |
| 1290 .resource-view.visible { | |
| 1291 display: block; | |
| 1292 } | |
| 1293 | |
| 1294 .resource-view.font { | |
| 1295 font-size: 60px; | |
| 1296 white-space: pre-wrap; | |
| 1297 word-wrap: break-word; | |
| 1298 text-align: center; | |
| 1299 padding: 15px; | |
| 1300 } | |
| 1301 | |
| 1302 .resource-view.image > .image { | |
| 1303 padding: 20px 20px 10px 20px; | |
| 1304 text-align: center; | |
| 1305 } | |
| 1306 | |
| 1307 .resource-view.image > .info { | |
| 1308 padding-bottom: 10px; | |
| 1309 font-size: 11px; | |
| 1310 -webkit-user-select: text; | |
| 1311 } | |
| 1312 | |
| 1313 .resource-view.image img.resource-image-view { | |
| 1314 max-width: 100%; | |
| 1315 max-height: 1000px; | |
| 1316 background-image: url(Images/checker.png); | |
| 1317 -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); | |
| 1318 -webkit-user-select: text; | |
| 1319 -webkit-user-drag: auto; | |
| 1320 } | |
| 1321 | |
| 1322 .resource-url { | |
| 1323 vertical-align: middle; | |
| 1324 } | |
| 1325 | |
| 1326 .resource-status-image { | |
| 1327 margin-top: -3px; | |
| 1328 vertical-align: middle; | |
| 1329 } | |
| 1330 | |
| 1331 .resource-view.image .title { | |
| 1332 text-align: center; | |
| 1333 font-size: 13px; | |
| 1334 } | |
| 1335 | |
| 1336 .resource-view.image .infoList { | |
| 1337 margin: 0; | |
| 1338 } | |
| 1339 | |
| 1340 .resource-view.image .infoList dt { | |
| 1341 font-weight: bold; | |
| 1342 display: inline-block; | |
| 1343 width: 50%; | |
| 1344 text-align: right; | |
| 1345 color: rgb(76, 76, 76); | |
| 1346 } | |
| 1347 | |
| 1348 .resource-view.image .infoList dd { | |
| 1349 display: inline-block; | |
| 1350 padding-left: 8px; | |
| 1351 width: 50%; | |
| 1352 text-align: left; | |
| 1353 margin: 0; | |
| 1354 } | |
| 1355 | |
| 1356 .resource-view.image .infoList dd::after { | |
| 1357 white-space: pre; | |
| 1358 content: "\A"; | |
| 1359 } | |
| 1360 | |
| 1361 .resource-timing-row { | |
| 1362 position: relative; | |
| 1363 height: 12px; | |
| 1364 } | |
| 1365 | |
| 1366 .resource-timing-bar { | |
| 1367 position: absolute; | |
| 1368 background-color: red; | |
| 1369 border-left: 1px solid red; | |
| 1370 opacity: 0.4; | |
| 1371 } | |
| 1372 | |
| 1373 .resource-timing-bar-title { | |
| 1374 position: absolute; | |
| 1375 } | |
| 1376 | |
| 1377 #elements-content { | |
| 1378 display: block; | |
| 1379 overflow: auto; | |
| 1380 padding: 0; | |
| 1381 position: absolute; | |
| 1382 top: 0; | |
| 1383 left: 0; | |
| 1384 right: 325px; | |
| 1385 bottom: 0; | |
| 1386 } | |
| 1387 | |
| 1388 #elements-sidebar { | |
| 1389 position: absolute; | |
| 1390 top: 0; | |
| 1391 right: 0; | |
| 1392 bottom: 0; | |
| 1393 width: 325px; | |
| 1394 border-left: 1px solid rgb(64%, 64%, 64%); | |
| 1395 cursor: default; | |
| 1396 overflow: auto; | |
| 1397 } | |
| 1398 | |
| 1399 .crumbs { | |
| 1400 display: inline-block; | |
| 1401 font-size: 11px; | |
| 1402 line-height: 19px; | |
| 1403 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
| 1404 color: rgb(20, 20, 20); | |
| 1405 margin-left: -1px; | |
| 1406 padding-right: 12px; | |
| 1407 } | |
| 1408 | |
| 1409 .crumbs .crumb { | |
| 1410 height: 24px; | |
| 1411 border-width: 0 12px 0 2px; | |
| 1412 -webkit-border-image: url(Images/segment.png) 0 12 0 2; | |
| 1413 margin-right: -12px; | |
| 1414 padding-left: 18px; | |
| 1415 padding-right: 2px; | |
| 1416 white-space: nowrap; | |
| 1417 line-height: 23px; | |
| 1418 float: right; | |
| 1419 } | |
| 1420 | |
| 1421 .crumbs .crumb.collapsed > * { | |
| 1422 display: none; | |
| 1423 } | |
| 1424 | |
| 1425 .crumbs .crumb.collapsed::before { | |
| 1426 content: "\2026"; | |
| 1427 font-weight: bold; | |
| 1428 } | |
| 1429 | |
| 1430 .crumbs .crumb.compact .extra { | |
| 1431 display: none; | |
| 1432 } | |
| 1433 | |
| 1434 .crumbs .crumb.dimmed { | |
| 1435 color: rgba(0, 0, 0, 0.45); | |
| 1436 } | |
| 1437 | |
| 1438 .crumbs .crumb.start { | |
| 1439 padding-left: 7px; | |
| 1440 } | |
| 1441 | |
| 1442 .crumbs .crumb.end { | |
| 1443 border-width: 0 2px 0 2px; | |
| 1444 padding-right: 6px; | |
| 1445 -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2; | |
| 1446 } | |
| 1447 | |
| 1448 .crumbs .crumb.selected { | |
| 1449 -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2; | |
| 1450 color: black; | |
| 1451 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
| 1452 } | |
| 1453 | |
| 1454 .crumbs .crumb.selected:hover { | |
| 1455 -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2; | |
| 1456 } | |
| 1457 | |
| 1458 .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover { | |
| 1459 -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2; | |
| 1460 } | |
| 1461 | |
| 1462 .crumbs .crumb:hover { | |
| 1463 -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2; | |
| 1464 color: black; | |
| 1465 } | |
| 1466 | |
| 1467 .crumbs .crumb.dimmed:hover { | |
| 1468 -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2; | |
| 1469 color: rgba(0, 0, 0, 0.75); | |
| 1470 } | |
| 1471 | |
| 1472 .crumbs .crumb.end:hover { | |
| 1473 -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2; | |
| 1474 } | |
| 1475 | |
| 1476 .outline-disclosure li.hovered:not(.selected) .selection { | |
| 1477 display: block; | |
| 1478 left: 3px; | |
| 1479 right: 3px; | |
| 1480 background-color: rgba(56, 121, 217, 0.1); | |
| 1481 -webkit-border-radius: 5px; | |
| 1482 } | |
| 1483 | |
| 1484 .outline-disclosure li.highlighted .highlight { | |
| 1485 background-color: rgb(255, 230, 179); | |
| 1486 -webkit-border-radius: 4px; | |
| 1487 padding-bottom: 2px; | |
| 1488 margin-bottom: -2px; | |
| 1489 } | |
| 1490 | |
| 1491 .outline-disclosure li.selected.highlighted .highlight { | |
| 1492 background-color: transparent; | |
| 1493 padding-bottom: 0; | |
| 1494 margin-bottom: 0; | |
| 1495 } | |
| 1496 | |
| 1497 .outline-disclosure li .selection { | |
| 1498 display: none; | |
| 1499 position: absolute; | |
| 1500 left: 0; | |
| 1501 right: 0; | |
| 1502 height: 15px; | |
| 1503 z-index: -1; | |
| 1504 } | |
| 1505 | |
| 1506 .outline-disclosure li.selected .selection { | |
| 1507 display: block; | |
| 1508 background-color: rgb(212, 212, 212); | |
| 1509 } | |
| 1510 | |
| 1511 .outline-disclosure ol:focus li.selected .selection { | |
| 1512 background-color: rgb(56, 121, 217); | |
| 1513 } | |
| 1514 | |
| 1515 .outline-disclosure { | |
| 1516 font-size: 11px; | |
| 1517 } | |
| 1518 | |
| 1519 .outline-disclosure > ol { | |
| 1520 position: relative; | |
| 1521 padding: 2px 6px !important; | |
| 1522 margin: 0; | |
| 1523 color: black; | |
| 1524 cursor: default; | |
| 1525 min-width: 100%; | |
| 1526 } | |
| 1527 | |
| 1528 .outline-disclosure, .outline-disclosure ol { | |
| 1529 list-style-type: none; | |
| 1530 -webkit-padding-start: 12px; | |
| 1531 margin: 0; | |
| 1532 } | |
| 1533 | |
| 1534 .source-code { | |
| 1535 font-family: monospace; | |
| 1536 font-size: 10px !important; | |
| 1537 white-space: pre-wrap; | |
| 1538 } | |
| 1539 | |
| 1540 .outline-disclosure li { | |
| 1541 padding: 0 0 0 14px; | |
| 1542 margin-top: 1px; | |
| 1543 margin-bottom: 1px; | |
| 1544 word-wrap: break-word; | |
| 1545 text-indent: -2px; | |
| 1546 } | |
| 1547 | |
| 1548 .resources .outline-disclosure li { | |
| 1549 text-indent: -1px; | |
| 1550 } | |
| 1551 | |
| 1552 .outline-disclosure ol:focus li.selected { | |
| 1553 color: white; | |
| 1554 } | |
| 1555 | |
| 1556 .outline-disclosure ol:focus li.selected * { | |
| 1557 color: inherit; | |
| 1558 } | |
| 1559 | |
| 1560 .outline-disclosure li.parent { | |
| 1561 text-indent: -12px | |
| 1562 } | |
| 1563 | |
| 1564 .outline-disclosure li .webkit-html-tag.close { | |
| 1565 margin-left: -12px; | |
| 1566 } | |
| 1567 | |
| 1568 .outline-disclosure li.parent::before { | |
| 1569 content: url(Images/treeRightTriangleBlack.png); | |
| 1570 float: left; | |
| 1571 width: 8px; | |
| 1572 height: 8px; | |
| 1573 margin-top: 1px; | |
| 1574 padding-right: 2px; | |
| 1575 } | |
| 1576 | |
| 1577 .outline-disclosure li.parent::before { | |
| 1578 content: url(Images/treeRightTriangleBlack.png); | |
| 1579 } | |
| 1580 | |
| 1581 .outline-disclosure ol:focus li.parent.selected::before { | |
| 1582 content: url(Images/treeRightTriangleWhite.png); | |
| 1583 } | |
| 1584 | |
| 1585 .outline-disclosure li.parent.expanded::before { | |
| 1586 content: url(Images/treeDownTriangleBlack.png); | |
| 1587 } | |
| 1588 | |
| 1589 .outline-disclosure ol:focus li.parent.expanded.selected::before { | |
| 1590 content: url(Images/treeDownTriangleWhite.png); | |
| 1591 } | |
| 1592 | |
| 1593 .outline-disclosure ol.children { | |
| 1594 display: none; | |
| 1595 } | |
| 1596 | |
| 1597 .outline-disclosure ol.children.expanded { | |
| 1598 display: block; | |
| 1599 } | |
| 1600 | |
| 1601 .add-attribute { | |
| 1602 margin-left: 1px; | |
| 1603 margin-right: 1px; | |
| 1604 white-space: nowrap; | |
| 1605 } | |
| 1606 | |
| 1607 .placard { | |
| 1608 position: relative; | |
| 1609 margin-top: 1px; | |
| 1610 padding: 3px 8px 4px 18px; | |
| 1611 min-height: 18px; | |
| 1612 white-space: nowrap; | |
| 1613 } | |
| 1614 | |
| 1615 .placard:nth-of-type(2n) { | |
| 1616 background-color: rgb(234, 243, 255); | |
| 1617 } | |
| 1618 | |
| 1619 .placard.selected { | |
| 1620 border-top: 1px solid rgb(145, 160, 192); | |
| 1621 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | |
| 1622 -webkit-background-origin: padding; | |
| 1623 -webkit-background-clip: padding; | |
| 1624 } | |
| 1625 | |
| 1626 :focus .placard.selected { | |
| 1627 border-top: 1px solid rgb(68, 128, 200); | |
| 1628 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(9
2, 147, 213)), to(rgb(21, 83, 170))); | |
| 1629 } | |
| 1630 | |
| 1631 body.inactive .placard.selected { | |
| 1632 border-top: 1px solid rgb(151, 151, 151); | |
| 1633 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
80, 180, 180)), to(rgb(138, 138, 138))); | |
| 1634 } | |
| 1635 | |
| 1636 .placard .title { | |
| 1637 color: black; | |
| 1638 font-weight: normal; | |
| 1639 word-wrap: break-word; | |
| 1640 white-space: normal; | |
| 1641 } | |
| 1642 | |
| 1643 .placard.selected .title { | |
| 1644 color: white; | |
| 1645 font-weight: bold; | |
| 1646 } | |
| 1647 | |
| 1648 .placard .subtitle { | |
| 1649 float: right; | |
| 1650 font-size: 10px; | |
| 1651 margin-left: 5px; | |
| 1652 max-width: 55%; | |
| 1653 color: rgba(0, 0, 0, 0.7); | |
| 1654 text-overflow: ellipsis; | |
| 1655 overflow: hidden; | |
| 1656 } | |
| 1657 | |
| 1658 .placard.selected .subtitle { | |
| 1659 color: rgba(255, 255, 255, 0.7); | |
| 1660 } | |
| 1661 | |
| 1662 .placard .subtitle a { | |
| 1663 color: inherit; | |
| 1664 } | |
| 1665 | |
| 1666 .section { | |
| 1667 position: relative; | |
| 1668 margin-top: 1px; | |
| 1669 } | |
| 1670 | |
| 1671 .watch-expressions-buttons-container { | |
| 1672 text-align: center; | |
| 1673 } | |
| 1674 | |
| 1675 .events-pane .section:not(:nth-of-type(1)) { | |
| 1676 border-top: 1px solid rgb(191, 191, 191); | |
| 1677 } | |
| 1678 | |
| 1679 .event-bar:first-child { | |
| 1680 margin-top: 1px; | |
| 1681 } | |
| 1682 | |
| 1683 .section .header { | |
| 1684 color: black; | |
| 1685 padding: 0 8px 0 18px; | |
| 1686 min-height: 18px; | |
| 1687 white-space: nowrap; | |
| 1688 -webkit-background-origin: padding; | |
| 1689 -webkit-background-clip: padding; | |
| 1690 } | |
| 1691 | |
| 1692 .section .header::before { | |
| 1693 position: absolute; | |
| 1694 top: 2px; | |
| 1695 left: 7px; | |
| 1696 width: 8px; | |
| 1697 height: 8px; | |
| 1698 content: url(Images/treeRightTriangleBlack.png); | |
| 1699 opacity: 0.8; | |
| 1700 } | |
| 1701 | |
| 1702 .section.expanded .header::before { | |
| 1703 content: url(Images/treeDownTriangleBlack.png); | |
| 1704 } | |
| 1705 | |
| 1706 .section .header .title, .event-bar .header .title { | |
| 1707 font-weight: normal; | |
| 1708 word-wrap: break-word; | |
| 1709 white-space: normal; | |
| 1710 line-height: 18px; | |
| 1711 } | |
| 1712 | |
| 1713 .section .header .title.blank-title { | |
| 1714 font-style: italic; | |
| 1715 } | |
| 1716 | |
| 1717 .section .header label, .event-bar .header label { | |
| 1718 display: none; | |
| 1719 } | |
| 1720 | |
| 1721 .section.expanded .header label, .event-bar.expanded .header label { | |
| 1722 display: inline; | |
| 1723 } | |
| 1724 | |
| 1725 .section .header .subtitle, .event-bar .header .subtitle { | |
| 1726 float: right; | |
| 1727 margin-left: 5px; | |
| 1728 max-width: 55%; | |
| 1729 text-overflow: ellipsis; | |
| 1730 overflow: hidden; | |
| 1731 } | |
| 1732 | |
| 1733 .section .header .subtitle a { | |
| 1734 color: inherit; | |
| 1735 } | |
| 1736 | |
| 1737 .section .properties, .event-bar .event-properties { | |
| 1738 display: none; | |
| 1739 } | |
| 1740 | |
| 1741 .section.expanded .properties, .event-bar.expanded .event-properties { | |
| 1742 display: block; | |
| 1743 padding-left: 16px; | |
| 1744 } | |
| 1745 | |
| 1746 .section.no-affect .properties li { | |
| 1747 opacity: 0.5; | |
| 1748 } | |
| 1749 | |
| 1750 .section.no-affect .properties li.editing { | |
| 1751 opacity: 1.0; | |
| 1752 } | |
| 1753 | |
| 1754 .properties-tree { | |
| 1755 margin: 0; | |
| 1756 padding: 0 6px 2px; | |
| 1757 list-style: none; | |
| 1758 min-height: 18px; | |
| 1759 } | |
| 1760 | |
| 1761 .properties-tree li { | |
| 1762 margin-left: 12px; | |
| 1763 white-space: nowrap; | |
| 1764 text-overflow: ellipsis; | |
| 1765 overflow: hidden; | |
| 1766 -webkit-user-select: text; | |
| 1767 cursor: auto; | |
| 1768 } | |
| 1769 | |
| 1770 .properties-tree li.parent { | |
| 1771 margin-left: 1px; | |
| 1772 } | |
| 1773 | |
| 1774 .properties-tree li.parent::before { | |
| 1775 content: url(Images/treeRightTriangleBlack.png); | |
| 1776 opacity: 0.75; | |
| 1777 float: left; | |
| 1778 width: 8px; | |
| 1779 height: 8px; | |
| 1780 margin-top: 0; | |
| 1781 padding-right: 3px; | |
| 1782 -webkit-user-select: none; | |
| 1783 cursor: default; | |
| 1784 } | |
| 1785 | |
| 1786 .properties-tree li.parent.expanded::before { | |
| 1787 content: url(Images/treeDownTriangleBlack.png); | |
| 1788 margin-top: 1px; | |
| 1789 } | |
| 1790 | |
| 1791 .properties-tree li .info { | |
| 1792 padding-top: 4px; | |
| 1793 padding-bottom: 3px; | |
| 1794 } | |
| 1795 | |
| 1796 .properties-tree ol { | |
| 1797 display: none; | |
| 1798 margin: 0; | |
| 1799 -webkit-padding-start: 12px; | |
| 1800 list-style: none; | |
| 1801 } | |
| 1802 | |
| 1803 .properties-tree ol.expanded { | |
| 1804 display: block; | |
| 1805 } | |
| 1806 | |
| 1807 .event-listener-breakpoints .event-category { | |
| 1808 font-size: 11px; | |
| 1809 font-weight: bold; | |
| 1810 color: rgb(96, 96, 96); | |
| 1811 padding-top: 2px; | |
| 1812 } | |
| 1813 | |
| 1814 .event-listener-breakpoints.properties-tree .children li { | |
| 1815 margin-left: 12px; | |
| 1816 height: 16px; | |
| 1817 } | |
| 1818 | |
| 1819 .event-listener-breakpoints .checkbox-elem { | |
| 1820 font-size: 10px; | |
| 1821 float: left; | |
| 1822 top: -2px; | |
| 1823 position: relative; | |
| 1824 left: -1px; | |
| 1825 } | |
| 1826 | |
| 1827 .section .event-bars { | |
| 1828 display: none; | |
| 1829 } | |
| 1830 | |
| 1831 .section.expanded .event-bars { | |
| 1832 display: block; | |
| 1833 } | |
| 1834 | |
| 1835 .event-bar { | |
| 1836 position: relative; | |
| 1837 margin-left: 10px; | |
| 1838 } | |
| 1839 | |
| 1840 .event-bars .event-bar .header { | |
| 1841 padding: 0 8px 0 18px; | |
| 1842 min-height: 16px; | |
| 1843 opacity: 1.0; | |
| 1844 white-space: nowrap; | |
| 1845 -webkit-background-origin: padding; | |
| 1846 -webkit-background-clip: padding; | |
| 1847 } | |
| 1848 | |
| 1849 .event-bars .event-bar .header .title { | |
| 1850 font-weight: normal; | |
| 1851 color: black; | |
| 1852 text-shadow: white 0 1px 0; | |
| 1853 } | |
| 1854 | |
| 1855 .event-bars .event-bar .header .subtitle { | |
| 1856 color: rgba(90, 90, 90, 0.75); | |
| 1857 } | |
| 1858 | |
| 1859 .event-bars .event-bar .header::before { | |
| 1860 position: absolute; | |
| 1861 top: 2px; | |
| 1862 left: 7px; | |
| 1863 width: 8px; | |
| 1864 height: 8px; | |
| 1865 opacity: 0.75; | |
| 1866 content: url(Images/treeRightTriangleBlack.png); | |
| 1867 } | |
| 1868 | |
| 1869 .event-bars .event-bar.expanded .header::before { | |
| 1870 content: url(Images/treeDownTriangleBlack.png); | |
| 1871 } | |
| 1872 | |
| 1873 .editing { | |
| 1874 -webkit-user-select: text; | |
| 1875 -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px; | |
| 1876 outline: 1px solid rgb(66%, 66%, 66%) !important; | |
| 1877 background-color: white; | |
| 1878 -webkit-user-modify: read-write-plaintext-only; | |
| 1879 text-overflow: clip !important; | |
| 1880 padding-left: 2px; | |
| 1881 margin-left: -2px; | |
| 1882 padding-right: 2px; | |
| 1883 margin-right: -2px; | |
| 1884 margin-bottom: -1px; | |
| 1885 padding-bottom: 1px; | |
| 1886 opacity: 1.0 !important; | |
| 1887 } | |
| 1888 | |
| 1889 .editing, .editing * { | |
| 1890 color: black !important; | |
| 1891 text-decoration: none !important; | |
| 1892 } | |
| 1893 | |
| 1894 .child-editing { | |
| 1895 color: black !important; | |
| 1896 text-decoration: none !important; | |
| 1897 overflow: visible !important; | |
| 1898 } | |
| 1899 | |
| 1900 .editing br { | |
| 1901 display: none; | |
| 1902 } | |
| 1903 | |
| 1904 .elements-tree-editor { | |
| 1905 -webkit-user-select: text; | |
| 1906 -webkit-user-modify: read-write-plaintext-only; | |
| 1907 } | |
| 1908 | |
| 1909 .section .properties li.editing { | |
| 1910 margin-left: 10px; | |
| 1911 text-overflow: clip; | |
| 1912 } | |
| 1913 | |
| 1914 li.editing .swatch, li.editing .enabled-button, li.editing-sub-part .delete-but
ton { | |
| 1915 display: none !important; | |
| 1916 } | |
| 1917 | |
| 1918 .watch-expressions > li.editing-sub-part .name { | |
| 1919 display: block; | |
| 1920 width: 100%; | |
| 1921 } | |
| 1922 | |
| 1923 .watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing
-sub-part .separator { | |
| 1924 display: none; | |
| 1925 } | |
| 1926 | |
| 1927 .watch-expressions-error-level { | |
| 1928 color: red; | |
| 1929 } | |
| 1930 | |
| 1931 .section .properties li.editing-sub-part { | |
| 1932 padding: 3px 6px 8px 18px; | |
| 1933 margin: -3px -6px -8px -6px; | |
| 1934 text-overflow: clip; | |
| 1935 } | |
| 1936 | |
| 1937 /* FIXME: need a better icon (comment in bug 27514) */ | |
| 1938 .section .properties .delete-button { | |
| 1939 width: 10px; | |
| 1940 height: 10px; | |
| 1941 background-image: url(Images/errorIcon.png); | |
| 1942 background-position: 0 0; | |
| 1943 background-color: transparent; | |
| 1944 background-repeat: no-repeat; | |
| 1945 border: 0 none transparent; | |
| 1946 } | |
| 1947 | |
| 1948 .section .properties .name, .event-properties .name { | |
| 1949 color: rgb(136, 19, 145); | |
| 1950 } | |
| 1951 | |
| 1952 .section .properties .value.dimmed { | |
| 1953 color: rgb(100, 100, 100); | |
| 1954 } | |
| 1955 | |
| 1956 .section .properties .value.error { | |
| 1957 color: red; | |
| 1958 } | |
| 1959 | |
| 1960 .section .properties .number, .event-properties .number { | |
| 1961 color: blue; | |
| 1962 } | |
| 1963 | |
| 1964 .section .properties .keyword, .event-properties .keyword { | |
| 1965 color: rgb(136, 19, 79); | |
| 1966 } | |
| 1967 | |
| 1968 .section .properties .color, .event-properties .color { | |
| 1969 color: rgb(118, 15, 21); | |
| 1970 } | |
| 1971 | |
| 1972 .swatch { | |
| 1973 display: inline-block; | |
| 1974 vertical-align: baseline; | |
| 1975 margin-left: 1px; | |
| 1976 margin-right: 2px; | |
| 1977 margin-bottom: -1px; | |
| 1978 width: 1em; | |
| 1979 height: 1em; | |
| 1980 border: 1px solid rgba(128, 128, 128, 0.6); | |
| 1981 } | |
| 1982 | |
| 1983 .swatch:hover { | |
| 1984 border: 1px solid rgba(64, 64, 64, 0.8); | |
| 1985 } | |
| 1986 | |
| 1987 .pane:not(.expanded) + .pane, .pane:first-of-type { | |
| 1988 margin-top: -1px; | |
| 1989 } | |
| 1990 | |
| 1991 .pane > .title { | |
| 1992 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
43, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230,
230, 230)), to(rgb(209, 209, 209))); | |
| 1993 height: 20px; | |
| 1994 padding: 0 5px; | |
| 1995 border-top: 1px solid rgb(189, 189, 189); | |
| 1996 border-bottom: 1px solid rgb(189, 189, 189); | |
| 1997 font-weight: bold; | |
| 1998 font-size: 12px; | |
| 1999 line-height: 18px; | |
| 2000 color: rgb(110, 110, 110); | |
| 2001 text-shadow: white 0 1px 0; | |
| 2002 -webkit-background-origin: padding; | |
| 2003 -webkit-background-clip: padding; | |
| 2004 } | |
| 2005 | |
| 2006 .pane > .title:active { | |
| 2007 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
31, 231, 231)), color-stop(0.05, rgb(231, 231, 231)), color-stop(0.05, rgb(207,
207, 207)), to(rgb(186, 186, 186))); | |
| 2008 border-top: 1px solid rgb(178, 178, 178); | |
| 2009 border-bottom: 1px solid rgb(178, 178, 178); | |
| 2010 } | |
| 2011 | |
| 2012 .pane > .title::before { | |
| 2013 content: url(Images/disclosureTriangleSmallRightBlack.png); | |
| 2014 float: left; | |
| 2015 width: 11px; | |
| 2016 height: 12px; | |
| 2017 margin-right: 2px; | |
| 2018 margin-top: 1px; | |
| 2019 } | |
| 2020 | |
| 2021 .pane.expanded > .title::before { | |
| 2022 content: url(Images/disclosureTriangleSmallDownBlack.png); | |
| 2023 } | |
| 2024 | |
| 2025 .pane > .title > select { | |
| 2026 float: right; | |
| 2027 width: 23px; | |
| 2028 height: 17px; | |
| 2029 color: transparent; | |
| 2030 background-color: transparent; | |
| 2031 border: none; | |
| 2032 background-image: url(Images/paneSettingsButtons.png); | |
| 2033 background-repeat: no-repeat; | |
| 2034 margin: 1px 0 0 0; | |
| 2035 padding: 0; | |
| 2036 -webkit-border-radius: 0; | |
| 2037 -webkit-appearance: none; | |
| 2038 } | |
| 2039 | |
| 2040 .pane > .title > select:hover { | |
| 2041 background-position: -23px 0px; | |
| 2042 } | |
| 2043 | |
| 2044 .pane > .title > select:active { | |
| 2045 background-position: -46px 0px; | |
| 2046 } | |
| 2047 | |
| 2048 .pane > .title > select > option, .pane > .title > select > hr { | |
| 2049 color: black; | |
| 2050 } | |
| 2051 | |
| 2052 .pane > .title > button.add { | |
| 2053 float: right; | |
| 2054 width: 23px; | |
| 2055 height: 17px; | |
| 2056 color: transparent; | |
| 2057 background-color: transparent; | |
| 2058 border: none; | |
| 2059 background-image: url(Images/paneAddButtons.png); | |
| 2060 background-repeat: no-repeat; | |
| 2061 margin: 1px 0 0 0; | |
| 2062 padding: 0; | |
| 2063 -webkit-border-radius: 0; | |
| 2064 -webkit-appearance: none; | |
| 2065 } | |
| 2066 | |
| 2067 .pane > .title > button.add:hover { | |
| 2068 background-position: -23px 0px; | |
| 2069 } | |
| 2070 | |
| 2071 .pane > .title > button.add:active { | |
| 2072 background-position: -46px 0px; | |
| 2073 } | |
| 2074 | |
| 2075 .pane > .body { | |
| 2076 position: relative; | |
| 2077 display: none; | |
| 2078 overflow-y: auto; | |
| 2079 overflow-x: hidden; | |
| 2080 } | |
| 2081 | |
| 2082 .pane > .body .info { | |
| 2083 text-align: center; | |
| 2084 font-style: italic; | |
| 2085 font-size: 10px; | |
| 2086 padding: 6px; | |
| 2087 color: black; | |
| 2088 } | |
| 2089 | |
| 2090 .pane > .body .placard + .info { | |
| 2091 border-top: 1px solid rgb(189, 189, 189); | |
| 2092 background-color: rgb(255, 255, 194); | |
| 2093 } | |
| 2094 | |
| 2095 .pane.expanded > .body, .pane.expanded > .growbar { | |
| 2096 display: block; | |
| 2097 } | |
| 2098 | |
| 2099 .pane > .body .breakpoint-condition { | |
| 2100 display: block; | |
| 2101 margin-top: 4px; | |
| 2102 margin-bottom: 4px; | |
| 2103 margin-left: 25px; | |
| 2104 margin-right: 10px; | |
| 2105 } | |
| 2106 | |
| 2107 .pane.expanded:nth-last-of-type(1) { | |
| 2108 border-bottom: 1px solid rgb(189, 189, 189); | |
| 2109 } | |
| 2110 | |
| 2111 .pane > .growbar { | |
| 2112 display: none; | |
| 2113 background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomG
row.png); | |
| 2114 background-repeat: no-repeat, repeat-x; | |
| 2115 background-position: center center, bottom; | |
| 2116 height: 5px; | |
| 2117 } | |
| 2118 | |
| 2119 .sidebar-pane-subtitle { | |
| 2120 position: absolute; | |
| 2121 right: 0; | |
| 2122 font-weight: normal; | |
| 2123 } | |
| 2124 | |
| 2125 body.platform-windows .sidebar-pane-subtitle { | |
| 2126 padding-top: 1px; | |
| 2127 } | |
| 2128 | |
| 2129 .sidebar-pane-subtitle input, .section .header input[type=checkbox] { | |
| 2130 font-size: inherit; | |
| 2131 hight: 1em; | |
| 2132 width: 1em; | |
| 2133 margin-left: 0; | |
| 2134 margin-top: 0; | |
| 2135 margin-bottom: 0.25em; | |
| 2136 vertical-align: bottom; | |
| 2137 } | |
| 2138 | |
| 2139 .metrics { | |
| 2140 padding: 8px; | |
| 2141 font-size: 10px; | |
| 2142 text-align: center; | |
| 2143 white-space: nowrap; | |
| 2144 } | |
| 2145 | |
| 2146 .metrics .label { | |
| 2147 position: absolute; | |
| 2148 margin-top: -10px; | |
| 2149 font-size: 9px; | |
| 2150 color: grey; | |
| 2151 background-color: white; | |
| 2152 margin-left: 3px; | |
| 2153 padding-left: 2px; | |
| 2154 padding-right: 2px; | |
| 2155 } | |
| 2156 | |
| 2157 .metrics .position { | |
| 2158 border: 1px rgb(66%, 66%, 66%) dotted; | |
| 2159 display: inline-block; | |
| 2160 text-align: center; | |
| 2161 padding: 3px; | |
| 2162 margin: 3px; | |
| 2163 } | |
| 2164 | |
| 2165 .metrics .margin { | |
| 2166 border: 1px dashed; | |
| 2167 display: inline-block; | |
| 2168 text-align: center; | |
| 2169 vertical-align: middle; | |
| 2170 padding: 3px; | |
| 2171 margin: 3px; | |
| 2172 } | |
| 2173 | |
| 2174 .metrics .border { | |
| 2175 border: 1px black solid; | |
| 2176 display: inline-block; | |
| 2177 text-align: center; | |
| 2178 vertical-align: middle; | |
| 2179 padding: 3px; | |
| 2180 margin: 3px; | |
| 2181 } | |
| 2182 | |
| 2183 .metrics .padding { | |
| 2184 border: 1px grey dashed; | |
| 2185 display: inline-block; | |
| 2186 text-align: center; | |
| 2187 vertical-align: middle; | |
| 2188 padding: 3px; | |
| 2189 margin: 3px; | |
| 2190 } | |
| 2191 | |
| 2192 .metrics .content { | |
| 2193 position: static; | |
| 2194 border: 1px grey solid; | |
| 2195 display: inline-block; | |
| 2196 text-align: center; | |
| 2197 vertical-align: middle; | |
| 2198 padding: 3px; | |
| 2199 margin: 3px; | |
| 2200 min-width: 80px; | |
| 2201 text-align: center; | |
| 2202 overflow: visible; | |
| 2203 } | |
| 2204 | |
| 2205 .metrics .content span { | |
| 2206 display: inline-block; | |
| 2207 } | |
| 2208 | |
| 2209 .metrics .editing { | |
| 2210 position: relative; | |
| 2211 z-index: 100; | |
| 2212 } | |
| 2213 | |
| 2214 .metrics .left { | |
| 2215 display: inline-block; | |
| 2216 vertical-align: middle; | |
| 2217 } | |
| 2218 | |
| 2219 .metrics .right { | |
| 2220 display: inline-block; | |
| 2221 vertical-align: middle; | |
| 2222 } | |
| 2223 | |
| 2224 .metrics .top { | |
| 2225 display: inline-block; | |
| 2226 } | |
| 2227 | |
| 2228 .metrics .bottom { | |
| 2229 display: inline-block; | |
| 2230 } | |
| 2231 | |
| 2232 .sidebar { | |
| 2233 position: absolute; | |
| 2234 top: 0; | |
| 2235 bottom: 0; | |
| 2236 left: 0; | |
| 2237 width: 200px; | |
| 2238 overflow-y: auto; | |
| 2239 overflow-x: hidden; | |
| 2240 background-color: rgb(214, 221, 229); | |
| 2241 border-right: 1px solid rgb(64%, 64%, 64%); | |
| 2242 } | |
| 2243 | |
| 2244 body.inactive .sidebar { | |
| 2245 background-color: rgb(232, 232, 232); | |
| 2246 } | |
| 2247 | |
| 2248 .frame-storage-tree-item .icon { | |
| 2249 content: url(Images/frame.png); | |
| 2250 } | |
| 2251 | |
| 2252 .database-storage-tree-item .icon { | |
| 2253 content: url(Images/database.png); | |
| 2254 } | |
| 2255 | |
| 2256 .database-table-storage-tree-item .icon { | |
| 2257 content: url(Images/databaseTable.png); | |
| 2258 } | |
| 2259 | |
| 2260 .domstorage-storage-tree-item.local-storage .icon { | |
| 2261 content: url(Images/localStorage.png); | |
| 2262 } | |
| 2263 | |
| 2264 .domstorage-storage-tree-item.session-storage .icon { | |
| 2265 content: url(Images/sessionStorage.png); | |
| 2266 } | |
| 2267 | |
| 2268 .cookie-storage-tree-item .icon { | |
| 2269 content: url(Images/cookie.png); | |
| 2270 } | |
| 2271 | |
| 2272 .application-cache-storage-tree-item .icon { | |
| 2273 content: url(Images/applicationCache.png); | |
| 2274 } | |
| 2275 | |
| 2276 /* FIXME: Make separate png for file-system */ | |
| 2277 .file-system-storage-tree-item .icon { | |
| 2278 content: url(Images/applicationCache.png); | |
| 2279 } | |
| 2280 | |
| 2281 #storage-views { | |
| 2282 position: absolute; | |
| 2283 top: 0; | |
| 2284 right: 0; | |
| 2285 left: 200px; | |
| 2286 bottom: 0; | |
| 2287 } | |
| 2288 | |
| 2289 .resources.panel .sidebar { | |
| 2290 padding-left: 0; | |
| 2291 z-index: 10; | |
| 2292 } | |
| 2293 | |
| 2294 .resources.panel .sidebar li { | |
| 2295 height: 17px; | |
| 2296 white-space: nowrap; | |
| 2297 text-indent: 0; | |
| 2298 margin-left: -2px; | |
| 2299 } | |
| 2300 | |
| 2301 .resources.panel .sidebar li.parent { | |
| 2302 text-indent: 0; | |
| 2303 margin-left: -12px; | |
| 2304 } | |
| 2305 | |
| 2306 .resources.panel .sidebar li.selected { | |
| 2307 color: white; | |
| 2308 text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0; | |
| 2309 font-weight: bold; | |
| 2310 } | |
| 2311 | |
| 2312 .resources.panel .sidebar li.selected .selection { | |
| 2313 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | |
| 2314 border-top: 1px solid #979797; | |
| 2315 height: 17px; | |
| 2316 } | |
| 2317 | |
| 2318 .resources.panel .sidebar :focus li.selected .selection { | |
| 2319 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(9
2, 147, 213)), to(rgb(21, 83, 170))); | |
| 2320 border-top: 1px solid rgb(68, 128, 200); | |
| 2321 } | |
| 2322 | |
| 2323 body.inactive .resources.panel .sidebar li.selected .selection { | |
| 2324 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
80, 180, 180)), to(rgb(138, 138, 138))); | |
| 2325 border-top: 1px solid rgb(151, 151, 151); | |
| 2326 } | |
| 2327 | |
| 2328 .resources.panel .sidebar .icon { | |
| 2329 width: 16px; | |
| 2330 height: 16px; | |
| 2331 float: left; | |
| 2332 } | |
| 2333 | |
| 2334 .resources.panel .base-storage-tree-element-title { | |
| 2335 overflow: hidden; | |
| 2336 position: relative; | |
| 2337 text-overflow: ellipsis; | |
| 2338 padding-left: 2px; | |
| 2339 top: 1px; | |
| 2340 } | |
| 2341 | |
| 2342 li.selected .base-storage-tree-element-subtitle { | |
| 2343 color: white; | |
| 2344 } | |
| 2345 | |
| 2346 .base-storage-tree-element-subtitle { | |
| 2347 padding-left: 2px; | |
| 2348 color: rgb(80, 80, 80); | |
| 2349 text-shadow: none; | |
| 2350 } | |
| 2351 | |
| 2352 .resources.panel .status { | |
| 2353 float: right; | |
| 2354 height: 16px; | |
| 2355 margin-top: 1px; | |
| 2356 margin-left: 4px; | |
| 2357 line-height: 1em; | |
| 2358 } | |
| 2359 | |
| 2360 .resources.panel li .status .bubble { | |
| 2361 height: 13px; | |
| 2362 padding-top: 0; | |
| 2363 } | |
| 2364 | |
| 2365 .storage-view { | |
| 2366 display: none; | |
| 2367 overflow: hidden; | |
| 2368 position: absolute; | |
| 2369 top: 0; | |
| 2370 left: 0; | |
| 2371 right: 0; | |
| 2372 bottom: 0; | |
| 2373 } | |
| 2374 | |
| 2375 .storage-view.visible { | |
| 2376 display: block; | |
| 2377 } | |
| 2378 | |
| 2379 .storage-view { | |
| 2380 overflow: hidden; | |
| 2381 } | |
| 2382 | |
| 2383 .storage-view .data-grid { | |
| 2384 border: none; | |
| 2385 height: 100%; | |
| 2386 } | |
| 2387 | |
| 2388 .storage-empty-view, .storage-view .storage-table-error { | |
| 2389 position: absolute; | |
| 2390 top: 0; | |
| 2391 bottom: 25%; | |
| 2392 left: 0; | |
| 2393 right: 0; | |
| 2394 font-size: 24px; | |
| 2395 color: rgb(75%, 75%, 75%); | |
| 2396 margin-top: auto; | |
| 2397 margin-bottom: auto; | |
| 2398 height: 50px; | |
| 2399 line-height: 26px; | |
| 2400 text-align: center; | |
| 2401 font-weight: bold; | |
| 2402 padding: 10px; | |
| 2403 white-space: pre-wrap; | |
| 2404 } | |
| 2405 | |
| 2406 .storage-view .storage-table-error { | |
| 2407 color: rgb(66%, 33%, 33%); | |
| 2408 } | |
| 2409 | |
| 2410 .data-grid { | |
| 2411 position: relative; | |
| 2412 border: 1px solid #aaa; | |
| 2413 } | |
| 2414 | |
| 2415 .data-grid .highlight { | |
| 2416 background-color: rgb(255, 230, 179); | |
| 2417 } | |
| 2418 | |
| 2419 .data-grid tr.selected .highlight { | |
| 2420 background-color: transparent; | |
| 2421 } | |
| 2422 | |
| 2423 .data-grid table { | |
| 2424 table-layout: fixed; | |
| 2425 border-spacing: 0; | |
| 2426 border-collapse: collapse; | |
| 2427 width: 100%; | |
| 2428 font-size: 10px; | |
| 2429 font-family: Lucida Grande, sans-serif; | |
| 2430 } | |
| 2431 | |
| 2432 .data-grid .data-container { | |
| 2433 position: absolute; | |
| 2434 top: 16px; | |
| 2435 bottom: 0; | |
| 2436 left: 0; | |
| 2437 right: 0; | |
| 2438 padding-right: 14px; | |
| 2439 overflow-x: hidden; | |
| 2440 overflow-y: overlay; | |
| 2441 } | |
| 2442 | |
| 2443 .data-grid.inline .data-container { | |
| 2444 position: static; | |
| 2445 } | |
| 2446 | |
| 2447 .data-grid th { | |
| 2448 text-align: left; | |
| 2449 background-image: url(Images/glossyHeader.png); | |
| 2450 background-repeat: repeat-x; | |
| 2451 border-right: 1px solid rgb(179, 179, 179); | |
| 2452 border-bottom: 1px solid rgb(179, 179, 179); | |
| 2453 height: 15px; | |
| 2454 font-weight: normal; | |
| 2455 vertical-align: middle; | |
| 2456 padding: 0 4px; | |
| 2457 white-space: nowrap; | |
| 2458 } | |
| 2459 | |
| 2460 .data-grid th.corner { | |
| 2461 width: 15px; | |
| 2462 border-right: 0 none transparent; | |
| 2463 } | |
| 2464 | |
| 2465 .data-grid tr.filler { | |
| 2466 display: table-row !important; | |
| 2467 height: auto !important; | |
| 2468 } | |
| 2469 | |
| 2470 .data-grid tr.filler td { | |
| 2471 height: auto !important; | |
| 2472 padding: 0 !important; | |
| 2473 } | |
| 2474 | |
| 2475 .data-grid table.data { | |
| 2476 position: absolute; | |
| 2477 left: 0; | |
| 2478 top: 0; | |
| 2479 right: 16px; | |
| 2480 bottom: 0; | |
| 2481 height: 100%; | |
| 2482 border-top: 0 none transparent; | |
| 2483 background-image: -webkit-gradient(linear, left top, left bottom, from(white
), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243,
255))); | |
| 2484 -webkit-background-size: 1px 32px; | |
| 2485 } | |
| 2486 | |
| 2487 .data-grid.inline table.data { | |
| 2488 position: static; | |
| 2489 } | |
| 2490 | |
| 2491 .data-grid table.data tr { | |
| 2492 display: none; | |
| 2493 } | |
| 2494 | |
| 2495 .data-grid table.data tr.revealed { | |
| 2496 display: table-row; | |
| 2497 } | |
| 2498 | |
| 2499 .data-grid td { | |
| 2500 vertical-align: top; | |
| 2501 height: 12px; | |
| 2502 line-height: 12px; | |
| 2503 padding: 2px 4px; | |
| 2504 white-space: nowrap; | |
| 2505 border-right: 1px solid #aaa; | |
| 2506 -webkit-user-select: text; | |
| 2507 } | |
| 2508 | |
| 2509 .data-grid td > div, .data-grid th > div { | |
| 2510 white-space: nowrap; | |
| 2511 text-overflow: ellipsis; | |
| 2512 overflow: hidden; | |
| 2513 } | |
| 2514 | |
| 2515 .data-grid .centered div { | |
| 2516 text-align: center; | |
| 2517 } | |
| 2518 | |
| 2519 .data-grid .right div { | |
| 2520 text-align: right; | |
| 2521 } | |
| 2522 | |
| 2523 .data-grid th.sortable div { | |
| 2524 position: relative; | |
| 2525 } | |
| 2526 | |
| 2527 .data-grid th.sortable:active { | |
| 2528 background-image: url(Images/glossyHeaderPressed.png); | |
| 2529 } | |
| 2530 | |
| 2531 .data-grid th.sort-ascending, .data-grid th.sort-descending { | |
| 2532 border-right: 1px solid rgb(107, 140, 196); | |
| 2533 border-bottom: 1px solid rgb(107, 140, 196); | |
| 2534 background-image: url(Images/glossyHeaderSelected.png); | |
| 2535 background-repeat: repeat-x; | |
| 2536 } | |
| 2537 | |
| 2538 .data-grid th.sortable.sort-ascending:active, .data-grid th.sortable.sort-descen
ding:active { | |
| 2539 background-image: url(Images/glossyHeaderSelectedPressed.png); | |
| 2540 } | |
| 2541 | |
| 2542 .data-grid th.sort-ascending > div::after { | |
| 2543 position: absolute; | |
| 2544 top: 0; | |
| 2545 bottom: 0; | |
| 2546 right: 0; | |
| 2547 height: 12px; | |
| 2548 margin-bottom: auto; | |
| 2549 margin-top: auto; | |
| 2550 width: 8px; | |
| 2551 content: url(Images/treeUpTriangleBlack.png); | |
| 2552 } | |
| 2553 | |
| 2554 .data-grid th.sort-descending > div::after { | |
| 2555 position: absolute; | |
| 2556 top: 0; | |
| 2557 bottom: 0; | |
| 2558 right: 0; | |
| 2559 height: 8px; | |
| 2560 margin-bottom: auto; | |
| 2561 margin-top: auto; | |
| 2562 width: 8px; | |
| 2563 content: url(Images/treeDownTriangleBlack.png); | |
| 2564 } | |
| 2565 | |
| 2566 body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-des
cending { | |
| 2567 background-image: url(Images/glossyHeader.png); | |
| 2568 border-right: 1px solid rgb(179, 179, 179); | |
| 2569 border-bottom: 1px solid rgb(179, 179, 179); | |
| 2570 } | |
| 2571 | |
| 2572 .data-grid tr.parent td.disclosure::before { | |
| 2573 float: left; | |
| 2574 content: url(Images/treeRightTriangleBlack.png); | |
| 2575 width: 8px; | |
| 2576 height: 8px; | |
| 2577 margin-right: 2px; | |
| 2578 -webkit-user-select: none; | |
| 2579 } | |
| 2580 | |
| 2581 .data-grid tr.expanded td.disclosure::before { | |
| 2582 content: url(Images/treeDownTriangleBlack.png); | |
| 2583 width: 8px; | |
| 2584 height: 8px; | |
| 2585 margin-top: 1px; | |
| 2586 } | |
| 2587 | |
| 2588 .data-grid tr.selected { | |
| 2589 background-color: rgb(212, 212, 212); | |
| 2590 color: inherit; | |
| 2591 } | |
| 2592 | |
| 2593 .data-grid:focus tr.selected { | |
| 2594 background-color: rgb(56, 121, 217); | |
| 2595 color: white; | |
| 2596 } | |
| 2597 | |
| 2598 .data-grid:focus tr.parent.selected td.disclosure::before { | |
| 2599 content: url(Images/treeRightTriangleWhite.png); | |
| 2600 } | |
| 2601 | |
| 2602 .data-grid:focus tr.expanded.selected td.disclosure::before { | |
| 2603 content: url(Images/treeDownTriangleWhite.png); | |
| 2604 } | |
| 2605 | |
| 2606 .data-grid tr:not(.parent) td.disclosure { | |
| 2607 text-indent: 10px; | |
| 2608 } | |
| 2609 | |
| 2610 .data-grid-resizer { | |
| 2611 position: absolute; | |
| 2612 top: 0; | |
| 2613 bottom: 0; | |
| 2614 width: 5px; | |
| 2615 z-index: 500; | |
| 2616 cursor: col-resize; | |
| 2617 } | |
| 2618 | |
| 2619 .storage-view.query { | |
| 2620 padding: 2px 0; | |
| 2621 overflow-y: overlay; | |
| 2622 overflow-x: hidden; | |
| 2623 -webkit-text-size-adjust: auto; | |
| 2624 } | |
| 2625 | |
| 2626 .database-query-prompt { | |
| 2627 position: relative; | |
| 2628 padding: 1px 22px 1px 24px; | |
| 2629 min-height: 16px; | |
| 2630 white-space: pre-wrap; | |
| 2631 -webkit-user-modify: read-write-plaintext-only; | |
| 2632 -webkit-user-select: text; | |
| 2633 } | |
| 2634 | |
| 2635 .database-user-query::before, .database-query-prompt::before, .database-query-re
sult::before { | |
| 2636 position: absolute; | |
| 2637 display: block; | |
| 2638 content: ""; | |
| 2639 left: 7px; | |
| 2640 top: 0.8em; | |
| 2641 width: 10px; | |
| 2642 height: 10px; | |
| 2643 margin-top: -5px; | |
| 2644 -webkit-user-select: none; | |
| 2645 } | |
| 2646 | |
| 2647 .database-query-prompt::before { | |
| 2648 background-image: url(Images/userInputIcon.png); | |
| 2649 } | |
| 2650 | |
| 2651 .database-user-query { | |
| 2652 position: relative; | |
| 2653 border-bottom: 1px solid rgb(245, 245, 245); | |
| 2654 padding: 1px 22px 1px 24px; | |
| 2655 min-height: 16px; | |
| 2656 } | |
| 2657 | |
| 2658 .database-user-query::before { | |
| 2659 background-image: url(Images/userInputPreviousIcon.png); | |
| 2660 } | |
| 2661 | |
| 2662 .database-query-text { | |
| 2663 color: rgb(0, 128, 255); | |
| 2664 -webkit-user-select: text; | |
| 2665 } | |
| 2666 | |
| 2667 .database-query-result { | |
| 2668 position: relative; | |
| 2669 padding: 1px 22px 1px 24px; | |
| 2670 min-height: 16px; | |
| 2671 margin-left: -24px; | |
| 2672 padding-right: 0; | |
| 2673 } | |
| 2674 | |
| 2675 .database-query-result.error { | |
| 2676 color: red; | |
| 2677 -webkit-user-select: text; | |
| 2678 } | |
| 2679 | |
| 2680 .database-query-result.error::before { | |
| 2681 background-image: url(Images/errorIcon.png); | |
| 2682 } | |
| 2683 | |
| 2684 .panel-enabler-view { | |
| 2685 z-index: 1000; | |
| 2686 position: absolute; | |
| 2687 top: 0; | |
| 2688 left: 0; | |
| 2689 right: 0; | |
| 2690 bottom: 0; | |
| 2691 background-color: white; | |
| 2692 font-size: 13px; | |
| 2693 text-align: center; | |
| 2694 overflow-x: hidden; | |
| 2695 overflow-y: overlay; | |
| 2696 display: none; | |
| 2697 } | |
| 2698 | |
| 2699 .panel-enabler-view.visible { | |
| 2700 display: block; | |
| 2701 } | |
| 2702 | |
| 2703 .panel-enabler-view .panel-enabler-view-content { | |
| 2704 position: absolute; | |
| 2705 top: 0; | |
| 2706 left: 0; | |
| 2707 right: 0; | |
| 2708 bottom: 0; | |
| 2709 max-height: 390px; | |
| 2710 margin: auto; | |
| 2711 white-space: nowrap; | |
| 2712 } | |
| 2713 | |
| 2714 .panel-enabler-view h1 { | |
| 2715 color: rgb(110, 116, 128); | |
| 2716 font-size: 16px; | |
| 2717 line-height: 20px; | |
| 2718 font-weight: normal; | |
| 2719 margin-top: 0; | |
| 2720 } | |
| 2721 | |
| 2722 .panel-enabler-disclaimer { | |
| 2723 font-size: 10px; | |
| 2724 color: rgb(110, 116, 128); | |
| 2725 margin-bottom: 12px; | |
| 2726 margin-left: 20px; | |
| 2727 } | |
| 2728 | |
| 2729 .panel-enabler-disclaimer:empty { | |
| 2730 display: none; | |
| 2731 } | |
| 2732 | |
| 2733 .panel-enabler-view img, div.welcome-instructions-aligner { | |
| 2734 height: 100%; | |
| 2735 min-height: 200px; | |
| 2736 max-width: 100%; | |
| 2737 top: 0; | |
| 2738 bottom: 0; | |
| 2739 padding: 20px 0 20px 20px; | |
| 2740 margin: auto; | |
| 2741 vertical-align: middle; | |
| 2742 } | |
| 2743 | |
| 2744 .panel-enabler-view img.hidden { | |
| 2745 display: initial !important; | |
| 2746 width: 0; | |
| 2747 } | |
| 2748 | |
| 2749 .panel-enabler-view form { | |
| 2750 display: inline-block; | |
| 2751 vertical-align: middle; | |
| 2752 width: 330px; | |
| 2753 margin: 0; | |
| 2754 padding: 15px; | |
| 2755 white-space: normal; | |
| 2756 } | |
| 2757 | |
| 2758 .panel-enabler-view label { | |
| 2759 position: relative; | |
| 2760 display: block; | |
| 2761 text-align: left; | |
| 2762 word-break: break-word; | |
| 2763 margin: 0 0 5px 20px; | |
| 2764 } | |
| 2765 | |
| 2766 .panel-enabler-view button:not(.status-bar-item), .pane button, button.show-all-
nodes { | |
| 2767 color: rgb(6, 6, 6); | |
| 2768 background-color: transparent; | |
| 2769 border: 1px solid rgb(165, 165, 165); | |
| 2770 background-color: rgb(237, 237, 237); | |
| 2771 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
| 2772 -webkit-border-radius: 12px; | |
| 2773 -webkit-appearance: none; | |
| 2774 } | |
| 2775 | |
| 2776 .panel-enabler-view button:not(.status-bar-item) { | |
| 2777 font-size: 13px; | |
| 2778 margin: 6px 0 0 0; | |
| 2779 padding: 3px 20px; | |
| 2780 height: 24px; | |
| 2781 } | |
| 2782 | |
| 2783 button.show-all-nodes { | |
| 2784 font-size: 13px; | |
| 2785 margin: 0; | |
| 2786 padding: 0 20px; | |
| 2787 height: 20px; | |
| 2788 } | |
| 2789 | |
| 2790 .panel-enabler-view.welcome { | |
| 2791 z-index: auto; | |
| 2792 } | |
| 2793 | |
| 2794 .panel-enabler-view.welcome div.welcome-instructions-aligner { | |
| 2795 display: inline-block; | |
| 2796 width: 0; | |
| 2797 } | |
| 2798 | |
| 2799 .panel-enabler-view.welcome .instructions { | |
| 2800 display: inline-block; | |
| 2801 vertical-align: middle; | |
| 2802 margin: 0; | |
| 2803 white-space: normal; | |
| 2804 line-height: 175%; | |
| 2805 } | |
| 2806 | |
| 2807 .panel-enabler-view.welcome .message { | |
| 2808 margin-bottom: 2ex; | |
| 2809 } | |
| 2810 | |
| 2811 .panel-enabler-view.welcome button.status-bar-item { | |
| 2812 background-image: none; | |
| 2813 vertical-align: top; | |
| 2814 } | |
| 2815 | |
| 2816 .pane button { | |
| 2817 margin: 6px 0 6px 3px; | |
| 2818 padding: 2px 9px; | |
| 2819 } | |
| 2820 | |
| 2821 .panel-enabler-view button:active:not(.status-bar-item), .pane button:active, bu
tton.show-all-nodes:active { | |
| 2822 background-color: rgb(215, 215, 215); | |
| 2823 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
| 2824 } | |
| 2825 | |
| 2826 body.inactive .panel-enabler-view button:not(.status-bar-item), .panel-enabler-v
iew button:disabled:not(.status-bar-item), body.inactive .pane button, .pane but
ton:disabled, body.inactive button.show-all-nodes { | |
| 2827 color: rgb(130, 130, 130); | |
| 2828 border-color: rgb(212, 212, 212); | |
| 2829 background-color: rgb(239, 239, 239); | |
| 2830 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
50, 250, 250)), to(rgb(235, 235, 235))); | |
| 2831 } | |
| 2832 | |
| 2833 .panel-enabler-view input { | |
| 2834 height: 17px; | |
| 2835 width: 17px; | |
| 2836 border: 1px solid rgb(165, 165, 165); | |
| 2837 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
| 2838 -webkit-border-radius: 8px; | |
| 2839 -webkit-appearance: none; | |
| 2840 vertical-align: middle; | |
| 2841 margin: 0 5px 5px 0; | |
| 2842 } | |
| 2843 | |
| 2844 .panel-enabler-view input:active { | |
| 2845 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
| 2846 } | |
| 2847 | |
| 2848 .panel-enabler-view input:checked { | |
| 2849 background: url(Images/radioDot.png) center no-repeat, | |
| 2850 -webkit-gradient(linear, left top, left bottom, from(rgb(252, 25
2, 252)), to(rgb(223, 223, 223))); | |
| 2851 } | |
| 2852 | |
| 2853 .panel-enabler-view.scripts img { | |
| 2854 content: url(Images/scriptsSilhouette.png); | |
| 2855 } | |
| 2856 | |
| 2857 .panel-enabler-view.profiles img { | |
| 2858 content: url(Images/profilesSilhouette.png); | |
| 2859 } | |
| 2860 | |
| 2861 button.enable-toggle-status-bar-item .glyph { | |
| 2862 -webkit-mask-image: url(Images/enableOutlineButtonGlyph.png); | |
| 2863 } | |
| 2864 | |
| 2865 button.enable-toggle-status-bar-item.toggled-on .glyph { | |
| 2866 -webkit-mask-image: url(Images/enableSolidButtonGlyph.png); | |
| 2867 } | |
| 2868 | |
| 2869 .scripts-pause-on-exceptions-status-bar-item .glyph { | |
| 2870 -webkit-mask-image: url(Images/pauseOnExceptionButtonGlyph.png); | |
| 2871 } | |
| 2872 | |
| 2873 #scripts-status-bar { | |
| 2874 position: absolute; | |
| 2875 top: -1px; | |
| 2876 left: 0; | |
| 2877 right: 0; | |
| 2878 height: 24px; | |
| 2879 } | |
| 2880 | |
| 2881 #scripts-files { | |
| 2882 max-width: 250px; | |
| 2883 } | |
| 2884 | |
| 2885 #scripts-files option.extension-script { | |
| 2886 color: rgb(70, 134, 240); | |
| 2887 } | |
| 2888 | |
| 2889 #scripts-functions { | |
| 2890 max-width: 150px; | |
| 2891 } | |
| 2892 | |
| 2893 #scripts-status-bar .status-bar-item img { | |
| 2894 margin-top: 2px; | |
| 2895 } | |
| 2896 | |
| 2897 #scripts-back img { | |
| 2898 content: url(Images/back.png); | |
| 2899 } | |
| 2900 | |
| 2901 #scripts-forward img { | |
| 2902 content: url(Images/forward.png); | |
| 2903 } | |
| 2904 | |
| 2905 #scripts-pause img { | |
| 2906 content: url(Images/debuggerPause.png); | |
| 2907 } | |
| 2908 | |
| 2909 #scripts-pause.paused img { | |
| 2910 content: url(Images/debuggerContinue.png); | |
| 2911 } | |
| 2912 | |
| 2913 #scripts-step-over img { | |
| 2914 content: url(Images/debuggerStepOver.png); | |
| 2915 } | |
| 2916 | |
| 2917 #scripts-step-into img { | |
| 2918 content: url(Images/debuggerStepInto.png); | |
| 2919 } | |
| 2920 | |
| 2921 #scripts-step-out img { | |
| 2922 content: url(Images/debuggerStepOut.png); | |
| 2923 } | |
| 2924 | |
| 2925 .toggle-breakpoints .glyph { | |
| 2926 -webkit-mask-image: url(Images/breakpointsActivateButtonGlyph.png); | |
| 2927 background-color: rgb(96, 96, 96) !important; | |
| 2928 } | |
| 2929 | |
| 2930 .toggle-breakpoints.toggled-on .glyph { | |
| 2931 -webkit-mask-image: url(Images/breakpointsDeactivateButtonGlyph.png); | |
| 2932 } | |
| 2933 | |
| 2934 #scripts-debugger-status { | |
| 2935 position: absolute; | |
| 2936 line-height: 24px; | |
| 2937 top: 0; | |
| 2938 right: 8px; | |
| 2939 } | |
| 2940 | |
| 2941 #scripts-sidebar-resizer-widget { | |
| 2942 position: absolute; | |
| 2943 top: 0; | |
| 2944 bottom: 0; | |
| 2945 right: 225px; | |
| 2946 width: 16px; | |
| 2947 cursor: col-resize; | |
| 2948 background-image: url(Images/statusbarResizerHorizontal.png); | |
| 2949 background-repeat: no-repeat; | |
| 2950 background-position: center; | |
| 2951 } | |
| 2952 | |
| 2953 #scripts-sidebar-buttons { | |
| 2954 position: absolute; | |
| 2955 right: 0; | |
| 2956 top: 0; | |
| 2957 bottom: 0; | |
| 2958 width: 225px; | |
| 2959 overflow: hidden; | |
| 2960 border-left: 1px solid rgb(64%, 64%, 64%); | |
| 2961 } | |
| 2962 | |
| 2963 #script-resource-views { | |
| 2964 display: block; | |
| 2965 padding: 0; | |
| 2966 position: absolute; | |
| 2967 top: 23px; | |
| 2968 left: 0; | |
| 2969 right: 225px; | |
| 2970 bottom: 0; | |
| 2971 } | |
| 2972 | |
| 2973 .script-view { | |
| 2974 display: none; | |
| 2975 overflow: hidden; | |
| 2976 position: absolute; | |
| 2977 top: 0; | |
| 2978 left: 0; | |
| 2979 right: 0; | |
| 2980 bottom: 0; | |
| 2981 } | |
| 2982 | |
| 2983 .script-view.visible { | |
| 2984 display: block; | |
| 2985 } | |
| 2986 | |
| 2987 #scripts-sidebar { | |
| 2988 position: absolute; | |
| 2989 top: 23px; | |
| 2990 right: 0; | |
| 2991 bottom: 0; | |
| 2992 width: 225px; | |
| 2993 border-left: 1px solid rgb(64%, 64%, 64%); | |
| 2994 cursor: default; | |
| 2995 overflow: auto; | |
| 2996 } | |
| 2997 | |
| 2998 .resources-larger-resources-status-bar-item .glyph { | |
| 2999 -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); | |
| 3000 } | |
| 3001 | |
| 3002 #resources-filter, #console-filter.console-filter-top { | |
| 3003 background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 23
6, 236)), to(rgb(217, 217, 217))); | |
| 3004 border-bottom: 1px solid rgb(64%, 64%, 64%); | |
| 3005 width: 100%; | |
| 3006 } | |
| 3007 | |
| 3008 #console-messages.console-filter-top { | |
| 3009 margin-top: 23px; | |
| 3010 } | |
| 3011 | |
| 3012 #console-filter { | |
| 3013 margin-top: 1px; | |
| 3014 } | |
| 3015 | |
| 3016 .tabbed-pane { | |
| 3017 -webkit-box-orient: vertical; | |
| 3018 height: 100%; | |
| 3019 } | |
| 3020 | |
| 3021 .tabbed-pane-content { | |
| 3022 -webkit-box-flex: 1; | |
| 3023 position: relative; | |
| 3024 } | |
| 3025 | |
| 3026 .tabbed-pane-header { | |
| 3027 height: 23px; | |
| 3028 padding: 0 10px; | |
| 3029 border-bottom: 1px solid rgb(163, 163, 163); | |
| 3030 } | |
| 3031 | |
| 3032 .tabbed-pane-header li { | |
| 3033 display: inline-block; | |
| 3034 margin-top: 2px; | |
| 3035 font-size: 11px; | |
| 3036 font-weight: bold; | |
| 3037 color: rgb(46, 46, 46); | |
| 3038 background: transparent; | |
| 3039 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
| 3040 vertical-align: middle; | |
| 3041 padding: 3px 7px 2px; | |
| 3042 height: 21px; | |
| 3043 border: 1px solid transparent; | |
| 3044 border-bottom: none; | |
| 3045 } | |
| 3046 | |
| 3047 .tabbed-pane-header li.selected { | |
| 3048 background-color: white; | |
| 3049 border: 1px solid rgb(163, 163, 163); | |
| 3050 border-bottom: none; | |
| 3051 } | |
| 3052 | |
| 3053 .scope-bar { | |
| 3054 height: 23px; | |
| 3055 padding: 2px 10px 0; | |
| 3056 overflow: hidden; | |
| 3057 } | |
| 3058 | |
| 3059 .scope-bar li { | |
| 3060 display: inline-block; | |
| 3061 margin: 1px 2px 0 0; | |
| 3062 padding: 1px 7px 3px; | |
| 3063 font-size: 11px; | |
| 3064 line-height: 12px; | |
| 3065 font-weight: bold; | |
| 3066 color: rgb(46, 46, 46); | |
| 3067 background: transparent; | |
| 3068 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
| 3069 -webkit-border-radius: 8px; | |
| 3070 vertical-align: middle; | |
| 3071 } | |
| 3072 | |
| 3073 .scope-bar-divider { | |
| 3074 margin: 1px 9px 0 8px; | |
| 3075 background-color: rgba(0, 0, 0, 0.4); | |
| 3076 height: 16px; | |
| 3077 width: 1px; | |
| 3078 vertical-align: middle; | |
| 3079 display: inline-block; | |
| 3080 } | |
| 3081 | |
| 3082 .scope-bar li.selected, .scope-bar li:hover, .scope-bar li:active { | |
| 3083 color: white; | |
| 3084 text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0; | |
| 3085 } | |
| 3086 | |
| 3087 .scope-bar li:hover { | |
| 3088 background: rgba(0, 0, 0, 0.2); | |
| 3089 } | |
| 3090 | |
| 3091 .scope-bar li.selected { | |
| 3092 background: rgba(0, 0, 0, 0.3); | |
| 3093 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255,
255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5); | |
| 3094 } | |
| 3095 | |
| 3096 .scope-bar li:active { | |
| 3097 background: rgba(0, 0, 0, 0.5); | |
| 3098 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255,
255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5); | |
| 3099 } | |
| 3100 | |
| 3101 #resources-container { | |
| 3102 position: absolute; | |
| 3103 top: 23px; | |
| 3104 left: 0; | |
| 3105 bottom: 0; | |
| 3106 right: 0; | |
| 3107 border-right: 0 none transparent; | |
| 3108 overflow-y: auto; | |
| 3109 overflow-x: hidden; | |
| 3110 } | |
| 3111 | |
| 3112 #resources-container.viewing-resource { | |
| 3113 right: auto; | |
| 3114 width: 200px; | |
| 3115 border-right: 1px solid rgb(64%, 64%, 64%); | |
| 3116 } | |
| 3117 | |
| 3118 #resources-container.viewing-resource #resources-sidebar { | |
| 3119 width: 100%; | |
| 3120 border-right: 0 none transparent; | |
| 3121 } | |
| 3122 | |
| 3123 #resources-sidebar { | |
| 3124 min-height: 100%; | |
| 3125 bottom: auto; | |
| 3126 overflow: visible; | |
| 3127 } | |
| 3128 | |
| 3129 #resources-container-content { | |
| 3130 position: absolute; | |
| 3131 top: 0; | |
| 3132 right: 0; | |
| 3133 left: 200px; | |
| 3134 min-height: 100%; | |
| 3135 } | |
| 3136 | |
| 3137 #resources-container.viewing-resource #resources-container-content { | |
| 3138 display: none; | |
| 3139 } | |
| 3140 | |
| 3141 #resources-summary { | |
| 3142 position: absolute; | |
| 3143 padding-top: 20px; | |
| 3144 top: 0; | |
| 3145 left: 0; | |
| 3146 right: 0; | |
| 3147 height: 93px; | |
| 3148 margin-left: -1px; | |
| 3149 border-left: 1px solid rgb(102, 102, 102); | |
| 3150 background-color: rgb(101, 111, 130); | |
| 3151 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); | |
| 3152 background-repeat: repeat-x; | |
| 3153 background-position: bottom; | |
| 3154 text-align: center; | |
| 3155 text-shadow: black 0 1px 1px; | |
| 3156 white-space: nowrap; | |
| 3157 color: white; | |
| 3158 -webkit-background-size: 1px 6px; | |
| 3159 -webkit-background-origin: padding; | |
| 3160 -webkit-background-clip: padding; | |
| 3161 z-index: 400; | |
| 3162 } | |
| 3163 | |
| 3164 .summary-graph-legend { | |
| 3165 margin-top: -10px; | |
| 3166 padding-left: 15px; | |
| 3167 } | |
| 3168 | |
| 3169 .summary-graph-legend-item { | |
| 3170 display: inline-block; | |
| 3171 font-weight: bold; | |
| 3172 margin-right: 15px; | |
| 3173 vertical-align: top; | |
| 3174 } | |
| 3175 | |
| 3176 .summary-graph-legend-item.total { | |
| 3177 margin-left: 10px; | |
| 3178 } | |
| 3179 | |
| 3180 .summary-graph-legend-label { | |
| 3181 display: inline-block; | |
| 3182 text-align: left; | |
| 3183 } | |
| 3184 | |
| 3185 .summary-graph-legend-header { | |
| 3186 font-size: 12px; | |
| 3187 } | |
| 3188 | |
| 3189 .summary-graph-legend-value { | |
| 3190 font-size: 10px; | |
| 3191 } | |
| 3192 | |
| 3193 .summary-graph-legend-swatch { | |
| 3194 vertical-align: top; | |
| 3195 margin-top: 1px; | |
| 3196 margin-right: 3px; | |
| 3197 } | |
| 3198 | |
| 3199 .resources-dividers { | |
| 3200 position: absolute; | |
| 3201 left: 0; | |
| 3202 right: 0; | |
| 3203 height: 100%; | |
| 3204 top: 0; | |
| 3205 z-index: -100; | |
| 3206 } | |
| 3207 | |
| 3208 .resources-event-dividers { | |
| 3209 position: absolute; | |
| 3210 left: 0; | |
| 3211 right: 5px; | |
| 3212 height: 100%; | |
| 3213 top: 0; | |
| 3214 z-index: 300; | |
| 3215 pointer-events: none; | |
| 3216 } | |
| 3217 | |
| 3218 .timeline .resources-event-dividers { | |
| 3219 height: 19px; | |
| 3220 } | |
| 3221 | |
| 3222 .resources-dividers-label-bar { | |
| 3223 position: absolute; | |
| 3224 top: 0; | |
| 3225 left: 0px; | |
| 3226 right: 0; | |
| 3227 background-color: rgba(255, 255, 255, 0.8); | |
| 3228 background-clip: padding; | |
| 3229 border-bottom: 1px solid rgba(0, 0, 0, 0.3); | |
| 3230 height: 20px; | |
| 3231 z-index: 200; | |
| 3232 } | |
| 3233 | |
| 3234 .resources-divider { | |
| 3235 position: absolute; | |
| 3236 width: 1px; | |
| 3237 top: 0; | |
| 3238 bottom: 0; | |
| 3239 background-color: rgba(0, 0, 0, 0.1); | |
| 3240 } | |
| 3241 | |
| 3242 .resources-event-divider-padding { | |
| 3243 position: absolute; | |
| 3244 width: 8px; | |
| 3245 top: 0; | |
| 3246 bottom: 0; | |
| 3247 pointer-events: auto; | |
| 3248 } | |
| 3249 | |
| 3250 .resources-event-divider { | |
| 3251 position: absolute; | |
| 3252 width: 2px; | |
| 3253 top: 0; | |
| 3254 bottom: 0; | |
| 3255 z-index: 300; | |
| 3256 } | |
| 3257 | |
| 3258 .resources-red-divider { | |
| 3259 background-color: rgba(255, 0, 0, 0.5); | |
| 3260 } | |
| 3261 | |
| 3262 .resources-blue-divider { | |
| 3263 background-color: rgba(0, 0, 255, 0.5); | |
| 3264 } | |
| 3265 | |
| 3266 .resources-orange-divider { | |
| 3267 background-color: rgba(255, 178, 23, 0.5); | |
| 3268 } | |
| 3269 | |
| 3270 .resources-divider.last { | |
| 3271 background-color: transparent; | |
| 3272 } | |
| 3273 | |
| 3274 .resources-divider-label { | |
| 3275 position: absolute; | |
| 3276 top: 4px; | |
| 3277 right: 3px; | |
| 3278 font-size: 9px; | |
| 3279 color: rgb(50%, 50%, 50%); | |
| 3280 white-space: nowrap; | |
| 3281 } | |
| 3282 | |
| 3283 .memory-graph-label { | |
| 3284 position: absolute; | |
| 3285 top: 5px; | |
| 3286 left: 5px; | |
| 3287 font-size: 9px; | |
| 3288 color: rgb(50%, 50%, 50%); | |
| 3289 white-space: nowrap; | |
| 3290 } | |
| 3291 | |
| 3292 .resources-graph-label { | |
| 3293 position: absolute; | |
| 3294 top: 0; | |
| 3295 bottom: 0; | |
| 3296 margin: auto -7px; | |
| 3297 height: 13px; | |
| 3298 line-height: 13px; | |
| 3299 font-size: 9px; | |
| 3300 color: rgba(0, 0, 0, 0.75); | |
| 3301 text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1
px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0; | |
| 3302 z-index: 150; | |
| 3303 overflow: hidden; | |
| 3304 text-align: center; | |
| 3305 font-weight: bold; | |
| 3306 opacity: 0; | |
| 3307 -webkit-transition: opacity 250ms ease-in-out; | |
| 3308 } | |
| 3309 | |
| 3310 .resources-graph-side:hover .resources-graph-label { | |
| 3311 opacity: 1; | |
| 3312 } | |
| 3313 | |
| 3314 .resources-graph-label:empty { | |
| 3315 display: none; | |
| 3316 } | |
| 3317 | |
| 3318 .resources-graph-label.waiting { | |
| 3319 margin-right: 5px; | |
| 3320 } | |
| 3321 | |
| 3322 .resources-graph-label.waiting-right { | |
| 3323 margin-left: 5px; | |
| 3324 } | |
| 3325 | |
| 3326 .resources-graph-label.before { | |
| 3327 color: rgba(0, 0, 0, 0.7); | |
| 3328 text-shadow: none; | |
| 3329 text-align: right; | |
| 3330 margin-right: 2px; | |
| 3331 } | |
| 3332 | |
| 3333 .resources-graph-label.before::after { | |
| 3334 padding-left: 2px; | |
| 3335 height: 6px; | |
| 3336 content: url(Images/graphLabelCalloutLeft.png); | |
| 3337 } | |
| 3338 | |
| 3339 .resources-graph-label.after { | |
| 3340 color: rgba(0, 0, 0, 0.7); | |
| 3341 text-shadow: none; | |
| 3342 text-align: left; | |
| 3343 margin-left: 2px; | |
| 3344 } | |
| 3345 | |
| 3346 .resources-graph-label.after::before { | |
| 3347 padding-right: 2px; | |
| 3348 height: 6px; | |
| 3349 content: url(Images/graphLabelCalloutRight.png); | |
| 3350 } | |
| 3351 | |
| 3352 .resources-graph-bar { | |
| 3353 position: absolute; | |
| 3354 top: 0; | |
| 3355 bottom: 0; | |
| 3356 margin: auto -7px; | |
| 3357 border-width: 6px 7px; | |
| 3358 height: 13px; | |
| 3359 min-width: 14px; | |
| 3360 opacity: 0.65; | |
| 3361 -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; | |
| 3362 } | |
| 3363 | |
| 3364 .resources-category-documents, .resources-category-stylesheets, .resources-categ
ory-images, | |
| 3365 .resources-category-scripts, .resources-category-xhr, .resources-category-fonts, | |
| 3366 .resources-category-websockets, .resources-category-other { | |
| 3367 display: none; | |
| 3368 } | |
| 3369 | |
| 3370 .filter-all .resources-category-documents, .filter-documents .resources-category
-documents, | |
| 3371 .filter-all .resources-category-stylesheets, .filter-stylesheets .resources-cate
gory-stylesheets, | |
| 3372 .filter-all .resources-category-images, .filter-images .resources-category-image
s, | |
| 3373 .filter-all .resources-category-scripts, .filter-scripts .resources-category-scr
ipts, | |
| 3374 .filter-all .resources-category-xhr, .filter-xhr .resources-category-xhr, | |
| 3375 .filter-all .resources-category-fonts, .filter-fonts .resources-category-fonts, | |
| 3376 .filter-all .resources-category-websockets, .filter-websockets .resources-catego
ry-websockets, | |
| 3377 .filter-all .resources-category-other, .filter-other .resources-category-other, | |
| 3378 .resource-sidebar-tree-item.selected { | |
| 3379 display: list-item; | |
| 3380 } | |
| 3381 | |
| 3382 .console-warning-level, .console-error-level, .console-log-level { | |
| 3383 display: none; | |
| 3384 } | |
| 3385 | |
| 3386 .filter-all .console-warning-level, .filter-warnings .console-warning-level, | |
| 3387 .filter-all .console-error-level, .filter-errors .console-error-level, | |
| 3388 .filter-all .console-log-level, .filter-logs .console-log-level { | |
| 3389 display: block; | |
| 3390 } | |
| 3391 | |
| 3392 .console-user-command-result { | |
| 3393 display: block; | |
| 3394 } | |
| 3395 | |
| 3396 .resources-graph-bar.waiting, .resources-graph-bar.waiting-right { | |
| 3397 opacity: 0.35; | |
| 3398 } | |
| 3399 | |
| 3400 .resource-cached .resources-graph-bar { | |
| 3401 -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; | |
| 3402 } | |
| 3403 | |
| 3404 .resources-category-documents .resources-graph-bar { | |
| 3405 -webkit-border-image: url(Images/timelinePillBlue.png) 6 7 6 7; | |
| 3406 } | |
| 3407 | |
| 3408 .resources-category-documents.resource-cached .resources-graph-bar { | |
| 3409 -webkit-border-image: url(Images/timelineHollowPillBlue.png) 6 7 6 7; | |
| 3410 } | |
| 3411 | |
| 3412 .resources-category-stylesheets .resources-graph-bar { | |
| 3413 -webkit-border-image: url(Images/timelinePillGreen.png) 6 7 6 7; | |
| 3414 } | |
| 3415 | |
| 3416 .resources-category-stylesheets.resource-cached .resources-graph-bar { | |
| 3417 -webkit-border-image: url(Images/timelineHollowPillGreen.png) 6 7 6 7; | |
| 3418 } | |
| 3419 | |
| 3420 .resources-category-images .resources-graph-bar { | |
| 3421 -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7; | |
| 3422 } | |
| 3423 | |
| 3424 .resources-category-images.resource-cached .resources-graph-bar { | |
| 3425 -webkit-border-image: url(Images/timelineHollowPillPurple.png) 6 7 6 7; | |
| 3426 } | |
| 3427 | |
| 3428 .resources-category-fonts .resources-graph-bar { | |
| 3429 -webkit-border-image: url(Images/timelinePillRed.png) 6 7 6 7; | |
| 3430 } | |
| 3431 | |
| 3432 .resources-category-fonts.resource-cached .resources-graph-bar { | |
| 3433 -webkit-border-image: url(Images/timelineHollowPillRed.png) 6 7 6 7; | |
| 3434 } | |
| 3435 | |
| 3436 .resources-category-scripts .resources-graph-bar { | |
| 3437 -webkit-border-image: url(Images/timelinePillOrange.png) 6 7 6 7; | |
| 3438 } | |
| 3439 | |
| 3440 .resources-category-scripts.resource-cached .resources-graph-bar { | |
| 3441 -webkit-border-image: url(Images/timelineHollowPillOrange.png) 6 7 6 7; | |
| 3442 } | |
| 3443 | |
| 3444 .resources-category-xhr .resources-graph-bar { | |
| 3445 -webkit-border-image: url(Images/timelinePillYellow.png) 6 7 6 7; | |
| 3446 } | |
| 3447 | |
| 3448 .resources-category-xhr.resource-cached .resources-graph-bar { | |
| 3449 -webkit-border-image: url(Images/timelineHollowPillYellow.png) 6 7 6 7; | |
| 3450 } | |
| 3451 | |
| 3452 /* FIXME: Create bar images for WebSocket. */ | |
| 3453 .resources-category-websockets .resources-graph-bar { | |
| 3454 -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; | |
| 3455 } | |
| 3456 | |
| 3457 .resources-category-websockets.resource-cached .resources-graph-bar { | |
| 3458 -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; | |
| 3459 } | |
| 3460 | |
| 3461 #resource-views { | |
| 3462 position: absolute; | |
| 3463 top: 23px; | |
| 3464 right: 0; | |
| 3465 left: 200px; | |
| 3466 bottom: 0; | |
| 3467 } | |
| 3468 | |
| 3469 .source-view-frame { | |
| 3470 width: 100%; | |
| 3471 height: 100%; | |
| 3472 } | |
| 3473 | |
| 3474 .sidebar-resizer-vertical { | |
| 3475 position: absolute; | |
| 3476 top: 0; | |
| 3477 bottom: 0; | |
| 3478 width: 5px; | |
| 3479 z-index: 500; | |
| 3480 cursor: col-resize; | |
| 3481 } | |
| 3482 | |
| 3483 .resources .sidebar-resizer-vertical { | |
| 3484 top: 23px; | |
| 3485 } | |
| 3486 | |
| 3487 .sidebar-tree, .sidebar-tree .children { | |
| 3488 position: relative; | |
| 3489 padding: 0; | |
| 3490 margin: 0; | |
| 3491 list-style: none; | |
| 3492 font-size: 11px; | |
| 3493 } | |
| 3494 | |
| 3495 .sidebar-tree-section { | |
| 3496 position: relative; | |
| 3497 height: 18px; | |
| 3498 padding: 4px 10px 6px 10px; | |
| 3499 white-space: nowrap; | |
| 3500 margin-top: 1px; | |
| 3501 color: rgb(92, 110, 129); | |
| 3502 font-weight: bold; | |
| 3503 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
| 3504 } | |
| 3505 | |
| 3506 .sidebar-tree-item { | |
| 3507 position: relative; | |
| 3508 height: 36px; | |
| 3509 padding: 0 5px 0 5px; | |
| 3510 white-space: nowrap; | |
| 3511 margin-top: 1px; | |
| 3512 line-height: 34px; | |
| 3513 border-top: 1px solid transparent; | |
| 3514 } | |
| 3515 | |
| 3516 .sidebar-tree .children { | |
| 3517 display: none; | |
| 3518 } | |
| 3519 | |
| 3520 .sidebar-tree .children.expanded { | |
| 3521 display: block; | |
| 3522 } | |
| 3523 | |
| 3524 .sidebar-tree-section + .children > .sidebar-tree-item { | |
| 3525 padding-left: 10px !important; | |
| 3526 } | |
| 3527 | |
| 3528 .sidebar-tree-section + .children.small > .sidebar-tree-item { | |
| 3529 padding-left: 17px !important; | |
| 3530 } | |
| 3531 | |
| 3532 .sidebar-tree > .children > .sidebar-tree-item { | |
| 3533 padding-left: 37px; | |
| 3534 } | |
| 3535 | |
| 3536 .sidebar-tree > .children > .children > .sidebar-tree-item { | |
| 3537 padding-left: 37px; | |
| 3538 } | |
| 3539 | |
| 3540 .sidebar-tree.hide-disclosure-buttons > .children { | |
| 3541 display: none; | |
| 3542 } | |
| 3543 | |
| 3544 .sidebar-tree > .children.hide-disclosure-buttons > .children { | |
| 3545 display: none; | |
| 3546 } | |
| 3547 | |
| 3548 .sidebar-tree.some-expandable:not(.hide-disclosure-buttons) > .sidebar-tree-item
:not(.parent) .icon { | |
| 3549 margin-left: 16px; | |
| 3550 } | |
| 3551 | |
| 3552 .sidebar-tree-item .disclosure-button { | |
| 3553 float: left; | |
| 3554 width: 16px; | |
| 3555 height: 100%; | |
| 3556 border: 0; | |
| 3557 background-color: transparent; | |
| 3558 background-image: url(Images/disclosureTriangleSmallRight.png); | |
| 3559 background-repeat: no-repeat; | |
| 3560 background-position: center; | |
| 3561 -webkit-apearance: none; | |
| 3562 } | |
| 3563 | |
| 3564 .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button { | |
| 3565 display: none; | |
| 3566 } | |
| 3567 | |
| 3568 body.inactive .sidebar-tree-item .disclosure-button { | |
| 3569 background-image: url(Images/disclosureTriangleSmallRightBlack.png); | |
| 3570 } | |
| 3571 | |
| 3572 body.inactive .sidebar-tree-item.expanded .disclosure-button { | |
| 3573 background-image: url(Images/disclosureTriangleSmallDownBlack.png); | |
| 3574 } | |
| 3575 | |
| 3576 body.inactive .sidebar-tree-item .disclosure-button:active { | |
| 3577 background-image: url(Images/disclosureTriangleSmallRightDownBlack.png); | |
| 3578 } | |
| 3579 | |
| 3580 .sidebar-tree-item.selected .disclosure-button { | |
| 3581 background-image: url(Images/disclosureTriangleSmallRightWhite.png) !importa
nt; | |
| 3582 } | |
| 3583 | |
| 3584 .sidebar-tree-item.expanded .disclosure-button { | |
| 3585 background-image: url(Images/disclosureTriangleSmallDown.png); | |
| 3586 } | |
| 3587 | |
| 3588 .sidebar-tree-item.selected.expanded .disclosure-button { | |
| 3589 background-image: url(Images/disclosureTriangleSmallDownWhite.png) !importan
t; | |
| 3590 } | |
| 3591 | |
| 3592 .sidebar-tree-item.selected .disclosure-button:active { | |
| 3593 background-image: url(Images/disclosureTriangleSmallRightDownWhite.png) !imp
ortant; | |
| 3594 } | |
| 3595 | |
| 3596 .sidebar-tree-item .disclosure-button:active { | |
| 3597 background-image: url(Images/disclosureTriangleSmallRightDown.png); | |
| 3598 } | |
| 3599 | |
| 3600 .sidebar-tree-item .icon { | |
| 3601 float: left; | |
| 3602 width: 32px; | |
| 3603 height: 32px; | |
| 3604 margin-top: 1px; | |
| 3605 margin-right: 3px; | |
| 3606 } | |
| 3607 | |
| 3608 li .status { | |
| 3609 float: right; | |
| 3610 height: 16px; | |
| 3611 margin-top: 9px; | |
| 3612 margin-left: 4px; | |
| 3613 line-height: 1em; | |
| 3614 } | |
| 3615 | |
| 3616 li .status:empty { | |
| 3617 display: none; | |
| 3618 } | |
| 3619 | |
| 3620 li .status .bubble { | |
| 3621 display: inline-block; | |
| 3622 height: 14px; | |
| 3623 min-width: 16px; | |
| 3624 margin-top: 1px; | |
| 3625 background-color: rgb(128, 151, 189); | |
| 3626 vertical-align: middle; | |
| 3627 white-space: nowrap; | |
| 3628 padding: 1px 4px; | |
| 3629 text-align: center; | |
| 3630 font-size: 11px; | |
| 3631 line-height: normal; | |
| 3632 font-family: Helvetica, Arial, sans-serif; | |
| 3633 font-weight: bold; | |
| 3634 text-shadow: none; | |
| 3635 color: white; | |
| 3636 -webkit-border-radius: 7px; | |
| 3637 } | |
| 3638 | |
| 3639 li .status .bubble:empty { | |
| 3640 display: none; | |
| 3641 } | |
| 3642 | |
| 3643 li.selected .status .bubble { | |
| 3644 background-color: white !important; | |
| 3645 color: rgb(132, 154, 190) !important; | |
| 3646 } | |
| 3647 | |
| 3648 :focus li.selected .status .bubble { | |
| 3649 color: rgb(36, 98, 172) !important; | |
| 3650 } | |
| 3651 | |
| 3652 body.inactive li.selected .status .bubble { | |
| 3653 color: rgb(159, 159, 159) !important; | |
| 3654 } | |
| 3655 | |
| 3656 .sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-t
ree-item, .sidebar-tree-item.small, .small .resources-graph-side { | |
| 3657 height: 20px; | |
| 3658 } | |
| 3659 | |
| 3660 .sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sid
ebar-tree-item .icon, .sidebar-tree-item.small .icon { | |
| 3661 width: 16px; | |
| 3662 height: 16px; | |
| 3663 } | |
| 3664 | |
| 3665 .sidebar-tree.small .sidebar-tree-item .status, .sidebar-tree .children.small .s
idebar-tree-item .status, .sidebar-tree-item.small .status { | |
| 3666 margin-top: 1px; | |
| 3667 } | |
| 3668 | |
| 3669 .sidebar-tree-item.selected { | |
| 3670 color: white; | |
| 3671 border-top: 1px solid rgb(145, 160, 192); | |
| 3672 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | |
| 3673 text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0; | |
| 3674 font-weight: bold; | |
| 3675 -webkit-background-origin: padding; | |
| 3676 -webkit-background-clip: padding; | |
| 3677 } | |
| 3678 | |
| 3679 :focus .sidebar-tree-item.selected { | |
| 3680 border-top: 1px solid rgb(68, 128, 200); | |
| 3681 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(9
2, 147, 213)), to(rgb(21, 83, 170))); | |
| 3682 } | |
| 3683 | |
| 3684 body.inactive .sidebar-tree-item.selected { | |
| 3685 border-top: 1px solid rgb(151, 151, 151); | |
| 3686 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
80, 180, 180)), to(rgb(138, 138, 138))); | |
| 3687 } | |
| 3688 | |
| 3689 .sidebar-tree-item .titles { | |
| 3690 position: relative; | |
| 3691 top: 5px; | |
| 3692 line-height: 11px; | |
| 3693 padding-bottom: 1px; | |
| 3694 text-overflow: ellipsis; | |
| 3695 overflow: hidden; | |
| 3696 white-space: nowrap; | |
| 3697 } | |
| 3698 | |
| 3699 .sidebar-tree-item .titles.no-subtitle { | |
| 3700 top: 10px; | |
| 3701 } | |
| 3702 | |
| 3703 .sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .s
idebar-tree-item .titles, .sidebar-tree-item.small .titles { | |
| 3704 top: 2px; | |
| 3705 line-height: normal; | |
| 3706 } | |
| 3707 | |
| 3708 .sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar
-tree .children:not(.small) .sidebar-tree-item .title::after { | |
| 3709 content: "\A"; | |
| 3710 white-space: pre; | |
| 3711 } | |
| 3712 | |
| 3713 .sidebar-tree-item .subtitle { | |
| 3714 font-size: 9px; | |
| 3715 color: rgba(0, 0, 0, 0.7); | |
| 3716 } | |
| 3717 | |
| 3718 .sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small
.sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle { | |
| 3719 display: none; | |
| 3720 } | |
| 3721 | |
| 3722 .sidebar-tree-item.selected .subtitle { | |
| 3723 color: rgba(255, 255, 255, 0.9); | |
| 3724 } | |
| 3725 | |
| 3726 #resources-graphs { | |
| 3727 position: absolute; | |
| 3728 left: 0; | |
| 3729 right: 0; | |
| 3730 max-height: 100%; | |
| 3731 top: 112px; | |
| 3732 } | |
| 3733 | |
| 3734 .resources-graph-side { | |
| 3735 position: relative; | |
| 3736 height: 36px; | |
| 3737 padding: 0 5px; | |
| 3738 white-space: nowrap; | |
| 3739 margin-top: 1px; | |
| 3740 border-top: 1px solid transparent; | |
| 3741 overflow: hidden; | |
| 3742 } | |
| 3743 | |
| 3744 .resources-graph-bar-area { | |
| 3745 position: absolute; | |
| 3746 top: 0; | |
| 3747 bottom: 0; | |
| 3748 right: 8px; | |
| 3749 left: 9px; | |
| 3750 } | |
| 3751 | |
| 3752 #resources-container:not(.viewing-resource) .resource-sidebar-tree-item:nth-of-t
ype(2n) { | |
| 3753 background-color: rgba(0, 0, 0, 0.05); | |
| 3754 } | |
| 3755 | |
| 3756 #resources-container:not(.viewing-resource) .resources-graph-side:nth-of-type(2n
) { | |
| 3757 background-color: rgba(0, 0, 0, 0.05); | |
| 3758 } | |
| 3759 | |
| 3760 .resources-time-graph-sidebar-item .icon { | |
| 3761 content: url(Images/resourcesTimeGraphIcon.png); | |
| 3762 } | |
| 3763 | |
| 3764 .resources-size-graph-sidebar-item .icon { | |
| 3765 content: url(Images/resourcesSizeGraphIcon.png); | |
| 3766 } | |
| 3767 | |
| 3768 .resources-size-graph-sidebar-item .icon { | |
| 3769 content: url(Images/resourcesSizeGraphIcon.png); | |
| 3770 } | |
| 3771 | |
| 3772 .resource-sidebar-tree-item .icon { | |
| 3773 content: url(Images/resourcePlainIcon.png); | |
| 3774 } | |
| 3775 | |
| 3776 .children.small .resource-sidebar-tree-item .icon { | |
| 3777 content: url(Images/resourcePlainIconSmall.png); | |
| 3778 } | |
| 3779 | |
| 3780 .resource-sidebar-tree-item.resources-category-documents .icon { | |
| 3781 content: url(Images/resourceDocumentIcon.png); | |
| 3782 } | |
| 3783 | |
| 3784 .children.small .resource-sidebar-tree-item.resources-category-documents .icon { | |
| 3785 content: url(Images/resourceDocumentIconSmall.png); | |
| 3786 } | |
| 3787 | |
| 3788 .resource-sidebar-tree-item.resources-category-stylesheets .icon { | |
| 3789 content: url(Images/resourceCSSIcon.png); | |
| 3790 } | |
| 3791 | |
| 3792 .children.small .resource-sidebar-tree-item.resources-category-stylesheets .icon
{ | |
| 3793 content: url(Images/resourceDocumentIconSmall.png); | |
| 3794 } | |
| 3795 | |
| 3796 .resource-sidebar-tree-item.resources-category-images .icon { | |
| 3797 position: relative; | |
| 3798 background-image: url(Images/resourcePlainIcon.png); | |
| 3799 background-repeat: no-repeat; | |
| 3800 content: ""; | |
| 3801 } | |
| 3802 | |
| 3803 .resources-category-images .image-resource-icon-preview { | |
| 3804 position: absolute; | |
| 3805 margin: auto; | |
| 3806 top: 3px; | |
| 3807 bottom: 4px; | |
| 3808 left: 5px; | |
| 3809 right: 5px; | |
| 3810 max-width: 18px; | |
| 3811 max-height: 21px; | |
| 3812 min-width: 1px; | |
| 3813 min-height: 1px; | |
| 3814 } | |
| 3815 | |
| 3816 .children.small .resource-sidebar-tree-item.resources-category-images .icon { | |
| 3817 background-image: url(Images/resourcePlainIconSmall.png); | |
| 3818 content: ""; | |
| 3819 } | |
| 3820 | |
| 3821 .children.small .resources-category-images .image-resource-icon-preview { | |
| 3822 top: 2px; | |
| 3823 bottom: 1px; | |
| 3824 left: 3px; | |
| 3825 right: 3px; | |
| 3826 max-width: 8px; | |
| 3827 max-height: 11px; | |
| 3828 } | |
| 3829 | |
| 3830 .resource-sidebar-tree-item.resources-category-fonts .icon { | |
| 3831 content: url(Images/resourcePlainIcon.png); | |
| 3832 } | |
| 3833 | |
| 3834 .children.small .resource-sidebar-tree-item.resources-category-fonts .icon { | |
| 3835 content: url(Images/resourcePlainIconSmall.png); | |
| 3836 } | |
| 3837 | |
| 3838 .resource-sidebar-tree-item.resources-category-scripts .icon { | |
| 3839 content: url(Images/resourceJSIcon.png); | |
| 3840 } | |
| 3841 | |
| 3842 .children.small .resource-sidebar-tree-item.resources-category-scripts .icon { | |
| 3843 content: url(Images/resourceDocumentIconSmall.png); | |
| 3844 } | |
| 3845 | |
| 3846 .resource-sidebar-tree-item.resources-category-xhr .icon { | |
| 3847 content: url(Images/resourcePlainIcon.png); | |
| 3848 } | |
| 3849 | |
| 3850 .children.small .resource-sidebar-tree-item.resources-category-xhr .icon { | |
| 3851 content: url(Images/resourceDocumentIconSmall.png); | |
| 3852 } | |
| 3853 | |
| 3854 .bubble.debug, .console-debug-level .bubble { | |
| 3855 background-color: rgb(0, 0, 255) !important; | |
| 3856 } | |
| 3857 | |
| 3858 .bubble.warning, .console-warning-level .bubble { | |
| 3859 background-color: rgb(232, 164, 0) !important; | |
| 3860 } | |
| 3861 | |
| 3862 .bubble.error, .console-error-level .bubble { | |
| 3863 background-color: rgb(216, 35, 35) !important; | |
| 3864 } | |
| 3865 | |
| 3866 .bubble.search-matches { | |
| 3867 background-image: url(Images/searchSmallWhite.png); | |
| 3868 background-repeat: no-repeat; | |
| 3869 background-position: 3px 2px; | |
| 3870 padding-left: 13px !important; | |
| 3871 } | |
| 3872 | |
| 3873 li.selected .bubble.search-matches { | |
| 3874 background-image: url(Images/searchSmallBlue.png); | |
| 3875 } | |
| 3876 | |
| 3877 :focus li.selected .bubble.search-matches { | |
| 3878 background-image: url(Images/searchSmallBrightBlue.png); | |
| 3879 } | |
| 3880 | |
| 3881 body.inactive li.selected .bubble.search-matches { | |
| 3882 background-image: url(Images/searchSmallGray.png); | |
| 3883 } | |
| 3884 | |
| 3885 /* Timeline Style */ | |
| 3886 | |
| 3887 #timeline-overview-panel { | |
| 3888 position: absolute; | |
| 3889 top: 0; | |
| 3890 left: 0; | |
| 3891 right: 0; | |
| 3892 height: 80px; | |
| 3893 } | |
| 3894 | |
| 3895 #timeline-overview-panel .timeline-graph-bar { | |
| 3896 pointer-events: none; | |
| 3897 } | |
| 3898 | |
| 3899 .timeline-sidebar-background { | |
| 3900 top: 90px; | |
| 3901 bottom: 0; | |
| 3902 } | |
| 3903 | |
| 3904 .timeline .sidebar { | |
| 3905 overflow-y: hidden; | |
| 3906 z-index: 100; | |
| 3907 min-height: 100%; | |
| 3908 bottom: auto; | |
| 3909 } | |
| 3910 | |
| 3911 #timeline-overview-separator { | |
| 3912 position: absolute; | |
| 3913 top: 80px; | |
| 3914 left: 0; | |
| 3915 right: 0; | |
| 3916 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 253, 253)
), to(rgb(213, 213, 213))); | |
| 3917 border-top: 1px solid rgb(140, 140, 140); | |
| 3918 border-bottom: 1px solid rgb(115, 115, 115); | |
| 3919 height: 10px; | |
| 3920 } | |
| 3921 | |
| 3922 #timeline-overview-sidebar { | |
| 3923 position: absolute; | |
| 3924 width: 200px; | |
| 3925 top: 0px; | |
| 3926 bottom: 0px; | |
| 3927 left: 0px; | |
| 3928 padding-top: 2px; | |
| 3929 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)
), to(rgb(209, 209, 209))); | |
| 3930 border-right: 1px solid rgb(163, 163, 163); | |
| 3931 } | |
| 3932 | |
| 3933 #timeline-overview-grid { | |
| 3934 position: absolute; | |
| 3935 top: 0px; | |
| 3936 bottom: 0px; | |
| 3937 left: 200px; | |
| 3938 right: 0px; | |
| 3939 background-color: rgb(255, 255, 255); | |
| 3940 } | |
| 3941 | |
| 3942 .timeline-window-selector { | |
| 3943 position: absolute; | |
| 3944 top: 0; | |
| 3945 bottom: 0; | |
| 3946 background-color: rgba(125, 173, 217, 0.5); | |
| 3947 z-index: 250; | |
| 3948 } | |
| 3949 | |
| 3950 #timeline-overview-window { | |
| 3951 background-color: white; | |
| 3952 position: absolute; | |
| 3953 left: 0; | |
| 3954 right: 0; | |
| 3955 top: 0; | |
| 3956 bottom: 60px; | |
| 3957 z-index: 150; | |
| 3958 } | |
| 3959 | |
| 3960 .timeline-overview-dividers-background { | |
| 3961 left: 0%; | |
| 3962 right: 0%; | |
| 3963 top: 0px; | |
| 3964 bottom: 60px; | |
| 3965 background-color: black; | |
| 3966 position: absolute; | |
| 3967 } | |
| 3968 | |
| 3969 .timeline-overview-window-rulers { | |
| 3970 top: 0; | |
| 3971 bottom: 0; | |
| 3972 position: absolute; | |
| 3973 opacity: 0.2; | |
| 3974 border-right: 1px solid black; | |
| 3975 border-left: 1px solid black; | |
| 3976 z-index: 150; | |
| 3977 } | |
| 3978 | |
| 3979 .timeline-window-resizer { | |
| 3980 position: absolute; | |
| 3981 top: 0px; | |
| 3982 bottom: 60px; | |
| 3983 width: 5px; | |
| 3984 margin-left: -3px; | |
| 3985 margin-right: -2px; | |
| 3986 background-color: rgb(153, 153, 153); | |
| 3987 z-index: 500; | |
| 3988 cursor: col-resize; | |
| 3989 -webkit-border-radius: 2px; | |
| 3990 -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1
px 0; | |
| 3991 } | |
| 3992 | |
| 3993 #timeline-overview-grid #resources-graphs { | |
| 3994 position: absolute; | |
| 3995 top: 0; | |
| 3996 left: 0; | |
| 3997 right: 0; | |
| 3998 height: 80px; | |
| 3999 } | |
| 4000 | |
| 4001 #timeline-container { | |
| 4002 position: absolute; | |
| 4003 top: 90px; | |
| 4004 left: 0; | |
| 4005 bottom: 0; | |
| 4006 right: 0; | |
| 4007 border-right: 0 none transparent; | |
| 4008 overflow-y: auto; | |
| 4009 overflow-x: hidden; | |
| 4010 } | |
| 4011 | |
| 4012 .timeline-category-statusbar-item { | |
| 4013 height: 24px; | |
| 4014 line-height: 24px; | |
| 4015 padding-left: 6px; | |
| 4016 white-space: nowrap; | |
| 4017 text-overflow: ellipsis; | |
| 4018 overflow: hidden; | |
| 4019 font-weight: bold; | |
| 4020 } | |
| 4021 | |
| 4022 .timeline-category-statusbar-item .timeline-category-checkbox { | |
| 4023 width: 10px; | |
| 4024 height: 11px; | |
| 4025 margin: 0 3px 0 5px; | |
| 4026 padding: 0; | |
| 4027 background-image: url(Images/timelineCheckmarks.png); | |
| 4028 background-repeat: no-repeat; | |
| 4029 background-position: 0 -66px; | |
| 4030 vertical-align: -1px; | |
| 4031 -webkit-appearance: none; | |
| 4032 } | |
| 4033 | |
| 4034 .timeline-category-statusbar-item .timeline-category-checkbox:checked { | |
| 4035 background-position-x: -10px; | |
| 4036 } | |
| 4037 | |
| 4038 .timeline-category-statusbar-item.timeline-category-loading .timeline-category-c
heckbox { | |
| 4039 background-position-y: 0; | |
| 4040 } | |
| 4041 | |
| 4042 .timeline-category-statusbar-item.timeline-category-scripting .timeline-category
-checkbox { | |
| 4043 background-position-y: -33px; | |
| 4044 } | |
| 4045 | |
| 4046 .timeline-category-statusbar-item.timeline-category-rendering .timeline-category
-checkbox { | |
| 4047 background-position-y: -11px; | |
| 4048 } | |
| 4049 | |
| 4050 .timeline-tree-item { | |
| 4051 height: 18px; | |
| 4052 line-height: 15px; | |
| 4053 padding-right: 5px; | |
| 4054 padding-left: 10px; | |
| 4055 padding-top: 2px; | |
| 4056 white-space: nowrap; | |
| 4057 text-overflow: ellipsis; | |
| 4058 overflow: hidden; | |
| 4059 } | |
| 4060 | |
| 4061 .timeline-expandable { | |
| 4062 position: absolute; | |
| 4063 border-left: 1px solid rgb(163, 163, 163); | |
| 4064 } | |
| 4065 | |
| 4066 .timeline-expandable-left { | |
| 4067 position: absolute; | |
| 4068 top: 0; | |
| 4069 bottom: 0; | |
| 4070 left: 0; | |
| 4071 width: 3px; | |
| 4072 border-top: 1px solid rgb(163, 163, 163); | |
| 4073 border-bottom: 1px solid rgb(163, 163, 163); | |
| 4074 } | |
| 4075 | |
| 4076 .timeline-expandable-collapsed { | |
| 4077 background-image: url(Images/disclosureTriangleSmallRightBlack.png); | |
| 4078 background-position-x: 1px; | |
| 4079 background-position-y: 2px; | |
| 4080 background-repeat: no-repeat; | |
| 4081 } | |
| 4082 | |
| 4083 .timeline-expandable-expanded { | |
| 4084 background-image: url(Images/disclosureTriangleSmallDownBlack.png); | |
| 4085 background-position-x: 1px; | |
| 4086 background-position-y: 3px; | |
| 4087 background-repeat: no-repeat; | |
| 4088 } | |
| 4089 | |
| 4090 .timeline-tree-item .type { | |
| 4091 padding-left: 14px; | |
| 4092 } | |
| 4093 | |
| 4094 .timeline-tree-item .count { | |
| 4095 font-family: Helvetica, Arial, sans-serif; | |
| 4096 font-weight: bold; | |
| 4097 } | |
| 4098 | |
| 4099 .timeline-tree-item .timeline-tree-icon { | |
| 4100 background-image: url(Images/timelineDots.png); | |
| 4101 margin-top: 2px; | |
| 4102 width: 12px; | |
| 4103 height: 12px; | |
| 4104 position: absolute; | |
| 4105 } | |
| 4106 | |
| 4107 .timeline-tree-item.even { | |
| 4108 background-color: rgba(0, 0, 0, 0.05); | |
| 4109 } | |
| 4110 | |
| 4111 .timeline-tree-item .data.dimmed { | |
| 4112 color: rgba(0, 0, 0, 0.7); | |
| 4113 } | |
| 4114 | |
| 4115 #timeline-overview-timelines, | |
| 4116 #timeline-overview-memory { | |
| 4117 position: absolute; | |
| 4118 left: 0; | |
| 4119 right: 0; | |
| 4120 bottom: 0; | |
| 4121 top: 20px; | |
| 4122 z-index: 160; | |
| 4123 } | |
| 4124 | |
| 4125 #timeline-overview-memory > canvas { | |
| 4126 position: absolute; | |
| 4127 left: 0; | |
| 4128 right: 0; | |
| 4129 bottom: 0; | |
| 4130 top: 5px; | |
| 4131 } | |
| 4132 | |
| 4133 | |
| 4134 #timeline-graphs { | |
| 4135 position: absolute; | |
| 4136 left: 0; | |
| 4137 right: 0; | |
| 4138 max-height: 100%; | |
| 4139 top: 19px; | |
| 4140 } | |
| 4141 | |
| 4142 .timeline-graph-side { | |
| 4143 position: relative; | |
| 4144 height: 18px; | |
| 4145 padding: 0 5px; | |
| 4146 white-space: nowrap; | |
| 4147 margin-top: 0px; | |
| 4148 border-top: 1px solid transparent; | |
| 4149 overflow: hidden; | |
| 4150 pointer-events: none; | |
| 4151 } | |
| 4152 | |
| 4153 .timeline-overview-graph-side { | |
| 4154 height: 20px; | |
| 4155 z-index: 170; | |
| 4156 pointer-events: none; | |
| 4157 } | |
| 4158 | |
| 4159 .timeline-overview-graph-side .timeline-graph-bar { | |
| 4160 height: 13px; | |
| 4161 } | |
| 4162 | |
| 4163 .timeline-graph-bar-area { | |
| 4164 position: absolute; | |
| 4165 top: 0; | |
| 4166 bottom: 0; | |
| 4167 right: 0; | |
| 4168 left: 3px; | |
| 4169 pointer-events: none; | |
| 4170 } | |
| 4171 | |
| 4172 .timeline-graph-bar { | |
| 4173 position: absolute; | |
| 4174 top: 0; | |
| 4175 bottom: 0; | |
| 4176 margin: auto -2px; | |
| 4177 border-width: 4px 4px 5px; | |
| 4178 height: 9px; | |
| 4179 min-width: 5px; | |
| 4180 opacity: 0.8; | |
| 4181 -webkit-border-image: url(Images/timelineBarGray.png) 4 4 5 4; | |
| 4182 z-index: 180; | |
| 4183 pointer-events: visibleFill; | |
| 4184 } | |
| 4185 | |
| 4186 .timeline-graph-bar.with-children { | |
| 4187 opacity: 0.2; | |
| 4188 } | |
| 4189 | |
| 4190 .timeline-graph-bar.cpu { | |
| 4191 opacity: 0.6; | |
| 4192 } | |
| 4193 | |
| 4194 .timeline-graph-side.even { | |
| 4195 background-color: rgba(0, 0, 0, 0.05); | |
| 4196 } | |
| 4197 | |
| 4198 .timeline-category-loading .timeline-graph-bar { | |
| 4199 -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4; | |
| 4200 } | |
| 4201 | |
| 4202 .timeline-category-scripting .timeline-graph-bar { | |
| 4203 -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4; | |
| 4204 } | |
| 4205 | |
| 4206 .timeline-category-rendering .timeline-graph-bar { | |
| 4207 -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4; | |
| 4208 } | |
| 4209 | |
| 4210 .timeline-aggregated-category { | |
| 4211 display: inline-block; | |
| 4212 height: 11px; | |
| 4213 margin-right: 2px; | |
| 4214 margin-left: 6px; | |
| 4215 position: relative; | |
| 4216 top: 2px; | |
| 4217 width: 10px; | |
| 4218 } | |
| 4219 | |
| 4220 .timeline-loading { | |
| 4221 -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4; | |
| 4222 } | |
| 4223 | |
| 4224 .timeline-scripting { | |
| 4225 -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4; | |
| 4226 } | |
| 4227 | |
| 4228 .timeline-rendering { | |
| 4229 -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4; | |
| 4230 } | |
| 4231 | |
| 4232 .popover .timeline-aggregated-category.timeline-loading { | |
| 4233 margin-left: 0px; | |
| 4234 } | |
| 4235 | |
| 4236 .timeline-category-loading .timeline-tree-icon { | |
| 4237 background-position-y: 0px; | |
| 4238 } | |
| 4239 | |
| 4240 .timeline-category-scripting .timeline-tree-icon { | |
| 4241 background-position-y: 48px; | |
| 4242 } | |
| 4243 | |
| 4244 .timeline-category-rendering .timeline-tree-icon { | |
| 4245 background-position-y: 72px; | |
| 4246 } | |
| 4247 | |
| 4248 .timeline-details { | |
| 4249 -webkit-user-select: text; | |
| 4250 vertical-align: top; | |
| 4251 } | |
| 4252 | |
| 4253 .timeline-function-name { | |
| 4254 text-align: right; | |
| 4255 } | |
| 4256 | |
| 4257 .timeline-stacktrace-title { | |
| 4258 padding-top: 4px; | |
| 4259 } | |
| 4260 | |
| 4261 .timeline-details-row-title { | |
| 4262 font-weight: bold; | |
| 4263 text-align: right; | |
| 4264 white-space: nowrap; | |
| 4265 } | |
| 4266 | |
| 4267 .timeline-details-row-data { | |
| 4268 white-space: nowrap; | |
| 4269 } | |
| 4270 | |
| 4271 .timeline-details-title { | |
| 4272 border-bottom: 1px solid #B8B8B8; | |
| 4273 font-size: 11px; | |
| 4274 font-weight: bold; | |
| 4275 padding-bottom: 5px; | |
| 4276 padding-top: 0px; | |
| 4277 white-space: nowrap; | |
| 4278 } | |
| 4279 | |
| 4280 .timeline-filter-status-bar-item .glyph { | |
| 4281 -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); | |
| 4282 } | |
| 4283 | |
| 4284 .timeline-filter-status-bar-item.toggled-on .glyph { | |
| 4285 background-color: rgb(66, 129, 235) !important; | |
| 4286 } | |
| 4287 | |
| 4288 .timeline-records-counter, .storage-application-cache-status, .storage-applicati
on-cache-connectivity { | |
| 4289 font-size: 11px; | |
| 4290 text-shadow: white 0 1px 0; | |
| 4291 } | |
| 4292 | |
| 4293 #main-status-bar > .timeline-records-counter { | |
| 4294 float: right; | |
| 4295 margin-top: 4px; | |
| 4296 margin-right: 25px; | |
| 4297 } | |
| 4298 | |
| 4299 #counters > .timeline-records-counter { | |
| 4300 float: left; | |
| 4301 margin-top: -2px; | |
| 4302 } | |
| 4303 | |
| 4304 .storage-application-cache-status-icon, .storage-application-cache-connectivity-
icon { | |
| 4305 margin-bottom: -3px; | |
| 4306 margin-left: 5px; | |
| 4307 vertical-align: middle; | |
| 4308 } | |
| 4309 | |
| 4310 .status-bar-divider { | |
| 4311 margin-left: 7px; | |
| 4312 border-right: 1px solid #CCC; | |
| 4313 } | |
| 4314 | |
| 4315 .storage-application-cache-status, .storage-application-cache-connectivity { | |
| 4316 position: relative; | |
| 4317 top: 4px; | |
| 4318 } | |
| 4319 | |
| 4320 /* Profiler Style */ | |
| 4321 | |
| 4322 #profile-views { | |
| 4323 position: absolute; | |
| 4324 top: 0; | |
| 4325 right: 0; | |
| 4326 left: 200px; | |
| 4327 bottom: 0; | |
| 4328 } | |
| 4329 | |
| 4330 .status-bar-items { | |
| 4331 position: absolute; | |
| 4332 top: 0; | |
| 4333 bottom: 0; | |
| 4334 left: 200px; | |
| 4335 overflow: hidden; | |
| 4336 border-left: 1px solid rgb(184, 184, 184); | |
| 4337 margin-left: -1px; | |
| 4338 } | |
| 4339 | |
| 4340 .profile-sidebar-tree-item .icon { | |
| 4341 content: url(Images/profileIcon.png); | |
| 4342 } | |
| 4343 | |
| 4344 .profile-sidebar-tree-item.small .icon { | |
| 4345 content: url(Images/profileSmallIcon.png); | |
| 4346 } | |
| 4347 | |
| 4348 .profile-group-sidebar-tree-item .icon { | |
| 4349 content: url(Images/profileGroupIcon.png); | |
| 4350 } | |
| 4351 | |
| 4352 .profile-view { | |
| 4353 display: none; | |
| 4354 overflow: hidden; | |
| 4355 position: absolute; | |
| 4356 top: 0; | |
| 4357 left: 0; | |
| 4358 right: 0; | |
| 4359 bottom: 0; | |
| 4360 } | |
| 4361 | |
| 4362 .profile-view.visible { | |
| 4363 display: block; | |
| 4364 } | |
| 4365 | |
| 4366 .profile-view .data-grid { | |
| 4367 border: none; | |
| 4368 height: 100%; | |
| 4369 } | |
| 4370 | |
| 4371 .profile-view .data-grid th.average-column { | |
| 4372 text-align: center; | |
| 4373 } | |
| 4374 | |
| 4375 .profile-view .data-grid td.average-column { | |
| 4376 text-align: right; | |
| 4377 } | |
| 4378 | |
| 4379 .profile-view .data-grid th.self-column { | |
| 4380 text-align: center; | |
| 4381 } | |
| 4382 | |
| 4383 .profile-view .data-grid td.self-column { | |
| 4384 text-align: right; | |
| 4385 } | |
| 4386 | |
| 4387 .profile-view .data-grid th.total-column { | |
| 4388 text-align: center; | |
| 4389 } | |
| 4390 | |
| 4391 .profile-view .data-grid td.total-column { | |
| 4392 text-align: right; | |
| 4393 } | |
| 4394 | |
| 4395 .profile-view .data-grid .calls-column { | |
| 4396 text-align: center; | |
| 4397 } | |
| 4398 | |
| 4399 .profile-node-file { | |
| 4400 float: right; | |
| 4401 color: gray; | |
| 4402 margin-top: -1px; | |
| 4403 } | |
| 4404 | |
| 4405 .data-grid tr.selected .profile-node-file { | |
| 4406 color: rgb(33%, 33%, 33%); | |
| 4407 } | |
| 4408 | |
| 4409 .data-grid:focus tr.selected .profile-node-file { | |
| 4410 color: white; | |
| 4411 } | |
| 4412 | |
| 4413 button.enable-toggle-status-bar-item .glyph { | |
| 4414 } | |
| 4415 | |
| 4416 .record-profile-status-bar-item .glyph { | |
| 4417 -webkit-mask-image: url(Images/recordButtonGlyph.png); | |
| 4418 } | |
| 4419 | |
| 4420 .record-profile-status-bar-item.toggled-on .glyph { | |
| 4421 -webkit-mask-image: url(Images/recordToggledButtonGlyph.png); | |
| 4422 background-color: rgb(216, 0, 0) !important; | |
| 4423 } | |
| 4424 | |
| 4425 /* FIXME: should have its own glyph. */ | |
| 4426 .heap-snapshot-status-bar-item .glyph { | |
| 4427 -webkit-mask-image: url(Images/focusButtonGlyph.png); | |
| 4428 } | |
| 4429 | |
| 4430 .node-search-status-bar-item .glyph { | |
| 4431 -webkit-mask-image: url(Images/nodeSearchButtonGlyph.png); | |
| 4432 } | |
| 4433 | |
| 4434 .percent-time-status-bar-item .glyph { | |
| 4435 -webkit-mask-image: url(Images/percentButtonGlyph.png); | |
| 4436 } | |
| 4437 | |
| 4438 .focus-profile-node-status-bar-item .glyph { | |
| 4439 -webkit-mask-image: url(Images/focusButtonGlyph.png); | |
| 4440 } | |
| 4441 | |
| 4442 .exclude-profile-node-status-bar-item .glyph { | |
| 4443 -webkit-mask-image: url(Images/excludeButtonGlyph.png); | |
| 4444 } | |
| 4445 | |
| 4446 .reset-profile-status-bar-item .glyph { | |
| 4447 -webkit-mask-image: url(Images/reloadButtonGlyph.png); | |
| 4448 } | |
| 4449 | |
| 4450 .delete-storage-status-bar-item .glyph { | |
| 4451 -webkit-mask-image: url(Images/excludeButtonGlyph.png); | |
| 4452 } | |
| 4453 | |
| 4454 .refresh-storage-status-bar-item .glyph { | |
| 4455 -webkit-mask-image: url(Images/reloadButtonGlyph.png); | |
| 4456 } | |
| 4457 | |
| 4458 ol.breakpoint-list { | |
| 4459 -webkit-padding-start: 0; | |
| 4460 list-style: none; | |
| 4461 margin: 0; | |
| 4462 } | |
| 4463 | |
| 4464 .breakpoint-list li { | |
| 4465 white-space: nowrap; | |
| 4466 text-overflow: ellipsis; | |
| 4467 overflow: hidden; | |
| 4468 padding: 2px 0; | |
| 4469 color: black; | |
| 4470 } | |
| 4471 | |
| 4472 .breakpoint-list li:hover { | |
| 4473 color: rgb(15%, 15%, 15%); | |
| 4474 } | |
| 4475 | |
| 4476 .breakpoint-list .checkbox-elem { | |
| 4477 font-size: 10px; | |
| 4478 margin: 0 4px; | |
| 4479 vertical-align: top; | |
| 4480 position: relative; | |
| 4481 z-index: 1; | |
| 4482 } | |
| 4483 | |
| 4484 .breakpoint-list .source-text { | |
| 4485 white-space: nowrap; | |
| 4486 text-overflow: ellipsis; | |
| 4487 overflow: hidden; | |
| 4488 margin: 2px 0 0px 20px; | |
| 4489 } | |
| 4490 | |
| 4491 .pane .breakpoint-hit { | |
| 4492 background-color: rgb(255, 255, 194); | |
| 4493 } | |
| 4494 | |
| 4495 li.breakpoint-hit .breakpoint-hit-marker { | |
| 4496 background-color: rgb(255, 255, 194); | |
| 4497 height: 18px; | |
| 4498 left: 0px; | |
| 4499 margin-top: -16px; | |
| 4500 position: absolute; | |
| 4501 right: 0px; | |
| 4502 z-index: -1; | |
| 4503 } | |
| 4504 | |
| 4505 .webkit-html-js-node, .webkit-html-css-node { | |
| 4506 white-space: pre; | |
| 4507 } | |
| 4508 | |
| 4509 .source-frame-breakpoint-condition { | |
| 4510 z-index: 30; | |
| 4511 padding: 4px; | |
| 4512 background-color: rgb(203, 226, 255); | |
| 4513 -webkit-border-radius: 7px; | |
| 4514 border: 2px solid rgb(169, 172, 203); | |
| 4515 width: 90%; | |
| 4516 } | |
| 4517 | |
| 4518 .source-frame-breakpoint-message { | |
| 4519 background-color: transparent; | |
| 4520 font-family: Lucida Grande, sans-serif; | |
| 4521 font-weight: normal; | |
| 4522 font-size: 11px; | |
| 4523 text-align: left; | |
| 4524 text-shadow: none; | |
| 4525 color: rgb(85, 85, 85); | |
| 4526 cursor: default; | |
| 4527 margin: 0 0 2px 0; | |
| 4528 } | |
| 4529 | |
| 4530 #source-frame-breakpoint-condition { | |
| 4531 margin: 0; | |
| 4532 border: 1px inset rgb(190, 190, 190) !important; | |
| 4533 width: 100%; | |
| 4534 box-shadow: none !important; | |
| 4535 outline: none !important; | |
| 4536 -webkit-user-modify: read-write; | |
| 4537 } | |
| 4538 | |
| 4539 .source-frame-popover-title { | |
| 4540 text-overflow: ellipsis; | |
| 4541 overflow: hidden; | |
| 4542 white-space: nowrap; | |
| 4543 font-weight: bold; | |
| 4544 padding-left: 18px; | |
| 4545 } | |
| 4546 | |
| 4547 .source-frame-popover-tree { | |
| 4548 border-top: 1px solid rgb(194, 194, 147); | |
| 4549 overflow: auto; | |
| 4550 position: absolute; | |
| 4551 top: 15px; | |
| 4552 bottom: 0; | |
| 4553 left: 0; | |
| 4554 right: 0; | |
| 4555 } | |
| 4556 | |
| 4557 .source-frame-eval-expression { | |
| 4558 border: 1px solid rgb(163, 41, 34); | |
| 4559 margin: -1px; | |
| 4560 background-color: rgb(255, 255, 194); | |
| 4561 } | |
| 4562 | |
| 4563 .styles-sidebar-separator { | |
| 4564 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
43, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230,
230, 230)), to(rgb(209, 209, 209))); | |
| 4565 padding: 0 5px; | |
| 4566 border-top: 1px solid rgb(189, 189, 189); | |
| 4567 border-bottom: 1px solid rgb(189, 189, 189); | |
| 4568 color: rgb(110, 110, 110); | |
| 4569 text-shadow: white 0 1px 0; | |
| 4570 white-space: nowrap; | |
| 4571 text-overflow: ellipsis; | |
| 4572 overflow: hidden; | |
| 4573 font-size: 11px; | |
| 4574 } | |
| 4575 | |
| 4576 .styles-selector { | |
| 4577 cursor: text; | |
| 4578 } | |
| 4579 | |
| 4580 .workers-list { | |
| 4581 list-style: none; | |
| 4582 margin: 0; | |
| 4583 padding: 0; | |
| 4584 } | |
| 4585 | |
| 4586 .workers-list > li { | |
| 4587 overflow: hidden; | |
| 4588 text-overflow: ellipsis; | |
| 4589 white-space: nowrap; | |
| 4590 margin-left: 1em; | |
| 4591 font-size: 12px; | |
| 4592 } | |
| 4593 | |
| 4594 a.worker-item { | |
| 4595 color: rgb(33%, 33%, 33%); | |
| 4596 cursor: pointer; | |
| 4597 text-decoration: none; | |
| 4598 } | |
| 4599 | |
| 4600 .styles-section { | |
| 4601 padding: 2px 2px 4px 4px; | |
| 4602 min-height: 18px; | |
| 4603 white-space: nowrap; | |
| 4604 -webkit-background-origin: padding; | |
| 4605 -webkit-background-clip: padding; | |
| 4606 -webkit-user-select: text; | |
| 4607 } | |
| 4608 | |
| 4609 .styles-section:not(.first-styles-section) { | |
| 4610 border-top: 1px solid rgb(191, 191, 191); | |
| 4611 } | |
| 4612 | |
| 4613 .styles-section.read-only { | |
| 4614 background-color: rgb(240, 240, 240); | |
| 4615 } | |
| 4616 | |
| 4617 .styles-section .properties li.not-parsed-ok { | |
| 4618 margin-left: 0px; | |
| 4619 } | |
| 4620 | |
| 4621 .styles-section .properties li.not-parsed-ok::before { | |
| 4622 content: url(Images/warningIcon.png); | |
| 4623 opacity: 0.75; | |
| 4624 float: left; | |
| 4625 width: 8px; | |
| 4626 height: 8px; | |
| 4627 margin-top: 0; | |
| 4628 padding-right: 5px; | |
| 4629 vertical-align: sub; | |
| 4630 -webkit-user-select: none; | |
| 4631 cursor: default; | |
| 4632 } | |
| 4633 | |
| 4634 .styles-section .header { | |
| 4635 white-space: nowrap; | |
| 4636 -webkit-background-origin: padding; | |
| 4637 -webkit-background-clip: padding; | |
| 4638 } | |
| 4639 | |
| 4640 .styles-section .header .title { | |
| 4641 word-wrap: break-word; | |
| 4642 white-space: normal; | |
| 4643 } | |
| 4644 | |
| 4645 .styles-section .header .subtitle { | |
| 4646 color: rgb(85, 85, 85); | |
| 4647 float: right; | |
| 4648 margin-left: 5px; | |
| 4649 max-width: 65%; | |
| 4650 text-overflow: ellipsis; | |
| 4651 overflow: hidden; | |
| 4652 } | |
| 4653 | |
| 4654 .styles-section .header .subtitle a { | |
| 4655 color: inherit; | |
| 4656 } | |
| 4657 | |
| 4658 .styles-section a::before { | |
| 4659 content: attr(data-uncopyable); | |
| 4660 } | |
| 4661 | |
| 4662 .styles-section .properties { | |
| 4663 display: none; | |
| 4664 margin: 0; | |
| 4665 padding: 2px 4px 0 8px; | |
| 4666 list-style: none; | |
| 4667 } | |
| 4668 | |
| 4669 .styles-section.no-affect .properties li { | |
| 4670 opacity: 0.5; | |
| 4671 } | |
| 4672 | |
| 4673 .styles-section.no-affect .properties li.editing { | |
| 4674 opacity: 1.0; | |
| 4675 } | |
| 4676 | |
| 4677 .styles-section.expanded .properties { | |
| 4678 display: block; | |
| 4679 } | |
| 4680 | |
| 4681 .styles-section .properties li { | |
| 4682 margin-left: 12px; | |
| 4683 white-space: nowrap; | |
| 4684 text-overflow: ellipsis; | |
| 4685 overflow: hidden; | |
| 4686 cursor: auto; | |
| 4687 } | |
| 4688 | |
| 4689 .styles-section .properties li.parent { | |
| 4690 margin-left: 1px; | |
| 4691 } | |
| 4692 | |
| 4693 .styles-section .properties ol { | |
| 4694 display: none; | |
| 4695 margin: 0; | |
| 4696 -webkit-padding-start: 12px; | |
| 4697 list-style: none; | |
| 4698 } | |
| 4699 | |
| 4700 .styles-section .properties ol.expanded { | |
| 4701 display: block; | |
| 4702 } | |
| 4703 | |
| 4704 .styles-section .properties li.parent::before { | |
| 4705 content: url(Images/treeRightTriangleBlack.png); | |
| 4706 opacity: 0.75; | |
| 4707 float: left; | |
| 4708 width: 8px; | |
| 4709 height: 8px; | |
| 4710 margin-top: 0; | |
| 4711 padding-right: 3px; | |
| 4712 -webkit-user-select: none; | |
| 4713 cursor: default; | |
| 4714 } | |
| 4715 | |
| 4716 .styles-section .properties li.parent.expanded::before { | |
| 4717 content: url(Images/treeDownTriangleBlack.png); | |
| 4718 margin-top: 1px; | |
| 4719 } | |
| 4720 | |
| 4721 .styles-section .properties li .info { | |
| 4722 padding-top: 4px; | |
| 4723 padding-bottom: 3px; | |
| 4724 } | |
| 4725 | |
| 4726 .styles-section:hover .properties .enabled-button { | |
| 4727 display: block; | |
| 4728 } | |
| 4729 | |
| 4730 .styles-section .properties li.disabled .enabled-button { | |
| 4731 display: block; | |
| 4732 } | |
| 4733 | |
| 4734 .styles-section .properties .enabled-button { | |
| 4735 display: none; | |
| 4736 float: right; | |
| 4737 font-size: 10px; | |
| 4738 margin: 0 0 0 4px; | |
| 4739 vertical-align: top; | |
| 4740 position: relative; | |
| 4741 z-index: 1; | |
| 4742 } | |
| 4743 | |
| 4744 .styles-section .properties .overloaded, .styles-section .properties .inactive,
.styles-section .properties .disabled { | |
| 4745 text-decoration: line-through; | |
| 4746 } | |
| 4747 | |
| 4748 .styles-section.computed-style .properties .disabled { | |
| 4749 text-decoration: none; | |
| 4750 opacity: 0.5; | |
| 4751 } | |
| 4752 | |
| 4753 .styles-section .properties .implicit, .styles-section .properties .inherited { | |
| 4754 opacity: 0.5; | |
| 4755 } | |
| 4756 | |
| 4757 | |
| 4758 .body .styles-section .properties .inherited { | |
| 4759 display: none; | |
| 4760 } | |
| 4761 | |
| 4762 .body.show-inherited .styles-section .properties .inherited { | |
| 4763 display: block; | |
| 4764 } | |
| 4765 | |
| 4766 a.worker-item:hover { | |
| 4767 color: rgb(15%, 15%, 15%); | |
| 4768 } | |
| 4769 | |
| 4770 .resource-content-unavailable { | |
| 4771 color: rgb(50%, 50%, 50%); | |
| 4772 font-style: italic; | |
| 4773 font-size: 14px; | |
| 4774 text-align: center; | |
| 4775 padding: 32px; | |
| 4776 } | |
| 4777 | |
| 4778 .node-link { | |
| 4779 text-decoration: underline; | |
| 4780 cursor: pointer; | |
| 4781 } | |
| 4782 | |
| 4783 .cursor-pointer { | |
| 4784 cursor: pointer; | |
| 4785 } | |
| 4786 | |
| 4787 .cursor-auto { | |
| 4788 cursor: auto; | |
| 4789 } | |
| 4790 | |
| 4791 /* inspectorSyntaxHighlight.css */ | |
| 4792 | |
| 4793 /* | |
| 4794 * Copyright (C) 2009 Apple Inc. All rights reserved. | |
| 4795 * | |
| 4796 * Redistribution and use in source and binary forms, with or without | |
| 4797 * modification, are permitted provided that the following conditions | |
| 4798 * are met: | |
| 4799 * | |
| 4800 * 1. Redistributions of source code must retain the above copyright | |
| 4801 * notice, this list of conditions and the following disclaimer. | |
| 4802 * 2. Redistributions in binary form must reproduce the above copyright | |
| 4803 * notice, this list of conditions and the following disclaimer in the | |
| 4804 * documentation and/or other materials provided with the distribution. | |
| 4805 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | |
| 4806 * its contributors may be used to endorse or promote products derived | |
| 4807 * from this software without specific prior written permission. | |
| 4808 * | |
| 4809 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | |
| 4810 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
| 4811 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
| 4812 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | |
| 4813 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
| 4814 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | |
| 4815 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | |
| 4816 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
| 4817 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | |
| 4818 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
| 4819 */ | |
| 4820 | |
| 4821 .webkit-css-comment { | |
| 4822 color: rgb(0, 116, 0); | |
| 4823 } | |
| 4824 | |
| 4825 .webkit-css-url, .webkit-css-color, .webkit-css-string, .webkit-css-keyword { | |
| 4826 color: rgb(7, 144, 154); | |
| 4827 } | |
| 4828 | |
| 4829 .webkit-css-number { | |
| 4830 color: rgb(50, 0, 255); | |
| 4831 } | |
| 4832 | |
| 4833 .webkit-css-property, .webkit-css-at-rule { | |
| 4834 color: rgb(200, 0, 0); | |
| 4835 } | |
| 4836 | |
| 4837 .webkit-css-selector { | |
| 4838 color: black; | |
| 4839 } | |
| 4840 | |
| 4841 .webkit-css-important { | |
| 4842 color: rgb(200, 0, 180); | |
| 4843 } | |
| 4844 | |
| 4845 .webkit-javascript-comment { | |
| 4846 color: rgb(0, 116, 0); | |
| 4847 } | |
| 4848 | |
| 4849 .webkit-javascript-keyword { | |
| 4850 color: rgb(170, 13, 145); | |
| 4851 } | |
| 4852 | |
| 4853 .webkit-javascript-number { | |
| 4854 color: rgb(28, 0, 207); | |
| 4855 } | |
| 4856 | |
| 4857 .webkit-javascript-string, .webkit-javascript-regexp { | |
| 4858 color: rgb(196, 26, 22); | |
| 4859 } | |
| 4860 | |
| 4861 .webkit-javascript-ident { | |
| 4862 color: black; | |
| 4863 } | |
| 4864 | |
| 4865 .webkit-html-comment { | |
| 4866 /* Keep this in sync with view-source.css (.webkit-html-comment) */ | |
| 4867 color: rgb(35, 110, 37); | |
| 4868 } | |
| 4869 | |
| 4870 .webkit-html-tag { | |
| 4871 /* Keep this in sync with view-source.css (.webkit-html-tag) */ | |
| 4872 color: rgb(136, 18, 128); | |
| 4873 } | |
| 4874 | |
| 4875 .webkit-html-doctype { | |
| 4876 /* Keep this in sync with view-source.css (.webkit-html-doctype) */ | |
| 4877 color: rgb(192, 192, 192); | |
| 4878 } | |
| 4879 | |
| 4880 .webkit-html-attribute-name { | |
| 4881 /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */ | |
| 4882 color: rgb(153, 69, 0); | |
| 4883 } | |
| 4884 | |
| 4885 .webkit-html-attribute-value { | |
| 4886 /* Keep this in sync with view-source.css (.webkit-html-attribute-value) */ | |
| 4887 color: rgb(26, 26, 166); | |
| 4888 } | |
| 4889 | |
| 4890 .webkit-html-external-link, .webkit-html-resource-link { | |
| 4891 /* Keep this in sync with view-source.css (.webkit-html-external-link, .webk
it-html-resource-link) */ | |
| 4892 color: #00e; | |
| 4893 } | |
| 4894 | |
| 4895 .webkit-html-external-link { | |
| 4896 /* Keep this in sync with view-source.css (.webkit-html-external-link) */ | |
| 4897 text-decoration: none; | |
| 4898 } | |
| 4899 | |
| 4900 .webkit-html-external-link:hover { | |
| 4901 /* Keep this in sync with view-source.css (.webkit-html-external-link:hover)
*/ | |
| 4902 text-decoration: underline; | |
| 4903 } | |
| 4904 | |
| 4905 /* networkPanel.css */ | |
| 4906 | |
| 4907 .network-larger-resources-status-bar-item .glyph { | |
| 4908 -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); | |
| 4909 } | |
| 4910 | |
| 4911 .network-sidebar .data-grid { | |
| 4912 border: none; | |
| 4913 position: absolute; | |
| 4914 top: 0; | |
| 4915 left: 0; | |
| 4916 right: 0; | |
| 4917 bottom: 0; | |
| 4918 font-size: 11px; | |
| 4919 } | |
| 4920 | |
| 4921 .network-sidebar .data-grid table.data { | |
| 4922 -webkit-background-size: 1px 82px; | |
| 4923 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0
.05)), to(rgba(0, 0, 0, 0.05))); | |
| 4924 font-size: 11px; | |
| 4925 } | |
| 4926 | |
| 4927 .network-sidebar .data-grid.small table.data { | |
| 4928 -webkit-background-size: 1px 42px; | |
| 4929 } | |
| 4930 | |
| 4931 .network-sidebar .data-grid td:not(.network-summary) { | |
| 4932 line-height: 17px; | |
| 4933 height: 37px; | |
| 4934 border-right: 1px solid rgb(210, 210, 210); | |
| 4935 vertical-align: middle; | |
| 4936 } | |
| 4937 | |
| 4938 .network-sidebar .data-grid.small td { | |
| 4939 height: 17px; | |
| 4940 } | |
| 4941 | |
| 4942 .network-sidebar .data-grid th { | |
| 4943 border-bottom: 1px solid rgb(64%, 64%, 64%); | |
| 4944 height: 30px; | |
| 4945 font-size: 11px; | |
| 4946 font-weight: bold; | |
| 4947 } | |
| 4948 | |
| 4949 .network-sidebar .data-grid.small th { | |
| 4950 height: 22px; | |
| 4951 } | |
| 4952 | |
| 4953 .network-sidebar .data-grid th, .network.panel .data-grid th.sort-descending, .n
etwork.panel .data-grid th.sort-ascending { | |
| 4954 background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 23
6, 236)), to(rgb(217, 217, 217))); | |
| 4955 } | |
| 4956 | |
| 4957 .network-sidebar .data-grid .data-container { | |
| 4958 top: 31px; | |
| 4959 } | |
| 4960 | |
| 4961 .network-sidebar .data-grid.small .data-container { | |
| 4962 top: 23px; | |
| 4963 } | |
| 4964 | |
| 4965 .network-sidebar .data-grid select { | |
| 4966 -webkit-appearance: none; | |
| 4967 background-color: transparent; | |
| 4968 border: none; | |
| 4969 width: 100%; | |
| 4970 font-size: 11px; | |
| 4971 font-weight: bold; | |
| 4972 } | |
| 4973 | |
| 4974 .network-sidebar .data-grid tr.filler { | |
| 4975 background-color: white; | |
| 4976 } | |
| 4977 | |
| 4978 .network-sidebar .data-grid td.name-column { | |
| 4979 font-weight: bold; | |
| 4980 cursor: pointer; | |
| 4981 } | |
| 4982 | |
| 4983 .network.panel:not(.viewing-resource) .network-sidebar td.name-column:hover { | |
| 4984 text-decoration: underline; | |
| 4985 } | |
| 4986 | |
| 4987 .network-sidebar .data-grid td.method-column, | |
| 4988 .network-sidebar .data-grid td.status-column, | |
| 4989 .network-sidebar .data-grid td.type-column, | |
| 4990 .network-sidebar .data-grid td.size-column, | |
| 4991 .network-sidebar .data-grid td.time-column { | |
| 4992 background-color: rgba(0, 0, 0, 0.07); | |
| 4993 } | |
| 4994 | |
| 4995 .network-sidebar .data-grid td.size-column, | |
| 4996 .network-sidebar .data-grid td.time-column { | |
| 4997 text-align: right; | |
| 4998 } | |
| 4999 | |
| 5000 .network-sidebar .small .network-graph-side { | |
| 5001 height: 14px; | |
| 5002 } | |
| 5003 | |
| 5004 .network-sidebar .data-grid th.sortable:active { | |
| 5005 background-image: none; | |
| 5006 } | |
| 5007 | |
| 5008 .network-cell-subtitle { | |
| 5009 font-weight: normal; | |
| 5010 color: gray; | |
| 5011 } | |
| 5012 | |
| 5013 .network-sidebar tr.selected .network-cell-subtitle { | |
| 5014 color: white; | |
| 5015 } | |
| 5016 | |
| 5017 .network-header-subtitle { | |
| 5018 color: gray; | |
| 5019 } | |
| 5020 | |
| 5021 .network-sidebar .data-grid.small .network-cell-subtitle, | |
| 5022 .network-sidebar .data-grid.small .network-header-subtitle | |
| 5023 { | |
| 5024 display: none; | |
| 5025 } | |
| 5026 | |
| 5027 /* Resource preview icons */ | |
| 5028 | |
| 5029 .network-sidebar .data-grid .icon { | |
| 5030 content: url(Images/resourcePlainIcon.png); | |
| 5031 } | |
| 5032 | |
| 5033 .network-sidebar .data-grid.small .icon { | |
| 5034 content: url(Images/resourcePlainIconSmall.png); | |
| 5035 } | |
| 5036 | |
| 5037 .network-sidebar .network-category-scripts .icon { | |
| 5038 content: url(Images/resourceJSIcon.png); | |
| 5039 } | |
| 5040 | |
| 5041 .network-sidebar .data-grid.small .network-category-scripts .icon { | |
| 5042 content: url(Images/resourceDocumentIconSmall.png); | |
| 5043 } | |
| 5044 | |
| 5045 .network-sidebar .network-category-documents .icon { | |
| 5046 content: url(Images/resourceDocumentIcon.png); | |
| 5047 } | |
| 5048 | |
| 5049 .network-sidebar .data-grid.small .network-category-documents .icon { | |
| 5050 content: url(Images/resourceDocumentIconSmall.png); | |
| 5051 } | |
| 5052 | |
| 5053 .network-sidebar .network-category-stylesheets .icon { | |
| 5054 content: url(Images/resourceCSSIcon.png); | |
| 5055 } | |
| 5056 | |
| 5057 .network-sidebar .data-grid.small .network-category-stylesheets .icon { | |
| 5058 content: url(Images/resourceDocumentIconSmall.png); | |
| 5059 } | |
| 5060 | |
| 5061 .network-sidebar .network-category-images .icon { | |
| 5062 position: relative; | |
| 5063 background-image: url(Images/resourcePlainIcon.png); | |
| 5064 background-repeat: no-repeat; | |
| 5065 content: ""; | |
| 5066 } | |
| 5067 | |
| 5068 .network-sidebar .data-grid.small .network-category-images .icon { | |
| 5069 background-image: url(Images/resourcePlainIconSmall.png); | |
| 5070 content: ""; | |
| 5071 } | |
| 5072 | |
| 5073 .network-sidebar .data-grid .icon { | |
| 5074 float: left; | |
| 5075 width: 32px; | |
| 5076 height: 32px; | |
| 5077 margin-top: 1px; | |
| 5078 margin-right: 3px; | |
| 5079 } | |
| 5080 | |
| 5081 .network-sidebar .data-grid.small .icon { | |
| 5082 width: 16px; | |
| 5083 height: 16px; | |
| 5084 } | |
| 5085 | |
| 5086 .network-sidebar .image-network-icon-preview { | |
| 5087 position: absolute; | |
| 5088 margin: auto; | |
| 5089 top: 3px; | |
| 5090 bottom: 4px; | |
| 5091 left: 5px; | |
| 5092 right: 5px; | |
| 5093 max-width: 18px; | |
| 5094 max-height: 21px; | |
| 5095 min-width: 1px; | |
| 5096 min-height: 1px; | |
| 5097 } | |
| 5098 | |
| 5099 .network-sidebar .data-grid.small .image-network-icon-preview { | |
| 5100 top: 2px; | |
| 5101 bottom: 1px; | |
| 5102 left: 3px; | |
| 5103 right: 3px; | |
| 5104 max-width: 8px; | |
| 5105 max-height: 11px; | |
| 5106 } | |
| 5107 | |
| 5108 /* Graph styles */ | |
| 5109 | |
| 5110 .network-graph-side { | |
| 5111 position: relative; | |
| 5112 height: 36px; | |
| 5113 padding: 0 5px; | |
| 5114 white-space: nowrap; | |
| 5115 margin-top: 1px; | |
| 5116 border-top: 1px solid transparent; | |
| 5117 overflow: hidden; | |
| 5118 } | |
| 5119 | |
| 5120 .network-graph-bar-area { | |
| 5121 position: absolute; | |
| 5122 top: 0; | |
| 5123 bottom: 0; | |
| 5124 right: 8px; | |
| 5125 left: 9px; | |
| 5126 } | |
| 5127 | |
| 5128 .network-graph-label { | |
| 5129 position: absolute; | |
| 5130 top: 0; | |
| 5131 bottom: 0; | |
| 5132 margin: auto -7px; | |
| 5133 height: 13px; | |
| 5134 line-height: 13px; | |
| 5135 font-size: 9px; | |
| 5136 color: rgba(0, 0, 0, 0.75); | |
| 5137 text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1
px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0; | |
| 5138 z-index: 150; | |
| 5139 overflow: hidden; | |
| 5140 text-align: center; | |
| 5141 font-weight: bold; | |
| 5142 opacity: 0; | |
| 5143 -webkit-transition: opacity 250ms ease-in-out; | |
| 5144 } | |
| 5145 | |
| 5146 .network-graph-side:hover .network-graph-label { | |
| 5147 opacity: 1; | |
| 5148 } | |
| 5149 | |
| 5150 .network-graph-label:empty { | |
| 5151 display: none; | |
| 5152 } | |
| 5153 | |
| 5154 .network-graph-label.waiting { | |
| 5155 margin-right: 5px; | |
| 5156 } | |
| 5157 | |
| 5158 .network-graph-label.waiting-right { | |
| 5159 margin-left: 5px; | |
| 5160 } | |
| 5161 | |
| 5162 .network-graph-label.before { | |
| 5163 color: rgba(0, 0, 0, 0.7); | |
| 5164 text-shadow: none; | |
| 5165 text-align: right; | |
| 5166 margin-right: 2px; | |
| 5167 } | |
| 5168 | |
| 5169 .network-graph-label.before::after { | |
| 5170 padding-left: 2px; | |
| 5171 height: 6px; | |
| 5172 content: url(Images/graphLabelCalloutLeft.png); | |
| 5173 } | |
| 5174 | |
| 5175 .network-graph-label.after { | |
| 5176 color: rgba(0, 0, 0, 0.7); | |
| 5177 text-shadow: none; | |
| 5178 text-align: left; | |
| 5179 margin-left: 2px; | |
| 5180 } | |
| 5181 | |
| 5182 .network-graph-label.after::before { | |
| 5183 padding-right: 2px; | |
| 5184 height: 6px; | |
| 5185 content: url(Images/graphLabelCalloutRight.png); | |
| 5186 } | |
| 5187 | |
| 5188 .network-graph-bar { | |
| 5189 position: absolute; | |
| 5190 top: 0; | |
| 5191 bottom: 0; | |
| 5192 margin: auto -7px; | |
| 5193 border-width: 6px 7px; | |
| 5194 height: 13px; | |
| 5195 min-width: 14px; | |
| 5196 opacity: 0.65; | |
| 5197 -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; | |
| 5198 } | |
| 5199 | |
| 5200 .network-graph-bar.waiting, .network-graph-bar.waiting-right { | |
| 5201 opacity: 0.35; | |
| 5202 } | |
| 5203 | |
| 5204 /* Resource categories */ | |
| 5205 | |
| 5206 | |
| 5207 .resource-cached .network-graph-bar { | |
| 5208 -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; | |
| 5209 } | |
| 5210 | |
| 5211 .network-category-documents .network-graph-bar { | |
| 5212 -webkit-border-image: url(Images/timelinePillBlue.png) 6 7 6 7; | |
| 5213 } | |
| 5214 | |
| 5215 .network-category-documents.resource-cached .network-graph-bar { | |
| 5216 -webkit-border-image: url(Images/timelineHollowPillBlue.png) 6 7 6 7; | |
| 5217 } | |
| 5218 | |
| 5219 .network-category-stylesheets .network-graph-bar { | |
| 5220 -webkit-border-image: url(Images/timelinePillGreen.png) 6 7 6 7; | |
| 5221 } | |
| 5222 | |
| 5223 .network-category-stylesheets.resource-cached .network-graph-bar { | |
| 5224 -webkit-border-image: url(Images/timelineHollowPillGreen.png) 6 7 6 7; | |
| 5225 } | |
| 5226 | |
| 5227 .network-category-images .network-graph-bar { | |
| 5228 -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7; | |
| 5229 } | |
| 5230 | |
| 5231 .network-category-images.resource-cached .network-graph-bar { | |
| 5232 -webkit-border-image: url(Images/timelineHollowPillPurple.png) 6 7 6 7; | |
| 5233 } | |
| 5234 | |
| 5235 .network-category-fonts .network-graph-bar { | |
| 5236 -webkit-border-image: url(Images/timelinePillRed.png) 6 7 6 7; | |
| 5237 } | |
| 5238 | |
| 5239 .network-category-fonts.resource-cached .network-graph-bar { | |
| 5240 -webkit-border-image: url(Images/timelineHollowPillRed.png) 6 7 6 7; | |
| 5241 } | |
| 5242 | |
| 5243 .network-category-scripts .network-graph-bar { | |
| 5244 -webkit-border-image: url(Images/timelinePillOrange.png) 6 7 6 7; | |
| 5245 } | |
| 5246 | |
| 5247 .network-category-scripts.resource-cached .network-graph-bar { | |
| 5248 -webkit-border-image: url(Images/timelineHollowPillOrange.png) 6 7 6 7; | |
| 5249 } | |
| 5250 | |
| 5251 .network-category-xhr .network-graph-bar { | |
| 5252 -webkit-border-image: url(Images/timelinePillYellow.png) 6 7 6 7; | |
| 5253 } | |
| 5254 | |
| 5255 .network-category-xhr.resource-cached .network-graph-bar { | |
| 5256 -webkit-border-image: url(Images/timelineHollowPillYellow.png) 6 7 6 7; | |
| 5257 } | |
| 5258 | |
| 5259 .network-category-websockets .network-graph-bar { | |
| 5260 -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; | |
| 5261 } | |
| 5262 | |
| 5263 .network-category-websockets.resource-cached .network-graph-bar { | |
| 5264 -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; | |
| 5265 } | |
| 5266 | |
| 5267 | |
| 5268 /* Popover */ | |
| 5269 | |
| 5270 .network-timing-row { | |
| 5271 position: relative; | |
| 5272 height: 16px; | |
| 5273 } | |
| 5274 | |
| 5275 .network-timing-bar { | |
| 5276 position: absolute; | |
| 5277 background-color: red; | |
| 5278 border-left: 1px solid red; | |
| 5279 opacity: 0.4; | |
| 5280 top: 0; | |
| 5281 bottom: 0; | |
| 5282 } | |
| 5283 | |
| 5284 .network-timing-bar-title { | |
| 5285 position: absolute; | |
| 5286 color: black; | |
| 5287 top: 1px; | |
| 5288 } | |
| 5289 | |
| 5290 .network-dim-cell { | |
| 5291 color: grey; | |
| 5292 } | |
| 5293 | |
| 5294 /* Dividers */ | |
| 5295 | |
| 5296 .network-timeline-grid { | |
| 5297 position: absolute; | |
| 5298 top: 0; | |
| 5299 bottom: 0; | |
| 5300 left: 0; | |
| 5301 right: 0; | |
| 5302 pointer-events: none; | |
| 5303 } | |
| 5304 | |
| 5305 .network-event-divider-padding { | |
| 5306 position: absolute; | |
| 5307 width: 8px; | |
| 5308 top: 0; | |
| 5309 bottom: 0; | |
| 5310 pointer-events: auto; | |
| 5311 } | |
| 5312 | |
| 5313 .network-event-divider { | |
| 5314 position: absolute; | |
| 5315 width: 2px; | |
| 5316 top: 31px; | |
| 5317 bottom: 0; | |
| 5318 z-index: 300; | |
| 5319 } | |
| 5320 | |
| 5321 .network-sidebar .network-timeline-grid.small .network-event-divider { | |
| 5322 top: 23px; | |
| 5323 } | |
| 5324 | |
| 5325 .network-red-divider { | |
| 5326 background-color: rgba(255, 0, 0, 0.5); | |
| 5327 } | |
| 5328 | |
| 5329 .network-blue-divider { | |
| 5330 background-color: rgba(0, 0, 255, 0.5); | |
| 5331 } | |
| 5332 | |
| 5333 .network-sidebar .resources-dividers { | |
| 5334 z-index: 0; | |
| 5335 } | |
| 5336 | |
| 5337 .network-sidebar .resources-dividers-label-bar { | |
| 5338 background-color: transparent; | |
| 5339 border: none; | |
| 5340 height: 30px; | |
| 5341 pointer-events: none; | |
| 5342 } | |
| 5343 | |
| 5344 .network-sidebar .network-timeline-grid.small .resources-dividers-label-bar { | |
| 5345 height: 23px; | |
| 5346 } | |
| 5347 | |
| 5348 .network-sidebar .resources-divider-label { | |
| 5349 top: 0px; | |
| 5350 margin-top: -4px; | |
| 5351 color: black; | |
| 5352 } | |
| 5353 | |
| 5354 .network-sidebar .resources-dividers-label-bar .resources-divider { | |
| 5355 top: 23px; | |
| 5356 } | |
| 5357 | |
| 5358 .network-sidebar .network-timeline-grid.small .resources-dividers-label-bar .res
ources-divider { | |
| 5359 top: 15px; | |
| 5360 } | |
| 5361 | |
| 5362 .network-sidebar .resources-divider.first .resources-divider-label { | |
| 5363 display: none; | |
| 5364 } | |
| 5365 | |
| 5366 .network-sidebar .resources-dividers-label-bar .resources-divider.first { | |
| 5367 background-color: transparent; | |
| 5368 } | |
| 5369 | |
| 5370 /* Filters */ | |
| 5371 #network-filter { | |
| 5372 margin-top: 1px; | |
| 5373 } | |
| 5374 | |
| 5375 .data-grid table.data tr.revealed.network-item { | |
| 5376 display: none; | |
| 5377 } | |
| 5378 | |
| 5379 .data-grid.filter-all table.data tr.revealed.network-item, | |
| 5380 .data-grid.filter-documents table.data tr.revealed.network-category-documents, | |
| 5381 .data-grid.filter-stylesheets table.data tr.revealed.network-category-stylesheet
s, | |
| 5382 .data-grid.filter-images table.data tr.revealed.network-category-images, | |
| 5383 .data-grid.filter-scripts table.data tr.revealed.network-category-scripts, | |
| 5384 .data-grid.filter-xhr table.data tr.revealed.network-category-xhr, | |
| 5385 .data-grid.filter-fonts table.data tr.revealed.network-category-fonts, | |
| 5386 .data-grid.filter-websockets table.data tr.revealed.network-category-websockets, | |
| 5387 .data-grid.filter-other table.data tr.revealed.network-category-other { | |
| 5388 display: table-row; | |
| 5389 } | |
| 5390 | |
| 5391 /* Summary */ | |
| 5392 | |
| 5393 .network-summary-bar { | |
| 5394 background-color: rgb(101, 111, 130); | |
| 5395 color: white; | |
| 5396 height: 20px; | |
| 5397 font-size: 11px; | |
| 5398 font-weight: bold; | |
| 5399 padding-top: 3px; | |
| 5400 padding-left: 10px; | |
| 5401 z-index: 2000; | |
| 5402 white-space: pre; | |
| 5403 overflow : hidden; | |
| 5404 text-overflow : ellipsis; | |
| 5405 } | |
| 5406 | |
| 5407 .network-summary-bar-bottom { | |
| 5408 position: absolute; | |
| 5409 bottom: 0; | |
| 5410 left: 0; | |
| 5411 right: 0; | |
| 5412 padding-top: 3px; | |
| 5413 } | |
| 5414 | |
| 5415 .data-grid td .network-summary-bar { | |
| 5416 white-space: pre; | |
| 5417 } | |
| 5418 | |
| 5419 .network-sidebar .data-grid td.network-summary { | |
| 5420 padding: 0; | |
| 5421 } | |
| 5422 | |
| 5423 /* Viewer */ | |
| 5424 | |
| 5425 .network.panel.viewing-resource .network-sidebar .data-grid td, | |
| 5426 .network.panel.viewing-resource .network-sidebar .data-grid th { | |
| 5427 border-right: none; | |
| 5428 } | |
| 5429 | |
| 5430 .network.panel.viewing-resource .data-grid th.corner { | |
| 5431 display: none; | |
| 5432 } | |
| 5433 | |
| 5434 #network-container { | |
| 5435 position: absolute; | |
| 5436 top: 0; | |
| 5437 left: 0; | |
| 5438 bottom: 0; | |
| 5439 right: 0; | |
| 5440 border-right: 0 none transparent; | |
| 5441 overflow-y: auto; | |
| 5442 overflow-x: hidden; | |
| 5443 } | |
| 5444 | |
| 5445 .network.panel.viewing-resource #network-container { | |
| 5446 border-right: 1px solid rgb(163, 163, 163); | |
| 5447 } | |
| 5448 | |
| 5449 #network-views { | |
| 5450 position: absolute; | |
| 5451 background: rgb(203, 203, 203); | |
| 5452 top: 0; | |
| 5453 right: 0; | |
| 5454 bottom: 0; | |
| 5455 left: 0; | |
| 5456 } | |
| 5457 | |
| 5458 #network-close-button { | |
| 5459 position: absolute; | |
| 5460 width: 14px; | |
| 5461 height: 14px; | |
| 5462 background-image: url(Images/closeButtons.png); | |
| 5463 background-position: 0 0; | |
| 5464 background-color: transparent; | |
| 5465 border: 0 none transparent; | |
| 5466 top: 8px; | |
| 5467 left: 5px; | |
| 5468 z-index: 10; | |
| 5469 display: none; | |
| 5470 } | |
| 5471 | |
| 5472 #network-views.small #network-close-button { | |
| 5473 top: 4px; | |
| 5474 } | |
| 5475 | |
| 5476 #network-close-button:hover { | |
| 5477 background-position: 14px 0; | |
| 5478 } | |
| 5479 | |
| 5480 #network-close-button:active { | |
| 5481 background-position: 28px 0; | |
| 5482 } | |
| 5483 | |
| 5484 .network.panel.viewing-resource #network-close-button { | |
| 5485 display: block; | |
| 5486 } | |
| 5487 | |
| 5488 | |
| 5489 .network-sidebar .data-grid.full-grid-mode .viewer-column { | |
| 5490 display: none; | |
| 5491 } | |
| 5492 | |
| 5493 .network-sidebar .data-grid.brief-grid-mode .viewer-column, | |
| 5494 .network-sidebar .data-grid.brief-grid-mode .method-column, | |
| 5495 .network-sidebar .data-grid.brief-grid-mode .status-column, | |
| 5496 .network-sidebar .data-grid.brief-grid-mode .type-column, | |
| 5497 .network-sidebar .data-grid.brief-grid-mode .size-column, | |
| 5498 .network-sidebar .data-grid.brief-grid-mode .time-column { | |
| 5499 display: none; | |
| 5500 } | |
| 5501 | |
| 5502 .network.panel.viewing-resource .network-timeline-grid { | |
| 5503 display: none; | |
| 5504 } | |
| 5505 | |
| 5506 .network-sidebar .data-grid.viewing-resource-mode .method-column, | |
| 5507 .network-sidebar .data-grid.viewing-resource-mode .status-column, | |
| 5508 .network-sidebar .data-grid.viewing-resource-mode .type-column, | |
| 5509 .network-sidebar .data-grid.viewing-resource-mode .size-column, | |
| 5510 .network-sidebar .data-grid.viewing-resource-mode .time-column, | |
| 5511 .network-sidebar .data-grid.viewing-resource-mode .timeline-column { | |
| 5512 display: none; | |
| 5513 } | |
| 5514 | |
| 5515 .network.panel .network-sidebar { | |
| 5516 position: absolute; | |
| 5517 top: 0; | |
| 5518 bottom: 0; | |
| 5519 left: 0; | |
| 5520 right: 0; | |
| 5521 } | |
| 5522 | |
| 5523 .network.panel:not(.viewing-resource) .sidebar-resizer-vertical { | |
| 5524 display: none; | |
| 5525 } | |
| 5526 | |
| 5527 .network.panel.viewing-resource .network-sidebar .data-grid-resizer { | |
| 5528 display: none; | |
| 5529 } | |
| 5530 | |
| 5531 .network.panel .scope-bar { | |
| 5532 height: 23px; | |
| 5533 padding-top: 5px; | |
| 5534 } | |
| 5535 | |
| 5536 .network.panel:not(.viewing-resource) .data-grid tr.selected { | |
| 5537 background-color: transparent; | |
| 5538 color: black; | |
| 5539 } | |
| 5540 | |
| 5541 #network-views .network-item-view .tabbed-pane-header { | |
| 5542 height: 31px; | |
| 5543 padding-top: 8px; | |
| 5544 padding-left: 25px; | |
| 5545 white-space: nowrap; | |
| 5546 } | |
| 5547 | |
| 5548 #network-views.small .network-item-view .tabbed-pane-header { | |
| 5549 height: 23px; | |
| 5550 padding-top: 0; | |
| 5551 } | |
| 5552 | |
| 5553 .network.panel.viewing-resource .data-grid .data-container { | |
| 5554 padding-right: 0; | |
| 5555 } | |
| 5556 | |
| 5557 .network-item-view { | |
| 5558 display: none; | |
| 5559 position: absolute; | |
| 5560 background: white; | |
| 5561 top: 0; | |
| 5562 left: 0; | |
| 5563 right: 0; | |
| 5564 bottom: 0; | |
| 5565 } | |
| 5566 | |
| 5567 .network-item-view.visible { | |
| 5568 display: -webkit-box; | |
| 5569 } | |
| 5570 | |
| 5571 .network-item-view .tabbed-pane-header { | |
| 5572 height: 20px; | |
| 5573 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(236, 236, 236)
), to(rgb(217, 217, 217))); | |
| 5574 border-bottom: 1px solid rgb(163, 163, 163); | |
| 5575 } | |
| 5576 | |
| 5577 .network-item-view .scope-bar li { | |
| 5578 border-bottom-left-radius: 0; | |
| 5579 border-bottom-right-radius: 0; | |
| 5580 } | |
| 5581 | |
| 5582 .resource-headers-view { | |
| 5583 display: none; | |
| 5584 padding: 6px; | |
| 5585 -webkit-user-select: text; | |
| 5586 position: absolute; | |
| 5587 top: 0; | |
| 5588 left: 0; | |
| 5589 right: 0; | |
| 5590 bottom: 0; | |
| 5591 overflow: auto; | |
| 5592 } | |
| 5593 | |
| 5594 .resource-headers-view.visible { | |
| 5595 display: block; | |
| 5596 } | |
| 5597 | |
| 5598 .resource-headers-view .outline-disclosure .parent { | |
| 5599 -webkit-user-select: none; | |
| 5600 font-weight: bold; | |
| 5601 } | |
| 5602 | |
| 5603 .resource-headers-view .outline-disclosure .children li { | |
| 5604 white-space: nowrap; | |
| 5605 } | |
| 5606 | |
| 5607 .resource-headers-view .outline-disclosure li.expanded .header-count { | |
| 5608 display: none; | |
| 5609 } | |
| 5610 | |
| 5611 .resource-headers-view .outline-disclosure .header-name { | |
| 5612 color: rgb(33%, 33%, 33%); | |
| 5613 display: inline-block; | |
| 5614 margin-right: 0.5em; | |
| 5615 font-weight: bold; | |
| 5616 vertical-align: top; | |
| 5617 white-space: pre-wrap; | |
| 5618 } | |
| 5619 | |
| 5620 .resource-headers-view .outline-disclosure .header-value { | |
| 5621 display: inline; | |
| 5622 margin-right: 100px; | |
| 5623 white-space: pre-wrap; | |
| 5624 word-break: break-all; | |
| 5625 margin-top: 1px; | |
| 5626 } | |
| 5627 | |
| 5628 .resource-headers-view .outline-disclosure .raw-form-data { | |
| 5629 white-space: pre-wrap; | |
| 5630 } | |
| 5631 | |
| 5632 .resource-cookies-view { | |
| 5633 display: none; | |
| 5634 position: absolute; | |
| 5635 top: 0; | |
| 5636 right: 0; | |
| 5637 left: 0; | |
| 5638 bottom: 0; | |
| 5639 overflow: auto; | |
| 5640 padding: 12px; | |
| 5641 height: 100%; | |
| 5642 } | |
| 5643 | |
| 5644 .resource-cookies-view.visible { | |
| 5645 display: block; | |
| 5646 } | |
| 5647 | |
| 5648 .resource-cookies-view .data-grid { | |
| 5649 height: 100%; | |
| 5650 } | |
| 5651 | |
| 5652 .resource-cookies-view .data-grid .row-group { | |
| 5653 font-weight: bold; | |
| 5654 font-size: 11px; | |
| 5655 } | |
| 5656 | |
| 5657 .resource-timing-view { | |
| 5658 display: none; | |
| 5659 position: absolute; | |
| 5660 top: 0; | |
| 5661 right: 0; | |
| 5662 left: 0; | |
| 5663 bottom: 0; | |
| 5664 padding: 6px; | |
| 5665 font-weight: bold; | |
| 5666 font-size: 11px; | |
| 5667 color: rgb(30%, 30%, 30%); | |
| 5668 } | |
| 5669 | |
| 5670 .resource-timing-view table { | |
| 5671 border-spacing: 21px 0; | |
| 5672 } | |
| 5673 | |
| 5674 .resource-timing-view .network-timing-bar { | |
| 5675 opacity: 1; | |
| 5676 } | |
| 5677 | |
| 5678 .resource-timing-view .network-timing-bar.proxy { | |
| 5679 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
39, 228, 176)), to(rgb(139, 128, 76))); | |
| 5680 border-left: 1px solid rgb(139, 128, 76); | |
| 5681 } | |
| 5682 | |
| 5683 .resource-timing-view .network-timing-bar.dns { | |
| 5684 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
53, 208, 216)), to(rgb(81, 174, 189))); | |
| 5685 border-left: 1px solid rgb(81, 174, 189); | |
| 5686 } | |
| 5687 | |
| 5688 .resource-timing-view .network-timing-bar.connecting { | |
| 5689 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
03, 232, 145)), to(rgb(160, 214, 56))); | |
| 5690 border-left: 1px solid rgb(160, 214, 56); | |
| 5691 } | |
| 5692 | |
| 5693 .resource-timing-view .network-timing-bar.ssl { | |
| 5694 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
1, 232, 145)), to(rgb(216, 149, 132))); | |
| 5695 border-left: 1px solid rgb(216, 149, 132); | |
| 5696 } | |
| 5697 | |
| 5698 .resource-timing-view .network-timing-bar.sending { | |
| 5699 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
32, 192, 182)), to(rgb(216, 147, 130))); | |
| 5700 border-left: 1px solid rgb(216, 147, 130); | |
| 5701 } | |
| 5702 | |
| 5703 .resource-timing-view .network-timing-bar.waiting { | |
| 5704 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
88, 179, 208)), to(rgb(141, 125, 175))); | |
| 5705 border-left: 1px solid rgb(141, 125, 175); | |
| 5706 } | |
| 5707 | |
| 5708 .resource-timing-view .network-timing-bar.receiving { | |
| 5709 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
14, 214, 214)), to(rgb(182, 182, 182))); | |
| 5710 border-left: 1px solid rgb(182, 182, 182); | |
| 5711 } | |
| 5712 | |
| 5713 .resource-timing-view.visible { | |
| 5714 display: block; | |
| 5715 } | |
| 5716 | |
| 5717 /* helpScreen.css */ | |
| 5718 | |
| 5719 .help-window-outer { | |
| 5720 position: absolute; | |
| 5721 top: 60px; | |
| 5722 left: 5%; | |
| 5723 width: 90%; | |
| 5724 bottom: 40px; | |
| 5725 z-index: 2000; | |
| 5726 } | |
| 5727 | |
| 5728 body.attached .help-window-outer { | |
| 5729 top: 32px; | |
| 5730 left: 0; | |
| 5731 width: 100%; | |
| 5732 bottom: 24px; | |
| 5733 } | |
| 5734 | |
| 5735 .help-window-main { | |
| 5736 max-height: 100%; | |
| 5737 opacity: 0.85; | |
| 5738 color: white; | |
| 5739 background-color: black; | |
| 5740 display: -webkit-box; | |
| 5741 -webkit-box-orient: vertical; | |
| 5742 border: 20px black solid; | |
| 5743 border-top-width: 0; | |
| 5744 border-radius: 8px; | |
| 5745 -webkit-box-shadow: 10px 10px 8px rgba(40, 40, 40, 0.40); | |
| 5746 } | |
| 5747 | |
| 5748 body.attached .help-window-main { | |
| 5749 border-width: 10px; | |
| 5750 border-radius: 0; | |
| 5751 -webkit-box-shadow: 0 0 0; | |
| 5752 } | |
| 5753 | |
| 5754 .help-window-caption { | |
| 5755 margin: 8px; | |
| 5756 } | |
| 5757 | |
| 5758 body.attached .help-window-caption { | |
| 5759 display: none; | |
| 5760 } | |
| 5761 | |
| 5762 .help-window-title { | |
| 5763 border-bottom: solid 1px lightGrey; | |
| 5764 font-size: 18px; | |
| 5765 padding-bottom: 6px; | |
| 5766 } | |
| 5767 | |
| 5768 .help-content { | |
| 5769 overflow-y: auto; | |
| 5770 overflow-x: hidden; | |
| 5771 scrollbar-width: 11px; | |
| 5772 -webkit-box-flex: 1; | |
| 5773 } | |
| 5774 | |
| 5775 .help-content::-webkit-scrollbar { | |
| 5776 width: 11px; | |
| 5777 } | |
| 5778 | |
| 5779 .help-content::-webkit-scrollbar-corner, | |
| 5780 .help-content::-webkit-resizer { | |
| 5781 display: none; | |
| 5782 } | |
| 5783 | |
| 5784 .help-content::-webkit-scrollbar-thumb:vertical { | |
| 5785 background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128,
128)), to(rgb(128, 128, 128)), color-stop(40%, rgb(96, 96, 96))); | |
| 5786 border-radius: 5px; | |
| 5787 min-height: 20px; | |
| 5788 } | |
| 5789 | |
| 5790 .help-content::-webkit-scrollbar-thumb:vertical:hover, | |
| 5791 .help-content::-webkit-scrollbar-thumb:vertical:active { | |
| 5792 background: -webkit-gradient(linear, left top, right top, from(rgb(176, 176,
176)), to(rgb(176, 176, 176)), color-stop(40%, rgb(144, 144, 144))); | |
| 5793 } | |
| 5794 | |
| 5795 .help-content::-webkit-scrollbar-track:vertical { | |
| 5796 background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 1
0)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32))); | |
| 5797 border-radius: 5px; | |
| 5798 } | |
| 5799 | |
| 5800 .help-close-button { | |
| 5801 border: 0; | |
| 5802 padding: 0; | |
| 5803 margin: 0px -20px 15px -20px; | |
| 5804 font-size: 14px; | |
| 5805 color: rgb(222, 222, 222); | |
| 5806 background: -webkit-gradient(radial, 30% 30%, 1, 50% 50%, 8, from(rgb(128, 1
28, 128)), to(rgb(80, 80, 80))); | |
| 5807 border-radius: 8px; | |
| 5808 height: 16px; | |
| 5809 width: 16px; | |
| 5810 } | |
| 5811 | |
| 5812 .help-close-button:hover { | |
| 5813 color: white; | |
| 5814 } | |
| 5815 | |
| 5816 body.platform-mac .help-close-button { | |
| 5817 float: left; | |
| 5818 margin-right: 10px; | |
| 5819 font-size: 12px; | |
| 5820 } | |
| 5821 | |
| 5822 body:not(.platform-mac) .help-close-button { | |
| 5823 float: right; | |
| 5824 } | |
| 5825 | |
| 5826 .help-table { | |
| 5827 width: 100%; | |
| 5828 font-size: 13px; | |
| 5829 -webkit-user-select: auto; | |
| 5830 } | |
| 5831 | |
| 5832 .help-table th { | |
| 5833 padding-top: 6px; | |
| 5834 text-align: left; | |
| 5835 color: yellow; | |
| 5836 } | |
| 5837 | |
| 5838 .help-table td { | |
| 5839 white-space: nowrap; | |
| 5840 vertical-align: top; | |
| 5841 } | |
| 5842 | |
| 5843 .help-key-cell { | |
| 5844 text-align: right; | |
| 5845 } | |
| 5846 | |
| 5847 .help-key { | |
| 5848 color: yellow; | |
| 5849 } | |
| 5850 | |
| 5851 body:not(.platform-mac) .help-key { | |
| 5852 font-weight: bold; | |
| 5853 text-shadow: black 1px 1px 7px; | |
| 5854 } | |
| 5855 | |
| 5856 body.platform-mac .help-key { | |
| 5857 font-family: Lucida Grande, sans-serif; | |
| 5858 font-size: 13px; | |
| 5859 } | |
| 5860 | |
| 5861 .help-combine-keys { | |
| 5862 color: white; | |
| 5863 font-weight: bold; | |
| 5864 margin: 0 0.3em; | |
| 5865 font-size: 12px; | |
| 5866 } | |
| 5867 | |
| 5868 .help-key-delimiter { | |
| 5869 color: white; | |
| 5870 margin: 0 0.5em; | |
| 5871 } | |
| 5872 | |
| 5873 /* popover.css */ | |
| 5874 | |
| 5875 .popover { | |
| 5876 position: absolute; | |
| 5877 -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25; | |
| 5878 border-width: 25px; | |
| 5879 z-index: 100; | |
| 5880 pointer-events: none; | |
| 5881 } | |
| 5882 | |
| 5883 .popover .content { | |
| 5884 position: absolute; | |
| 5885 top: 0; | |
| 5886 bottom: 0; | |
| 5887 left: 0; | |
| 5888 right: 0; | |
| 5889 pointer-events: auto; | |
| 5890 overflow: auto; | |
| 5891 } | |
| 5892 | |
| 5893 .popover .arrow { | |
| 5894 position: absolute; | |
| 5895 background-image: url(Images/popoverArrows.png); | |
| 5896 width: 19px; | |
| 5897 height: 19px; | |
| 5898 margin-left: 15px; | |
| 5899 margin-top: -25px; | |
| 5900 top: 0; | |
| 5901 left: 0; | |
| 5902 } | |
| 5903 | |
| 5904 .popover.top-left-arrow .arrow { | |
| 5905 /* The default is top-left, no styles needed. */ | |
| 5906 } | |
| 5907 | |
| 5908 .popover.top-right-arrow .arrow { | |
| 5909 right: 25px; | |
| 5910 left: auto; | |
| 5911 } | |
| 5912 | |
| 5913 .popover.bottom-left-arrow .arrow { | |
| 5914 top: auto; | |
| 5915 bottom: 0; | |
| 5916 margin-top: 0; | |
| 5917 margin-bottom: -25px; | |
| 5918 background-position: 0 -19px; | |
| 5919 } | |
| 5920 | |
| 5921 .popover.bottom-right-arrow .arrow { | |
| 5922 right: 15px; | |
| 5923 left: auto; | |
| 5924 top: auto; | |
| 5925 bottom: 0; | |
| 5926 margin-top: 0; | |
| 5927 margin-bottom: -25px; | |
| 5928 background-position: 0 -19px; | |
| 5929 } | |
| 5930 | |
| 5931 .popover.left-top-arrow .arrow { | |
| 5932 top: 0; | |
| 5933 margin-top: 15px; | |
| 5934 margin-left: -25px; | |
| 5935 background-position: 0 -38px; | |
| 5936 } | |
| 5937 | |
| 5938 .popover.left-bottom-arrow .arrow { | |
| 5939 top: auto; | |
| 5940 bottom: 0; | |
| 5941 margin-bottom: 15px; | |
| 5942 margin-left: -25px; | |
| 5943 background-position: 0 -38px; | |
| 5944 } | |
| 5945 | |
| 5946 .popover.right-top-arrow .arrow { | |
| 5947 right: 0; | |
| 5948 left: auto; | |
| 5949 top: 0; | |
| 5950 margin-top: 15px; | |
| 5951 margin-right: -25px; | |
| 5952 background-position: 0 -57px; | |
| 5953 } | |
| 5954 | |
| 5955 .popover.right-bottom-arrow .arrow { | |
| 5956 right: 0; | |
| 5957 left: auto; | |
| 5958 top: auto; | |
| 5959 bottom: 0; | |
| 5960 margin-bottom: 15px; | |
| 5961 margin-right: -25px; | |
| 5962 background-position: 0 -57px; | |
| 5963 } | |
| 5964 | |
| 5965 .popover ::-webkit-scrollbar { | |
| 5966 width: 11px; | |
| 5967 height: 11px; | |
| 5968 } | |
| 5969 | |
| 5970 .popover ::-webkit-scrollbar-corner { | |
| 5971 display: none; | |
| 5972 } | |
| 5973 | |
| 5974 .popover ::-webkit-resizer { | |
| 5975 display: none; | |
| 5976 } | |
| 5977 | |
| 5978 /* Horizontal Scrollbar Styles */ | |
| 5979 | |
| 5980 .popover ::-webkit-scrollbar:horizontal:corner-present { | |
| 5981 border-right-width: 0; | |
| 5982 } | |
| 5983 | |
| 5984 .popover ::-webkit-scrollbar-thumb:horizontal { | |
| 5985 -webkit-border-image: url(Images/thumbHoriz.png) 0 11 0 11; | |
| 5986 border-color: transparent; | |
| 5987 border-width: 0 11px; | |
| 5988 min-width: 20px; | |
| 5989 } | |
| 5990 | |
| 5991 .popover ::-webkit-scrollbar-thumb:horizontal:hover { | |
| 5992 -webkit-border-image: url(Images/thumbHoverHoriz.png) 0 11 0 11; | |
| 5993 } | |
| 5994 | |
| 5995 .popover ::-webkit-scrollbar-thumb:horizontal:active { | |
| 5996 -webkit-border-image: url(Images/thumbActiveHoriz.png) 0 11 0 11; | |
| 5997 } | |
| 5998 | |
| 5999 .popover ::-webkit-scrollbar-track-piece:horizontal:start { | |
| 6000 margin-left: 5px; | |
| 6001 } | |
| 6002 | |
| 6003 .popover ::-webkit-scrollbar-track-piece:horizontal:end { | |
| 6004 margin-right: 5px; | |
| 6005 } | |
| 6006 | |
| 6007 .popover ::-webkit-scrollbar-track-piece:horizontal:end:corner-present { | |
| 6008 margin-right: 4px; | |
| 6009 } | |
| 6010 | |
| 6011 .popover ::-webkit-scrollbar-track-piece:horizontal:decrement { | |
| 6012 -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11; | |
| 6013 border-color: transparent; | |
| 6014 border-width: 0 0 0 11px; | |
| 6015 } | |
| 6016 | |
| 6017 .popover ::-webkit-scrollbar-track-piece:horizontal:increment { | |
| 6018 -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11; | |
| 6019 border-color: transparent; | |
| 6020 border-width: 0 11px 0 0; | |
| 6021 } | |
| 6022 | |
| 6023 /* Vertical Scrollbar Styles */ | |
| 6024 | |
| 6025 | |
| 6026 .popover ::-webkit-scrollbar:vertical:corner-present { | |
| 6027 border-bottom-width: 0; | |
| 6028 } | |
| 6029 | |
| 6030 .popover ::-webkit-scrollbar-thumb:vertical { | |
| 6031 -webkit-border-image: url(Images/thumbVert.png) 11 0 11 0; | |
| 6032 border-color: transparent; | |
| 6033 border-width: 11px 0; | |
| 6034 min-height: 20px; | |
| 6035 } | |
| 6036 | |
| 6037 .popover ::-webkit-scrollbar-thumb:vertical:hover { | |
| 6038 -webkit-border-image: url(Images/thumbHoverVert.png) 11 0 11 0; | |
| 6039 } | |
| 6040 | |
| 6041 .popover ::-webkit-scrollbar-thumb:vertical:active { | |
| 6042 -webkit-border-image: url(Images/thumbActiveVert.png) 11 0 11 0; | |
| 6043 } | |
| 6044 | |
| 6045 | |
| 6046 .popover ::-webkit-scrollbar-track-piece:vertical:start { | |
| 6047 margin-top: 5px; | |
| 6048 } | |
| 6049 | |
| 6050 .popover ::-webkit-scrollbar-track-piece:vertical:end { | |
| 6051 margin-bottom: 5px; | |
| 6052 } | |
| 6053 | |
| 6054 .popover ::-webkit-scrollbar-track-piece:vertical:end:corner-present { | |
| 6055 margin-bottom: 4px; | |
| 6056 } | |
| 6057 | |
| 6058 .popover ::-webkit-scrollbar-track-piece:vertical:decrement { | |
| 6059 -webkit-border-image: url(Images/trackVert.png) 11 0 11 0; | |
| 6060 border-color: transparent; | |
| 6061 border-width: 11px 0 0 0; | |
| 6062 } | |
| 6063 | |
| 6064 .popover ::-webkit-scrollbar-track-piece:vertical:increment { | |
| 6065 -webkit-border-image: url(Images/trackVert.png) 11 0 11 0; | |
| 6066 border-color: transparent; | |
| 6067 border-width: 0 0 11px 0; | |
| 6068 } | |
| 6069 | |
| 6070 /* Forced Scrollbar Mode Styles */ | |
| 6071 | |
| 6072 .popover ::-webkit-scrollbar-button { | |
| 6073 display: none; | |
| 6074 } | |
| 6075 | |
| 6076 /* textViewer.css */ | |
| 6077 | |
| 6078 .text-editor { | |
| 6079 position: absolute; | |
| 6080 top:0; | |
| 6081 left:0; | |
| 6082 right:0; | |
| 6083 bottom:0; | |
| 6084 white-space: pre; | |
| 6085 overflow: auto; | |
| 6086 } | |
| 6087 | |
| 6088 .text-editor-lines { | |
| 6089 border: 0; | |
| 6090 -webkit-border-horizontal-spacing: 0; | |
| 6091 -webkit-border-vertical-spacing: 0; | |
| 6092 -webkit-user-select: text; | |
| 6093 } | |
| 6094 | |
| 6095 .webkit-html-message-bubble { | |
| 6096 -webkit-box-shadow: black 0px 2px 5px; | |
| 6097 -webkit-border-radius: 9px; | |
| 6098 -webkit-border-fit: lines; | |
| 6099 font-size: 10px; | |
| 6100 font-family: Lucida Grande, sans-serif; | |
| 6101 font-weight: bold; | |
| 6102 margin: 6px 25px; | |
| 6103 padding: 0 7px 1px; | |
| 6104 z-index:20; | |
| 6105 } | |
| 6106 | |
| 6107 .webkit-html-warning-message { | |
| 6108 background-color: rgb(100%, 62%, 42%); | |
| 6109 border: 2px solid rgb(100%, 52%, 21%); | |
| 6110 } | |
| 6111 | |
| 6112 .webkit-html-error-message { | |
| 6113 background-color: rgb(100%, 42%, 42%); | |
| 6114 border: 2px solid rgb(100%, 31%, 31%); | |
| 6115 } | |
| 6116 | |
| 6117 .webkit-html-message-line { | |
| 6118 padding-left: 23px; | |
| 6119 text-indent: -20px; | |
| 6120 } | |
| 6121 | |
| 6122 .webkit-html-message-line-hover { | |
| 6123 padding-left: 23px; | |
| 6124 text-indent: -20px; | |
| 6125 white-space: auto; | |
| 6126 text-overflow: auto; | |
| 6127 overflow: auto; | |
| 6128 } | |
| 6129 | |
| 6130 .webkit-html-message-icon { | |
| 6131 position: relative; | |
| 6132 top: 2px; | |
| 6133 margin: 0 4px; | |
| 6134 } | |
| 6135 | |
| 6136 .webkit-line-number { | |
| 6137 color: rgb(128, 128, 128); | |
| 6138 background-color: rgb(240, 240, 240); | |
| 6139 border-right: 1px solid rgb(187, 187, 187); | |
| 6140 text-align: right; | |
| 6141 vertical-align: top; | |
| 6142 word-break: normal; | |
| 6143 -webkit-user-select: none; | |
| 6144 padding-right: 4px; | |
| 6145 padding-left: 6px; | |
| 6146 } | |
| 6147 | |
| 6148 .webkit-line-number-outer { | |
| 6149 margin-right: -4px; | |
| 6150 margin-left: -4px; | |
| 6151 border-color: transparent; | |
| 6152 border-style: solid; | |
| 6153 border-width: 0 0 0px 2px; | |
| 6154 vertical-align: top; | |
| 6155 } | |
| 6156 | |
| 6157 .webkit-line-number-inner { | |
| 6158 margin-right: 4px; | |
| 6159 } | |
| 6160 | |
| 6161 .webkit-breakpoint .webkit-line-number-inner, .webkit-breakpoint-conditional .we
bkit-line-number-inner, .webkit-execution-line .webkit-line-number-inner { | |
| 6162 margin-right: -10px; | |
| 6163 } | |
| 6164 | |
| 6165 .webkit-line-content { | |
| 6166 width: 100%; | |
| 6167 padding-left: 2px; | |
| 6168 vertical-align: top; | |
| 6169 } | |
| 6170 | |
| 6171 .webkit-breakpoint .webkit-line-number-outer { | |
| 6172 color: white; | |
| 6173 border-width: 0 14px 0px 2px; | |
| 6174 -webkit-border-image: url(Images/breakpointBorder.png) 0 14 0 2; | |
| 6175 } | |
| 6176 | |
| 6177 .webkit-breakpoint-conditional .webkit-line-number-outer { | |
| 6178 color: white; | |
| 6179 border-width: 0 14px 0px 2px; | |
| 6180 -webkit-border-image: url(Images/breakpointConditionalBorder.png) 0 14 0 2; | |
| 6181 } | |
| 6182 | |
| 6183 .webkit-execution-line .webkit-line-number-outer { | |
| 6184 color: transparent; | |
| 6185 border-width: 0 14px 0px 2px; | |
| 6186 -webkit-border-image: url(Images/programCounterBorder.png) 0 14 0 2; | |
| 6187 } | |
| 6188 | |
| 6189 .webkit-breakpoint.webkit-execution-line .webkit-line-number-outer { | |
| 6190 color: white; | |
| 6191 -webkit-border-image: url(Images/breakpointCounterBorder.png) 0 14 0 2; | |
| 6192 } | |
| 6193 | |
| 6194 .webkit-breakpoint.webkit-execution-line .webkit-line-number-outer { | |
| 6195 color: transparent; | |
| 6196 -webkit-border-image: url(Images/breakpointCounterBorder.png) 0 14 0 2; | |
| 6197 } | |
| 6198 | |
| 6199 .webkit-breakpoint-conditional.webkit-execution-line .webkit-line-number-outer { | |
| 6200 color: transparent; | |
| 6201 -webkit-border-image: url(Images/breakpointConditionalCounterBorder.png) 0 1
4 0 2; | |
| 6202 } | |
| 6203 | |
| 6204 .webkit-breakpoint-disabled .webkit-line-number-outer { | |
| 6205 opacity: 0.5; | |
| 6206 } | |
| 6207 | |
| 6208 .breakpoints-deactivated .webkit-breakpoint .webkit-line-number-outer { | |
| 6209 opacity: 0.5; | |
| 6210 } | |
| 6211 | |
| 6212 .breakpoints-deactivated .webkit-breakpoint-disabled .webkit-line-number-outer { | |
| 6213 opacity: 0.3; | |
| 6214 } | |
| 6215 | |
| 6216 .webkit-execution-line .webkit-line-content { | |
| 6217 background-color: rgb(171, 191, 254); | |
| 6218 outline: 1px solid rgb(64, 115, 244); | |
| 6219 } | |
| 6220 | |
| 6221 .diff-container .webkit-added-line .webkit-line-content { | |
| 6222 background-color: rgb(220, 255, 220); | |
| 6223 } | |
| 6224 | |
| 6225 .diff-container .webkit-removed-line .webkit-line-content { | |
| 6226 background-color: rgb(255, 220, 220); | |
| 6227 text-decoration: line-through; | |
| 6228 } | |
| 6229 | |
| 6230 .diff-container .webkit-changed-line .webkit-line-content { | |
| 6231 background-color: rgb(220, 220, 255); | |
| 6232 } | |
| 6233 | |
| 6234 .webkit-search-result { | |
| 6235 -webkit-border-radius: 4px; | |
| 6236 padding: 2px 2px 2px 3px; | |
| 6237 margin: -2px -2px -2px -3px; | |
| 6238 opacity: 0.8; | |
| 6239 -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px; | |
| 6240 background-color: rgb(241, 234, 0); | |
| 6241 color: black; | |
| 6242 } | |
| 6243 | |
| 6244 .webkit-highlighted-line .webkit-line-content { | |
| 6245 -webkit-animation: "fadeout" 2s 0s; | |
| 6246 } | |
| 6247 | |
| 6248 @-webkit-keyframes fadeout { | |
| 6249 from {background-color: rgb(255, 255, 120); } | |
| 6250 to { background-color: white; } | |
| 6251 } | |
| 6252 | |
| 6253 /* devTools.css */ | |
| 6254 | |
| 6255 .data-grid table { | |
| 6256 line-height: 120%; | |
| 6257 } | |
| 6258 | |
| 6259 body.attached #toolbar { | |
| 6260 height: 34px; | |
| 6261 border-top: 1px solid rgb(100, 100, 100); | |
| 6262 cursor: default; /* overriden */ | |
| 6263 padding-left: 0; | |
| 6264 } | |
| 6265 | |
| 6266 /* Chrome theme overrides */ | |
| 6267 | |
| 6268 body.platform-windows #toolbar, body.platform-windows.inactive #toolbar { | |
| 6269 background-image: none; | |
| 6270 } | |
| 6271 | |
| 6272 body.detached.platform-mac-leopard #toolbar { | |
| 6273 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
75, 175, 175)), to(rgb(151, 151, 151))) !important; | |
| 6274 } | |
| 6275 | |
| 6276 body.detached.platform-mac-leopard.inactive #toolbar { | |
| 6277 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
21, 221, 221)), to(rgb(207, 207, 207))) !important; | |
| 6278 } | |
| 6279 | |
| 6280 body.detached.platform-mac-snowleopard #toolbar { | |
| 6281 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
89, 189, 189)), to(rgb(151, 151, 151))) !important; | |
| 6282 } | |
| 6283 | |
| 6284 body.detached.platform-mac-snowleopard.inactive #toolbar { | |
| 6285 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
15, 215, 215)), to(rgb(207, 207, 207))) !important; | |
| 6286 } | |
| 6287 | |
| 6288 body.platform-linux #scripts-files { | |
| 6289 font-size: 11px; | |
| 6290 font-weight: normal; | |
| 6291 line-height: 12px; | |
| 6292 } | |
| 6293 | |
| 6294 .console-group-messages .section > .header { | |
| 6295 padding: 0 8px 0 0; | |
| 6296 background-image: none; | |
| 6297 border: none; | |
| 6298 min-height: 0; | |
| 6299 } | |
| 6300 | |
| 6301 #resources-filter { | |
| 6302 background: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 23
3, 233)), to(rgb(233, 233, 233))); | |
| 6303 } | |
| 6304 | |
| 6305 .crumbs .crumb { | |
| 6306 -webkit-border-image: url(Images/segmentChromium.png) 0 12 0 2; | |
| 6307 margin-right: -3px; | |
| 6308 padding-left: 6px; | |
| 6309 } | |
| 6310 | |
| 6311 .crumbs .crumb.selected { | |
| 6312 -webkit-border-image: url(Images/segmentSelectedChromium.png) 0 12 0 2; | |
| 6313 color: white; | |
| 6314 text-shadow: rgba(255, 255, 255, 0.5) 0 0px 0; | |
| 6315 } | |
| 6316 | |
| 6317 .crumbs .crumb.selected:hover { | |
| 6318 -webkit-border-image: url(Images/segmentSelectedChromium.png) 0 12 0 2; | |
| 6319 } | |
| 6320 | |
| 6321 .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover { | |
| 6322 -webkit-border-image: url(Images/segmentSelectedEndChromium.png) 0 2 0 2; | |
| 6323 } | |
| 6324 | |
| 6325 .crumbs .crumb:hover { | |
| 6326 -webkit-border-image: url(Images/segmentHoverChromium.png) 0 12 0 2; | |
| 6327 } | |
| 6328 | |
| 6329 .crumbs .crumb.dimmed:hover { | |
| 6330 -webkit-border-image: url(Images/segmentHoverChromium.png) 0 12 0 2; | |
| 6331 } | |
| 6332 | |
| 6333 .crumbs .crumb.end:hover { | |
| 6334 -webkit-border-image: url(Images/segmentHoverEndChromium.png) 0 2 0 2; | |
| 6335 } | |
| 6336 | |
| 6337 body.drawer-visible #main-status-bar { | |
| 6338 background-image: url(Images/statusbarResizerVertical.png), url(Images/statu
sbarBackgroundChromium.png); | |
| 6339 } | |
| 6340 | |
| 6341 .status-bar { | |
| 6342 background-image: url(Images/statusbarBackgroundChromium.png); | |
| 6343 } | |
| 6344 | |
| 6345 button.status-bar-item { | |
| 6346 background-image: url(Images/statusbarButtonsChromium.png); | |
| 6347 } | |
| 6348 | |
| 6349 select.status-bar-item:active { | |
| 6350 -webkit-border-image: url(Images/statusbarMenuButtonSelectedChromium.png) 0
17 0 2; | |
| 6351 } | |
| 6352 | |
| 6353 #drawer { | |
| 6354 background-image: url(Images/statusbarBottomBackgroundChromium.png); | |
| 6355 } | |
| 6356 | |
| 6357 select.status-bar-item { | |
| 6358 -webkit-border-image: url(Images/statusbarMenuButtonChromium.png) 0 17 0 2; | |
| 6359 } | |
| 6360 | |
| 6361 .scope-bar li.selected { | |
| 6362 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); | |
| 6363 } | |
| 6364 | |
| 6365 .scope-bar li:active { | |
| 6366 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); | |
| 6367 } | |
| 6368 | |
| 6369 .timeline-category-statusbar-item input { | |
| 6370 vertical-align: middle; | |
| 6371 } | |
| 6372 | |
| OLD | NEW |