src/chrome/tools/test/reference_build/chrome_linux/resources/inspector/devtools.css

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