| OLD | NEW |
|---|
| (Empty) |
| 1 /* | |
| 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | |
| 3 * | |
| 4 * Redistribution and use in source and binary forms, with or without | |
| 5 * modification, are permitted provided that the following conditions | |
| 6 * are met: | |
| 7 * | |
| 8 * 1. Redistributions of source code must retain the above copyright | |
| 9 * notice, this list of conditions and the following disclaimer. | |
| 10 * 2. Redistributions in binary form must reproduce the above copyright | |
| 11 * notice, this list of conditions and the following disclaimer in the | |
| 12 * documentation and/or other materials provided with the distribution. | |
| 13 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | |
| 14 * its contributors may be used to endorse or promote products derived | |
| 15 * from this software without specific prior written permission. | |
| 16 * | |
| 17 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | |
| 18 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
| 19 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
| 20 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | |
| 21 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
| 22 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | |
| 23 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | |
| 24 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
| 25 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | |
| 26 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
| 27 */ | |
| 28 | |
| 29 body { | |
| 30 cursor: default; | |
| 31 height: 100%; | |
| 32 width: 100%; | |
| 33 overflow: hidden; | |
| 34 font-family: Lucida Grande, sans-serif; | |
| 35 font-size: 10px; | |
| 36 margin: 0; | |
| 37 -webkit-text-size-adjust: none; | |
| 38 -webkit-user-select: none; | |
| 39 } | |
| 40 | |
| 41 * { | |
| 42 -webkit-box-sizing: border-box; | |
| 43 } | |
| 44 | |
| 45 :focus { | |
| 46 outline: none; | |
| 47 } | |
| 48 | |
| 49 input[type="search"]:focus, input[type="text"]:focus { | |
| 50 outline: auto 5px -webkit-focus-ring-color; | |
| 51 } | |
| 52 | |
| 53 iframe, a img { | |
| 54 border: none; | |
| 55 } | |
| 56 | |
| 57 img { | |
| 58 -webkit-user-drag: none; | |
| 59 } | |
| 60 | |
| 61 .hidden { | |
| 62 display: none !important; | |
| 63 } | |
| 64 | |
| 65 #toolbar { | |
| 66 position: absolute; | |
| 67 top: 0; | |
| 68 left: 0; | |
| 69 right: 0; | |
| 70 height: 56px; | |
| 71 display: -webkit-box; | |
| 72 padding: 0 5px; | |
| 73 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
91, 191, 191)), to(rgb(151, 151, 151))); | |
| 74 border-bottom: 1px solid rgb(80, 80, 80); | |
| 75 -webkit-box-orient: horizontal; | |
| 76 -webkit-background-origin: padding; | |
| 77 -webkit-background-clip: padding; | |
| 78 } | |
| 79 | |
| 80 body.inactive #toolbar { | |
| 81 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
33, 233, 233)), to(rgb(207, 207, 207))); | |
| 82 border-bottom: 1px solid rgb(64%, 64%, 64%); | |
| 83 } | |
| 84 | |
| 85 body.detached.platform-mac-leopard #toolbar { | |
| 86 background: transparent !important; | |
| 87 } | |
| 88 | |
| 89 body.attached #toolbar { | |
| 90 height: 34px; | |
| 91 border-top: 1px solid rgb(100, 100, 100); | |
| 92 cursor: row-resize; | |
| 93 padding-left: 0; | |
| 94 } | |
| 95 | |
| 96 body.attached.inactive #toolbar { | |
| 97 border-top: 1px solid rgb(64%, 64%, 64%); | |
| 98 } | |
| 99 | |
| 100 .toolbar-item { | |
| 101 display: -webkit-box; | |
| 102 padding: 4px 6px; | |
| 103 margin: 0; | |
| 104 background-color: transparent; | |
| 105 border-style: none; | |
| 106 border-color: transparent; | |
| 107 -webkit-box-orient: vertical; | |
| 108 -webkit-box-align: center; | |
| 109 -webkit-box-pack: end; | |
| 110 } | |
| 111 | |
| 112 .toolbar-item.toggleable.toggled-on { | |
| 113 border-width: 0 2px 0 2px; | |
| 114 padding: 4px 4px; | |
| 115 -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; | |
| 116 } | |
| 117 | |
| 118 .toolbar-item.flexable-space { | |
| 119 -webkit-box-flex: 1; | |
| 120 visibility: hidden; | |
| 121 } | |
| 122 | |
| 123 .toolbar-item input { | |
| 124 margin-bottom: 8px; | |
| 125 } | |
| 126 | |
| 127 .toolbar-icon { | |
| 128 display: inline-block; | |
| 129 width: 32px; | |
| 130 height: 32px; | |
| 131 -webkit-background-size: 100% auto; | |
| 132 } | |
| 133 | |
| 134 body.attached .toolbar-icon { | |
| 135 width: 24px; | |
| 136 height: 24px; | |
| 137 vertical-align: middle; | |
| 138 } | |
| 139 | |
| 140 .toolbar-item:active .toolbar-icon { | |
| 141 background-position: 0 32px; | |
| 142 } | |
| 143 | |
| 144 body.attached .toolbar-item:active .toolbar-icon { | |
| 145 background-position: 0 24px; | |
| 146 } | |
| 147 | |
| 148 .toolbar-label { | |
| 149 font-size: 11px; | |
| 150 font-family: Lucida Grande, sans-serif; | |
| 151 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
| 152 } | |
| 153 | |
| 154 .toolbar-item.toggleable:active .toolbar-label { | |
| 155 text-shadow: none; | |
| 156 } | |
| 157 | |
| 158 body.attached .toolbar-label { | |
| 159 display: inline-block; | |
| 160 vertical-align: middle; | |
| 161 margin-left: 3px; | |
| 162 } | |
| 163 | |
| 164 body.attached #search-toolbar-label { | |
| 165 display: none; | |
| 166 } | |
| 167 | |
| 168 #search { | |
| 169 width: 205px; | |
| 170 font-size: 16px; | |
| 171 margin-bottom: 5px; | |
| 172 } | |
| 173 | |
| 174 body.attached #search { | |
| 175 font-size: 11px; | |
| 176 margin-bottom: 8px; | |
| 177 } | |
| 178 | |
| 179 #search-results-matches { | |
| 180 font-size: 11px; | |
| 181 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
| 182 margin-bottom: 22px; | |
| 183 } | |
| 184 | |
| 185 body.attached #search-results-matches { | |
| 186 margin-bottom: 6px; | |
| 187 } | |
| 188 | |
| 189 .toolbar-item.elements .toolbar-icon { | |
| 190 background-image: url(Images/elementsIcon.png); | |
| 191 } | |
| 192 | |
| 193 .toolbar-item.resources .toolbar-icon { | |
| 194 background-image: url(Images/resourcesIcon.png); | |
| 195 } | |
| 196 | |
| 197 .toolbar-item.scripts .toolbar-icon { | |
| 198 background-image: url(Images/scriptsIcon.png); | |
| 199 } | |
| 200 | |
| 201 .toolbar-item.databases .toolbar-icon { | |
| 202 background-image: url(Images/databasesIcon.png); | |
| 203 } | |
| 204 | |
| 205 .toolbar-item.profiles .toolbar-icon { | |
| 206 background-image: url(Images/profilesIcon.png); | |
| 207 } | |
| 208 | |
| 209 #close-button { | |
| 210 width: 14px; | |
| 211 height: 14px; | |
| 212 background-image: url(Images/closeButtons.png); | |
| 213 background-position: 0 0; | |
| 214 background-color: transparent; | |
| 215 border: 0 none transparent; | |
| 216 margin: 5px 0; | |
| 217 } | |
| 218 | |
| 219 #close-button:hover { | |
| 220 background-position: 14px 0; | |
| 221 } | |
| 222 | |
| 223 #close-button:active { | |
| 224 background-position: 28px 0; | |
| 225 } | |
| 226 | |
| 227 body.detached .toolbar-item.close { | |
| 228 display: none; | |
| 229 } | |
| 230 | |
| 231 #main { | |
| 232 position: absolute; | |
| 233 z-index: 1; | |
| 234 top: 56px; | |
| 235 left: 0; | |
| 236 right: 0; | |
| 237 bottom: 0; | |
| 238 overflow: hidden; | |
| 239 background-color: white; | |
| 240 } | |
| 241 | |
| 242 body.attached #main { | |
| 243 top: 34px; | |
| 244 } | |
| 245 | |
| 246 #main-panels { | |
| 247 position: absolute; | |
| 248 top: 0; | |
| 249 left: 0; | |
| 250 right: 0; | |
| 251 bottom: 23px; | |
| 252 overflow: hidden; | |
| 253 } | |
| 254 | |
| 255 #main-status-bar { | |
| 256 position: absolute; | |
| 257 bottom: 0; | |
| 258 left: 0; | |
| 259 right: 0; | |
| 260 } | |
| 261 | |
| 262 body.console-visible #main-status-bar { | |
| 263 height: 24px; | |
| 264 background-image: url(Images/statusbarResizerVertical.png), url(Images/statu
sbarBackground.png); | |
| 265 background-repeat: no-repeat, repeat-x; | |
| 266 background-position: right center, center; | |
| 267 cursor: row-resize; | |
| 268 } | |
| 269 | |
| 270 body.console-visible #main-status-bar * { | |
| 271 cursor: default; | |
| 272 } | |
| 273 | |
| 274 body.console-visible #main-panels { | |
| 275 bottom: 24px; | |
| 276 } | |
| 277 | |
| 278 .status-bar { | |
| 279 background-color: rgb(235, 235, 235); | |
| 280 background-image: url(Images/statusbarBackground.png); | |
| 281 background-repeat: repeat-x; | |
| 282 white-space: nowrap; | |
| 283 height: 23px; | |
| 284 overflow: hidden; | |
| 285 z-index: 12; | |
| 286 } | |
| 287 | |
| 288 .status-bar > div { | |
| 289 display: inline-block; | |
| 290 vertical-align: top; | |
| 291 } | |
| 292 | |
| 293 .status-bar-item { | |
| 294 display: inline-block; | |
| 295 height: 24px; | |
| 296 padding: 0; | |
| 297 margin-left: -1px; | |
| 298 margin-right: 0; | |
| 299 vertical-align: top; | |
| 300 border: 0 transparent none; | |
| 301 background-color: transparent; | |
| 302 } | |
| 303 | |
| 304 .status-bar-item:active { | |
| 305 position: relative; | |
| 306 z-index: 200; | |
| 307 } | |
| 308 | |
| 309 button.status-bar-item { | |
| 310 width: 32px; | |
| 311 background-image: url(Images/statusbarButtons.png); | |
| 312 background-position: 0 0; | |
| 313 } | |
| 314 | |
| 315 button.status-bar-item:active { | |
| 316 background-position: 32px 0; | |
| 317 } | |
| 318 | |
| 319 button.status-bar-item:disabled { | |
| 320 opacity: 0.5; | |
| 321 background-position: 0 0 !important; | |
| 322 } | |
| 323 | |
| 324 select.status-bar-item { | |
| 325 min-width: 48px; | |
| 326 border-width: 0 17px 0 2px; | |
| 327 padding: 0 2px 0 6px; | |
| 328 font-weight: bold; | |
| 329 color: rgb(48, 48, 48); | |
| 330 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
| 331 -webkit-border-image: url(Images/statusbarMenuButton.png) 0 17 0 2; | |
| 332 -webkit-border-radius: 0; | |
| 333 -webkit-appearance: none; | |
| 334 } | |
| 335 | |
| 336 select.status-bar-item:active { | |
| 337 color: black; | |
| 338 -webkit-border-image: url(Images/statusbarMenuButtonSelected.png) 0 17 0 2; | |
| 339 } | |
| 340 | |
| 341 #dock-status-bar-item { | |
| 342 background-image: url(Images/dockButtons.png); | |
| 343 } | |
| 344 | |
| 345 body.attached #dock-status-bar-item:active { | |
| 346 background-position: 32px 0; | |
| 347 } | |
| 348 | |
| 349 body.detached #dock-status-bar-item { | |
| 350 background-position: 0 24px; | |
| 351 } | |
| 352 | |
| 353 body.detached #dock-status-bar-item.toggled-on:active { | |
| 354 background-position: 32px 24px; | |
| 355 } | |
| 356 | |
| 357 #console-status-bar-item { | |
| 358 background-image: url(Images/consoleButtons.png); | |
| 359 } | |
| 360 | |
| 361 #console-status-bar-item:active { | |
| 362 background-position: 32px 0; | |
| 363 } | |
| 364 | |
| 365 #console-status-bar-item.toggled-on { | |
| 366 background-position: 0 24px; | |
| 367 } | |
| 368 | |
| 369 #console-status-bar-item.toggled-on:active { | |
| 370 background-position: 32px 24px; | |
| 371 } | |
| 372 | |
| 373 #clear-console-status-bar-item { | |
| 374 background-image: url(Images/clearConsoleButtons.png); | |
| 375 } | |
| 376 | |
| 377 #clear-console-status-bar-item:active { | |
| 378 background-position: 32px 0; | |
| 379 } | |
| 380 | |
| 381 #error-warning-count { | |
| 382 position: absolute; | |
| 383 right: 16px; | |
| 384 top: 0; | |
| 385 cursor: pointer; | |
| 386 padding: 6px 2px; | |
| 387 font-size: 10px; | |
| 388 height: 19px; | |
| 389 } | |
| 390 | |
| 391 #error-warning-count:hover { | |
| 392 border-bottom: 1px solid rgb(96, 96, 96); | |
| 393 } | |
| 394 | |
| 395 #error-count::before { | |
| 396 content: url(Images/errorIcon.png); | |
| 397 width: 10px; | |
| 398 height: 10px; | |
| 399 vertical-align: -1px; | |
| 400 margin-right: 2px; | |
| 401 } | |
| 402 | |
| 403 #error-count + #warning-count { | |
| 404 margin-left: 6px; | |
| 405 } | |
| 406 | |
| 407 #warning-count::before { | |
| 408 content: url(Images/warningIcon.png); | |
| 409 width: 10px; | |
| 410 height: 10px; | |
| 411 vertical-align: -1px; | |
| 412 margin-right: 2px; | |
| 413 } | |
| 414 | |
| 415 #console { | |
| 416 display: none; | |
| 417 position: absolute; | |
| 418 bottom: 0; | |
| 419 left: 0; | |
| 420 right: 0; | |
| 421 height: 200px; | |
| 422 background-color: white; | |
| 423 background-image: url(Images/statusbarBottomBackground.png); | |
| 424 background-repeat: repeat-x; | |
| 425 background-position: bottom; | |
| 426 } | |
| 427 | |
| 428 body.console-visible #console { | |
| 429 display: block; | |
| 430 } | |
| 431 | |
| 432 #console-status-bar { | |
| 433 position: absolute; | |
| 434 bottom: 0; | |
| 435 left: 0; | |
| 436 right: 0; | |
| 437 background: none; | |
| 438 } | |
| 439 | |
| 440 #console-messages { | |
| 441 position: absolute; | |
| 442 top: 0; | |
| 443 left: 0; | |
| 444 right: 0; | |
| 445 bottom: 23px; | |
| 446 font-size: 10px; | |
| 447 font-family: Monaco, Lucida Console, monospace; | |
| 448 padding: 2px 0; | |
| 449 overflow-y: overlay; | |
| 450 -webkit-user-select: text; | |
| 451 -webkit-text-size-adjust: auto; | |
| 452 } | |
| 453 | |
| 454 #console-prompt { | |
| 455 position: relative; | |
| 456 padding: 1px 22px 1px 24px; | |
| 457 min-height: 16px; | |
| 458 white-space: pre-wrap; | |
| 459 -webkit-user-modify: read-write-plaintext-only; | |
| 460 } | |
| 461 | |
| 462 #console-prompt::before { | |
| 463 background-image: url(Images/userInputIcon.png); | |
| 464 } | |
| 465 | |
| 466 .console-message, .console-user-command { | |
| 467 position: relative; | |
| 468 border-bottom: 1px solid rgb(240, 240, 240); | |
| 469 padding: 1px 22px 1px 24px; | |
| 470 min-height: 16px; | |
| 471 } | |
| 472 | |
| 473 .console-message::before, .console-user-command::before, #console-prompt::before
, .console-group-title-level::before { | |
| 474 position: absolute; | |
| 475 display: block; | |
| 476 content: ""; | |
| 477 left: 7px; | |
| 478 top: 0.8em; | |
| 479 width: 10px; | |
| 480 height: 10px; | |
| 481 margin-top: -5px; | |
| 482 -webkit-user-select: none; | |
| 483 } | |
| 484 | |
| 485 .console-message .bubble { | |
| 486 display: inline-block; | |
| 487 height: 14px; | |
| 488 background-color: rgb(128, 151, 189); | |
| 489 vertical-align: middle; | |
| 490 white-space: nowrap; | |
| 491 padding: 1px 4px; | |
| 492 margin-top: -2px; | |
| 493 margin-right: 4px; | |
| 494 text-align: left; | |
| 495 font-size: 11px; | |
| 496 font-family: Helvetia, Arial, sans-serif; | |
| 497 font-weight: bold; | |
| 498 text-shadow: none; | |
| 499 color: white; | |
| 500 -webkit-border-radius: 7px; | |
| 501 } | |
| 502 | |
| 503 .console-message-text { | |
| 504 white-space: pre-wrap; | |
| 505 } | |
| 506 | |
| 507 .repeated-message { | |
| 508 padding-left: 6px; | |
| 509 } | |
| 510 | |
| 511 .repeated-message.console-error-level::before, .repeated-message.console-warning
-level:before { | |
| 512 visibility: hidden; | |
| 513 } | |
| 514 | |
| 515 .console-group .console-group > .console-group-messages { | |
| 516 margin-left: 16px; | |
| 517 } | |
| 518 | |
| 519 .console-group-title-level { | |
| 520 font-weight: bold; | |
| 521 } | |
| 522 | |
| 523 .console-group-title-level::before { | |
| 524 background-image: url(Images/disclosureTriangleSmallDown.png); | |
| 525 top: 0.6em; | |
| 526 width: 11px; | |
| 527 height: 12px; | |
| 528 } | |
| 529 | |
| 530 .console-group.collapsed .console-group-title-level::before { | |
| 531 background-image: url(Images/disclosureTriangleSmallRight.png); | |
| 532 } | |
| 533 | |
| 534 .console-group.collapsed > .console-group-messages { | |
| 535 display: none; | |
| 536 } | |
| 537 | |
| 538 .console-error-level .console-message-text { | |
| 539 color: red; | |
| 540 } | |
| 541 | |
| 542 .console-error-level::before { | |
| 543 background-image: url(Images/errorIcon.png); | |
| 544 } | |
| 545 | |
| 546 .console-warning-level::before { | |
| 547 background-image: url(Images/warningIcon.png); | |
| 548 } | |
| 549 | |
| 550 .console-user-command .console-message { | |
| 551 margin-left: -24px; | |
| 552 padding-right: 0; | |
| 553 border-bottom: none; | |
| 554 } | |
| 555 | |
| 556 .console-user-command::before { | |
| 557 background-image: url(Images/userInputPreviousIcon.png); | |
| 558 } | |
| 559 | |
| 560 .console-user-command > .console-message-text { | |
| 561 color: rgb(0, 128, 255); | |
| 562 } | |
| 563 | |
| 564 .console-message-url { | |
| 565 color: rgb(33%, 33%, 33%) !important; | |
| 566 cursor: pointer; | |
| 567 float: right; | |
| 568 } | |
| 569 | |
| 570 .console-message-url:hover { | |
| 571 color: rgb(15%, 15%, 15%); | |
| 572 } | |
| 573 | |
| 574 .console-message-url:hover::after { | |
| 575 opacity: 1; | |
| 576 } | |
| 577 | |
| 578 .console-group-messages .section { | |
| 579 margin: 0; | |
| 580 } | |
| 581 | |
| 582 .console-group-messages .section .header { | |
| 583 padding: 0 8px 0 0; | |
| 584 background-image: none; | |
| 585 border: none; | |
| 586 min-height: 16px; | |
| 587 } | |
| 588 | |
| 589 .console-group-messages .section .header::before { | |
| 590 position: absolute; | |
| 591 top: 1px; | |
| 592 left: 12px; | |
| 593 width: 8px; | |
| 594 height: 8px; | |
| 595 content: url(Images/treeRightTriangleBlack.png); | |
| 596 } | |
| 597 | |
| 598 .console-group-messages .section.expanded .header::before { | |
| 599 content: url(Images/treeDownTriangleBlack.png); | |
| 600 } | |
| 601 | |
| 602 .console-group-messages .section .header .title { | |
| 603 color: black; | |
| 604 } | |
| 605 | |
| 606 .console-group-messages .outline-disclosure, .console-group-messages .outline-di
sclosure ol { | |
| 607 font-size: inherit; | |
| 608 line-height: 1em; | |
| 609 } | |
| 610 | |
| 611 .console-group-messages .outline-disclosure li { | |
| 612 padding-top: 2px; | |
| 613 padding-bottom: 2px; | |
| 614 } | |
| 615 | |
| 616 .console-group-messages .outline-disclosure li .selection { | |
| 617 z-index: 0; | |
| 618 margin-top: -1px; | |
| 619 } | |
| 620 | |
| 621 .console-formatted-object .section, .console-formatted-node .section { | |
| 622 position: static; | |
| 623 } | |
| 624 | |
| 625 .auto-complete-text { | |
| 626 color: rgb(128, 128, 128); | |
| 627 -webkit-user-select: none; | |
| 628 -webkit-user-modify: read-only; | |
| 629 } | |
| 630 | |
| 631 .inspectible-node:hover { | |
| 632 background-color: rgba(56, 121, 217, 0.1); | |
| 633 -webkit-border-radius: 5px; | |
| 634 padding: 0 5px 1px; | |
| 635 margin: 0 -5px -1px; | |
| 636 } | |
| 637 | |
| 638 .panel { | |
| 639 display: none; | |
| 640 overflow: hidden; | |
| 641 position: absolute; | |
| 642 top: 0; | |
| 643 left: 0; | |
| 644 right: 0; | |
| 645 bottom: 0; | |
| 646 } | |
| 647 | |
| 648 .panel.visible { | |
| 649 display: block; | |
| 650 } | |
| 651 | |
| 652 .resource-view { | |
| 653 display: none; | |
| 654 overflow: hidden; | |
| 655 position: absolute; | |
| 656 top: 0; | |
| 657 left: 0; | |
| 658 right: 0; | |
| 659 bottom: 0; | |
| 660 overflow: hidden; | |
| 661 } | |
| 662 | |
| 663 .resource-view.visible { | |
| 664 display: block; | |
| 665 } | |
| 666 | |
| 667 .resource-view.headers-visible { | |
| 668 overflow-y: auto; | |
| 669 overflow-x: hidden; | |
| 670 } | |
| 671 | |
| 672 .resource-view-headers { | |
| 673 display: none; | |
| 674 padding: 6px; | |
| 675 border-bottom: 1px solid rgb(64%, 64%, 64%); | |
| 676 background-color: white; | |
| 677 -webkit-user-select: text; | |
| 678 } | |
| 679 | |
| 680 .resource-view-headers .outline-disclosure .parent { | |
| 681 -webkit-user-select: none; | |
| 682 font-weight: bold; | |
| 683 } | |
| 684 | |
| 685 .resource-view.headers-visible .resource-view-headers { | |
| 686 display: block; | |
| 687 } | |
| 688 | |
| 689 .resource-view-headers .outline-disclosure .children li { | |
| 690 white-space: nowrap; | |
| 691 } | |
| 692 | |
| 693 .resource-view-headers .outline-disclosure li.expanded .header-count { | |
| 694 display: none; | |
| 695 } | |
| 696 | |
| 697 .resource-view-headers .outline-disclosure .header-name { | |
| 698 color: rgb(33%, 33%, 33%); | |
| 699 display: inline-block; | |
| 700 width: 105px; | |
| 701 text-align: right; | |
| 702 margin-right: 0.5em; | |
| 703 font-weight: bold; | |
| 704 vertical-align: top; | |
| 705 overflow: hidden; | |
| 706 text-overflow: ellipsis; | |
| 707 } | |
| 708 | |
| 709 .resource-view-headers .outline-disclosure .header-value { | |
| 710 display: inline-block; | |
| 711 white-space: normal; | |
| 712 word-break: break-word; | |
| 713 vertical-align: top; | |
| 714 margin-right: 100px; | |
| 715 } | |
| 716 | |
| 717 .resource-view .resource-view-content { | |
| 718 position: absolute; | |
| 719 top: 0; | |
| 720 right: 0; | |
| 721 left: 0; | |
| 722 bottom: 0; | |
| 723 } | |
| 724 | |
| 725 .resource-view.headers-visible .resource-view-content { | |
| 726 position: relative; | |
| 727 top: auto; | |
| 728 right: auto; | |
| 729 left: auto; | |
| 730 bottom: auto; | |
| 731 } | |
| 732 | |
| 733 .resource-view.headers-visible .source-view-frame { | |
| 734 height: auto; | |
| 735 vertical-align: top; | |
| 736 } | |
| 737 | |
| 738 .webkit-line-gutter-backdrop { | |
| 739 /* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */ | |
| 740 width: 31px; | |
| 741 background-color: rgb(240, 240, 240); | |
| 742 border-right: 1px solid rgb(187, 187, 187); | |
| 743 position: absolute; | |
| 744 z-index: -1; | |
| 745 left: 0; | |
| 746 top: 0; | |
| 747 height: 100% | |
| 748 } | |
| 749 | |
| 750 .resource-view.font .resource-view-content { | |
| 751 font-size: 60px; | |
| 752 white-space: pre-wrap; | |
| 753 word-wrap: break-word; | |
| 754 text-align: center; | |
| 755 padding: 15px; | |
| 756 } | |
| 757 | |
| 758 .resource-view.image .resource-view-content > .image { | |
| 759 padding: 20px 20px 10px 20px; | |
| 760 text-align: center; | |
| 761 } | |
| 762 | |
| 763 .resource-view.image .resource-view-content > .info { | |
| 764 padding-bottom: 10px; | |
| 765 font-size: 11px; | |
| 766 -webkit-user-select: text; | |
| 767 } | |
| 768 | |
| 769 .resource-view.image img { | |
| 770 max-width: 100%; | |
| 771 max-height: 1000px; | |
| 772 background-image: url(Images/checker.png); | |
| 773 -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); | |
| 774 -webkit-user-select: text; | |
| 775 -webkit-user-drag: auto; | |
| 776 } | |
| 777 | |
| 778 .resource-view.image .title { | |
| 779 text-align: center; | |
| 780 font-size: 13px; | |
| 781 } | |
| 782 | |
| 783 .resource-view.image .infoList { | |
| 784 margin: 0; | |
| 785 } | |
| 786 | |
| 787 .resource-view.image .infoList dt { | |
| 788 font-weight: bold; | |
| 789 display: inline-block; | |
| 790 width: 50%; | |
| 791 text-align: right; | |
| 792 color: rgb(76, 76, 76); | |
| 793 } | |
| 794 | |
| 795 .resource-view.image .infoList dd { | |
| 796 display: inline-block; | |
| 797 padding-left: 8px; | |
| 798 width: 50%; | |
| 799 text-align: left; | |
| 800 margin: 0; | |
| 801 } | |
| 802 | |
| 803 .resource-view.image .infoList dd::after { | |
| 804 white-space: pre; | |
| 805 content: "\A"; | |
| 806 } | |
| 807 | |
| 808 #elements-content { | |
| 809 display: block; | |
| 810 overflow: auto; | |
| 811 padding: 0; | |
| 812 position: absolute; | |
| 813 top: 0; | |
| 814 left: 0; | |
| 815 right: 225px; | |
| 816 bottom: 0; | |
| 817 } | |
| 818 | |
| 819 #elements-sidebar { | |
| 820 position: absolute; | |
| 821 top: 0; | |
| 822 right: 0; | |
| 823 bottom: 0; | |
| 824 width: 225px; | |
| 825 background-color: rgb(245, 245, 245); | |
| 826 border-left: 1px solid rgb(64%, 64%, 64%); | |
| 827 cursor: default; | |
| 828 overflow: auto; | |
| 829 } | |
| 830 | |
| 831 .crumbs { | |
| 832 display: inline-block; | |
| 833 font-size: 11px; | |
| 834 line-height: 19px; | |
| 835 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
| 836 color: rgb(20, 20, 20); | |
| 837 margin-left: -1px; | |
| 838 padding-right: 12px; | |
| 839 } | |
| 840 | |
| 841 .crumbs .crumb { | |
| 842 height: 24px; | |
| 843 border-width: 0 12px 0 2px; | |
| 844 -webkit-border-image: url(Images/segment.png) 0 12 0 2; | |
| 845 margin-right: -12px; | |
| 846 padding-left: 18px; | |
| 847 padding-right: 2px; | |
| 848 white-space: nowrap; | |
| 849 line-height: 23px; | |
| 850 float: right; | |
| 851 } | |
| 852 | |
| 853 .crumbs .crumb.collapsed > * { | |
| 854 display: none; | |
| 855 } | |
| 856 | |
| 857 .crumbs .crumb.collapsed::before { | |
| 858 content: "\2026"; | |
| 859 font-weight: bold; | |
| 860 } | |
| 861 | |
| 862 .crumbs .crumb.compact .extra { | |
| 863 display: none; | |
| 864 } | |
| 865 | |
| 866 .crumbs .crumb.dimmed { | |
| 867 color: rgba(0, 0, 0, 0.45); | |
| 868 } | |
| 869 | |
| 870 .crumbs .crumb.start { | |
| 871 padding-left: 7px; | |
| 872 } | |
| 873 | |
| 874 .crumbs .crumb.end { | |
| 875 border-width: 0 2px 0 2px; | |
| 876 padding-right: 6px; | |
| 877 -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2; | |
| 878 } | |
| 879 | |
| 880 .crumbs .crumb.selected { | |
| 881 -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2; | |
| 882 color: black; | |
| 883 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
| 884 } | |
| 885 | |
| 886 .crumbs .crumb.selected:hover { | |
| 887 -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2; | |
| 888 } | |
| 889 | |
| 890 .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover { | |
| 891 -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2; | |
| 892 } | |
| 893 | |
| 894 .crumbs .crumb:hover { | |
| 895 -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2; | |
| 896 color: black; | |
| 897 } | |
| 898 | |
| 899 .crumbs .crumb.dimmed:hover { | |
| 900 -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2; | |
| 901 color: rgba(0, 0, 0, 0.75); | |
| 902 } | |
| 903 | |
| 904 .crumbs .crumb.end:hover { | |
| 905 -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2; | |
| 906 } | |
| 907 | |
| 908 .outline-disclosure li.hovered:not(.selected) .selection { | |
| 909 display: block; | |
| 910 left: 3px; | |
| 911 right: 3px; | |
| 912 background-color: rgba(56, 121, 217, 0.1); | |
| 913 -webkit-border-radius: 5px; | |
| 914 } | |
| 915 | |
| 916 .outline-disclosure li.highlighted .highlight { | |
| 917 background-color: rgb(255, 230, 179); | |
| 918 -webkit-border-radius: 4px; | |
| 919 padding-bottom: 2px; | |
| 920 margin-bottom: -2px; | |
| 921 } | |
| 922 | |
| 923 .outline-disclosure li.selected.highlighted .highlight { | |
| 924 background-color: transparent; | |
| 925 padding-bottom: 0; | |
| 926 margin-bottom: 0; | |
| 927 } | |
| 928 | |
| 929 .outline-disclosure li .selection { | |
| 930 display: none; | |
| 931 position: absolute; | |
| 932 left: 0; | |
| 933 right: 0; | |
| 934 height: 15px; | |
| 935 z-index: -1; | |
| 936 } | |
| 937 | |
| 938 .outline-disclosure li.selected .selection { | |
| 939 display: block; | |
| 940 background-color: rgb(212, 212, 212); | |
| 941 } | |
| 942 | |
| 943 :focus .outline-disclosure li.selected .selection { | |
| 944 background-color: rgb(56, 121, 217); | |
| 945 } | |
| 946 | |
| 947 .outline-disclosure > ol { | |
| 948 position: relative; | |
| 949 padding: 2px 6px !important; | |
| 950 margin: 0; | |
| 951 color: black; | |
| 952 cursor: default; | |
| 953 min-width: 100%; | |
| 954 } | |
| 955 | |
| 956 .outline-disclosure, .outline-disclosure ol { | |
| 957 list-style-type: none; | |
| 958 font-size: 11px; | |
| 959 -webkit-padding-start: 12px; | |
| 960 margin: 0; | |
| 961 } | |
| 962 | |
| 963 .outline-disclosure li { | |
| 964 padding: 0 0 2px 14px; | |
| 965 margin-top: 1px; | |
| 966 margin-bottom: 1px; | |
| 967 word-wrap: break-word; | |
| 968 text-indent: -2px | |
| 969 } | |
| 970 | |
| 971 :focus .outline-disclosure li.selected { | |
| 972 color: white; | |
| 973 } | |
| 974 | |
| 975 :focus .outline-disclosure li.selected * { | |
| 976 color: inherit; | |
| 977 } | |
| 978 | |
| 979 .outline-disclosure li.parent { | |
| 980 text-indent: -12px | |
| 981 } | |
| 982 | |
| 983 .outline-disclosure li .webkit-html-tag.close { | |
| 984 margin-left: -12px; | |
| 985 } | |
| 986 | |
| 987 .outline-disclosure li.parent::before { | |
| 988 content: url(Images/treeRightTriangleBlack.png); | |
| 989 float: left; | |
| 990 width: 8px; | |
| 991 height: 8px; | |
| 992 margin-top: 1px; | |
| 993 padding-right: 2px; | |
| 994 } | |
| 995 | |
| 996 .outline-disclosure li.parent::before { | |
| 997 content: url(Images/treeRightTriangleBlack.png); | |
| 998 } | |
| 999 | |
| 1000 :focus .outline-disclosure li.parent.selected::before { | |
| 1001 content: url(Images/treeRightTriangleWhite.png); | |
| 1002 } | |
| 1003 | |
| 1004 .outline-disclosure li.parent.expanded::before { | |
| 1005 content: url(Images/treeDownTriangleBlack.png); | |
| 1006 } | |
| 1007 | |
| 1008 :focus .outline-disclosure li.parent.expanded.selected::before { | |
| 1009 content: url(Images/treeDownTriangleWhite.png); | |
| 1010 } | |
| 1011 | |
| 1012 .outline-disclosure ol.children { | |
| 1013 display: none; | |
| 1014 } | |
| 1015 | |
| 1016 .outline-disclosure ol.children.expanded { | |
| 1017 display: block; | |
| 1018 } | |
| 1019 | |
| 1020 .webkit-html-comment { | |
| 1021 /* Keep this in sync with view-source.css (.webkit-html-comment) */ | |
| 1022 color: rgb(35, 110, 37); | |
| 1023 } | |
| 1024 | |
| 1025 .webkit-html-tag { | |
| 1026 /* Keep this in sync with view-source.css (.webkit-html-tag) */ | |
| 1027 color: rgb(136, 18, 128); | |
| 1028 } | |
| 1029 | |
| 1030 .webkit-html-doctype { | |
| 1031 /* Keep this in sync with view-source.css (.webkit-html-doctype) */ | |
| 1032 color: rgb(192, 192, 192); | |
| 1033 } | |
| 1034 | |
| 1035 .webkit-html-attribute-name { | |
| 1036 /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */ | |
| 1037 color: rgb(153, 69, 0); | |
| 1038 } | |
| 1039 | |
| 1040 .webkit-html-attribute-value { | |
| 1041 /* Keep this in sync with view-source.css (.webkit-html-attribute-value) */ | |
| 1042 color: rgb(26, 26, 166); | |
| 1043 } | |
| 1044 | |
| 1045 .webkit-html-external-link, .webkit-html-resource-link { | |
| 1046 /* Keep this in sync with view-source.css (.webkit-html-external-link, .webk
it-html-resource-link) */ | |
| 1047 color: #00e; | |
| 1048 } | |
| 1049 | |
| 1050 .webkit-html-external-link { | |
| 1051 /* Keep this in sync with view-source.css (.webkit-html-external-link) */ | |
| 1052 text-decoration: none; | |
| 1053 } | |
| 1054 | |
| 1055 .webkit-html-external-link:hover { | |
| 1056 /* Keep this in sync with view-source.css (.webkit-html-external-link:hover)
*/ | |
| 1057 text-decoration: underline; | |
| 1058 } | |
| 1059 | |
| 1060 .placard { | |
| 1061 position: relative; | |
| 1062 margin-top: 1px; | |
| 1063 padding: 3px 8px 4px 18px; | |
| 1064 min-height: 18px; | |
| 1065 white-space: nowrap; | |
| 1066 } | |
| 1067 | |
| 1068 .placard:nth-of-type(2n) { | |
| 1069 background-color: rgb(234, 243, 255); | |
| 1070 } | |
| 1071 | |
| 1072 .placard.selected { | |
| 1073 border-top: 1px solid rgb(145, 160, 192); | |
| 1074 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | |
| 1075 -webkit-background-origin: padding; | |
| 1076 -webkit-background-clip: padding; | |
| 1077 } | |
| 1078 | |
| 1079 :focus .placard.selected { | |
| 1080 border-top: 1px solid rgb(68, 128, 200); | |
| 1081 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(9
2, 147, 213)), to(rgb(21, 83, 170))); | |
| 1082 } | |
| 1083 | |
| 1084 body.inactive .placard.selected { | |
| 1085 border-top: 1px solid rgb(151, 151, 151); | |
| 1086 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
80, 180, 180)), to(rgb(138, 138, 138))); | |
| 1087 } | |
| 1088 | |
| 1089 .placard .title { | |
| 1090 color: black; | |
| 1091 font-weight: normal; | |
| 1092 word-wrap: break-word; | |
| 1093 white-space: normal; | |
| 1094 } | |
| 1095 | |
| 1096 .placard.selected .title { | |
| 1097 color: white; | |
| 1098 font-weight: bold; | |
| 1099 } | |
| 1100 | |
| 1101 .placard .subtitle { | |
| 1102 float: right; | |
| 1103 font-size: 10px; | |
| 1104 margin-left: 5px; | |
| 1105 max-width: 55%; | |
| 1106 color: rgba(0, 0, 0, 0.7); | |
| 1107 text-overflow: ellipsis; | |
| 1108 overflow: hidden; | |
| 1109 } | |
| 1110 | |
| 1111 .placard.selected .subtitle { | |
| 1112 color: rgba(255, 255, 255, 0.7); | |
| 1113 } | |
| 1114 | |
| 1115 .placard .subtitle a { | |
| 1116 color: inherit; | |
| 1117 } | |
| 1118 | |
| 1119 .section { | |
| 1120 position: relative; | |
| 1121 margin-top: 1px; | |
| 1122 } | |
| 1123 | |
| 1124 .section:nth-last-of-type(1) { | |
| 1125 margin-bottom: 1px; | |
| 1126 } | |
| 1127 | |
| 1128 .section .header { | |
| 1129 padding: 2px 8px 4px 18px; | |
| 1130 border-top: 1px solid rgb(145, 160, 192); | |
| 1131 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | |
| 1132 min-height: 18px; | |
| 1133 white-space: nowrap; | |
| 1134 -webkit-background-origin: padding; | |
| 1135 -webkit-background-clip: padding; | |
| 1136 } | |
| 1137 | |
| 1138 .section .header::before { | |
| 1139 position: absolute; | |
| 1140 top: 4px; | |
| 1141 left: 7px; | |
| 1142 width: 8px; | |
| 1143 height: 8px; | |
| 1144 content: url(Images/treeRightTriangleWhite.png); | |
| 1145 } | |
| 1146 | |
| 1147 .section.expanded .header::before { | |
| 1148 content: url(Images/treeDownTriangleWhite.png); | |
| 1149 } | |
| 1150 | |
| 1151 .section .header .title { | |
| 1152 color: white; | |
| 1153 font-weight: bold; | |
| 1154 word-wrap: break-word; | |
| 1155 white-space: normal; | |
| 1156 } | |
| 1157 | |
| 1158 .section .header label { | |
| 1159 display: none; | |
| 1160 } | |
| 1161 | |
| 1162 .section.expanded .header label { | |
| 1163 display: inline; | |
| 1164 } | |
| 1165 | |
| 1166 .section .header input[type=checkbox] { | |
| 1167 height: 10px; | |
| 1168 width: 10px; | |
| 1169 margin-left: 0; | |
| 1170 margin-top: 0; | |
| 1171 margin-bottom: 0; | |
| 1172 vertical-align: 2px; | |
| 1173 } | |
| 1174 | |
| 1175 .section .header .subtitle { | |
| 1176 float: right; | |
| 1177 font-size: 10px; | |
| 1178 margin-left: 5px; | |
| 1179 max-width: 55%; | |
| 1180 color: rgba(255, 255, 255, 0.7); | |
| 1181 text-overflow: ellipsis; | |
| 1182 overflow: hidden; | |
| 1183 } | |
| 1184 | |
| 1185 .section .header .subtitle a { | |
| 1186 color: inherit; | |
| 1187 } | |
| 1188 | |
| 1189 .section .properties { | |
| 1190 display: none; | |
| 1191 margin: 0; | |
| 1192 padding: 2px 6px 3px; | |
| 1193 list-style: none; | |
| 1194 background-color: white; | |
| 1195 } | |
| 1196 | |
| 1197 .section.expanded .properties { | |
| 1198 display: block; | |
| 1199 } | |
| 1200 | |
| 1201 .section .properties li { | |
| 1202 margin-left: 12px; | |
| 1203 white-space: nowrap; | |
| 1204 text-overflow: ellipsis; | |
| 1205 overflow: hidden; | |
| 1206 -webkit-user-select: text; | |
| 1207 cursor: auto; | |
| 1208 } | |
| 1209 | |
| 1210 .section .properties li.parent { | |
| 1211 margin-left: 1px; | |
| 1212 } | |
| 1213 | |
| 1214 .section .properties ol { | |
| 1215 display: none; | |
| 1216 margin: 0; | |
| 1217 -webkit-padding-start: 12px; | |
| 1218 list-style: none; | |
| 1219 } | |
| 1220 | |
| 1221 .section .properties ol.expanded { | |
| 1222 display: block; | |
| 1223 } | |
| 1224 | |
| 1225 .section .properties li.parent::before { | |
| 1226 content: url(Images/treeRightTriangleBlack.png); | |
| 1227 opacity: 0.75; | |
| 1228 float: left; | |
| 1229 width: 8px; | |
| 1230 height: 8px; | |
| 1231 margin-top: 0; | |
| 1232 padding-right: 3px; | |
| 1233 -webkit-user-select: none; | |
| 1234 cursor: default; | |
| 1235 } | |
| 1236 | |
| 1237 .section .properties li.parent.expanded::before { | |
| 1238 content: url(Images/treeDownTriangleBlack.png); | |
| 1239 margin-top: 1px; | |
| 1240 } | |
| 1241 | |
| 1242 .section .properties li .info { | |
| 1243 padding-top: 4px; | |
| 1244 padding-bottom: 3px; | |
| 1245 } | |
| 1246 | |
| 1247 .editing { | |
| 1248 -webkit-user-select: text; | |
| 1249 -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px; | |
| 1250 outline: 1px solid rgb(66%, 66%, 66%) !important; | |
| 1251 background-color: white; | |
| 1252 -webkit-user-modify: read-write-plaintext-only; | |
| 1253 text-overflow: clip; | |
| 1254 padding-left: 2px; | |
| 1255 margin-left: -2px; | |
| 1256 padding-right: 2px; | |
| 1257 margin-right: -2px; | |
| 1258 margin-bottom: -1px; | |
| 1259 padding-bottom: 1px; | |
| 1260 opacity: 1.0 !important; | |
| 1261 } | |
| 1262 | |
| 1263 .editing, .editing * { | |
| 1264 color: black !important; | |
| 1265 text-decoration: none !important; | |
| 1266 } | |
| 1267 | |
| 1268 .section .properties li.editing { | |
| 1269 margin-left: 10px; | |
| 1270 text-overflow: clip; | |
| 1271 } | |
| 1272 | |
| 1273 li.editing .swatch, li.editing .enabled-button { | |
| 1274 display: none !important; | |
| 1275 } | |
| 1276 | |
| 1277 .section .properties li.editing-sub-part { | |
| 1278 padding: 3px 6px 8px 18px; | |
| 1279 margin: -3px -6px -8px -6px; | |
| 1280 text-overflow: clip; | |
| 1281 } | |
| 1282 | |
| 1283 .section .properties .overloaded, .section .properties .disabled { | |
| 1284 text-decoration: line-through; | |
| 1285 } | |
| 1286 | |
| 1287 .section.computed-style .properties .disabled { | |
| 1288 text-decoration: none; | |
| 1289 opacity: 0.5; | |
| 1290 } | |
| 1291 | |
| 1292 .section .properties .implicit, .section .properties .inherited { | |
| 1293 opacity: 0.5; | |
| 1294 } | |
| 1295 | |
| 1296 .section:not(.show-inherited) .properties .inherited { | |
| 1297 display: none; | |
| 1298 } | |
| 1299 | |
| 1300 .section .properties .enabled-button { | |
| 1301 display: none; | |
| 1302 float: right; | |
| 1303 font-size: 10px; | |
| 1304 margin: 0 0 0 4px; | |
| 1305 vertical-align: top; | |
| 1306 position: relative; | |
| 1307 z-index: 1; | |
| 1308 } | |
| 1309 | |
| 1310 .section:hover .properties .enabled-button { | |
| 1311 display: block; | |
| 1312 } | |
| 1313 | |
| 1314 .section .properties .name { | |
| 1315 color: rgb(136, 19, 145); | |
| 1316 } | |
| 1317 | |
| 1318 .section .properties .value.dimmed { | |
| 1319 color: rgb(100, 100, 100); | |
| 1320 } | |
| 1321 | |
| 1322 .section .properties .number { | |
| 1323 color: blue; | |
| 1324 } | |
| 1325 | |
| 1326 .section .properties .priority { | |
| 1327 color: rgb(128, 0, 0); | |
| 1328 } | |
| 1329 | |
| 1330 .section .properties .keyword { | |
| 1331 color: rgb(136, 19, 79); | |
| 1332 } | |
| 1333 | |
| 1334 .section .properties .color { | |
| 1335 color: rgb(118, 15, 21); | |
| 1336 } | |
| 1337 | |
| 1338 .swatch { | |
| 1339 display: inline-block; | |
| 1340 vertical-align: baseline; | |
| 1341 margin-left: 4px; | |
| 1342 margin-bottom: -1px; | |
| 1343 width: 1em; | |
| 1344 height: 1em; | |
| 1345 border: 1px solid rgb(180, 180, 180); | |
| 1346 } | |
| 1347 | |
| 1348 .pane:not(.expanded) + .pane, .pane:first-of-type { | |
| 1349 margin-top: -1px; | |
| 1350 } | |
| 1351 | |
| 1352 .pane > .title { | |
| 1353 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
43, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230,
230, 230)), to(rgb(209, 209, 209))); | |
| 1354 height: 20px; | |
| 1355 padding: 0 5px; | |
| 1356 border-top: 1px solid rgb(189, 189, 189); | |
| 1357 border-bottom: 1px solid rgb(189, 189, 189); | |
| 1358 font-weight: bold; | |
| 1359 font-size: 12px; | |
| 1360 line-height: 18px; | |
| 1361 color: rgb(110, 110, 110); | |
| 1362 text-shadow: white 0 1px 0; | |
| 1363 -webkit-background-origin: padding; | |
| 1364 -webkit-background-clip: padding; | |
| 1365 } | |
| 1366 | |
| 1367 .pane > .title:active { | |
| 1368 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
31, 231, 231)), color-stop(0.05, rgb(231, 231, 231)), color-stop(0.05, rgb(207,
207, 207)), to(rgb(186, 186, 186))); | |
| 1369 border-top: 1px solid rgb(178, 178, 178); | |
| 1370 border-bottom: 1px solid rgb(178, 178, 178); | |
| 1371 } | |
| 1372 | |
| 1373 .pane > .title::before { | |
| 1374 content: url(Images/disclosureTriangleSmallRightBlack.png); | |
| 1375 float: left; | |
| 1376 width: 11px; | |
| 1377 height: 12px; | |
| 1378 margin-right: 2px; | |
| 1379 margin-top: 1px; | |
| 1380 } | |
| 1381 | |
| 1382 .pane.expanded > .title::before { | |
| 1383 content: url(Images/disclosureTriangleSmallDownBlack.png); | |
| 1384 } | |
| 1385 | |
| 1386 .pane > .body { | |
| 1387 position: relative; | |
| 1388 display: none; | |
| 1389 background-color: white; | |
| 1390 overflow-y: auto; | |
| 1391 overflow-x: hidden; | |
| 1392 } | |
| 1393 | |
| 1394 .pane > .body .info { | |
| 1395 text-align: center; | |
| 1396 font-style: italic; | |
| 1397 font-size: 10px; | |
| 1398 padding: 6px; | |
| 1399 color: gray; | |
| 1400 } | |
| 1401 | |
| 1402 .pane.expanded > .body, .pane.expanded > .growbar { | |
| 1403 display: block; | |
| 1404 } | |
| 1405 | |
| 1406 .pane.expanded:nth-last-of-type(1) { | |
| 1407 border-bottom: 1px solid rgb(189, 189, 189); | |
| 1408 } | |
| 1409 | |
| 1410 .pane > .growbar { | |
| 1411 display: none; | |
| 1412 background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomG
row.png); | |
| 1413 background-repeat: no-repeat, repeat-x; | |
| 1414 background-position: center center, bottom; | |
| 1415 height: 5px; | |
| 1416 } | |
| 1417 | |
| 1418 .metrics { | |
| 1419 padding: 8px; | |
| 1420 font-size: 10px; | |
| 1421 text-align: center; | |
| 1422 white-space: nowrap; | |
| 1423 } | |
| 1424 | |
| 1425 .metrics .label { | |
| 1426 position: absolute; | |
| 1427 margin-top: -10px; | |
| 1428 font-size: 9px; | |
| 1429 color: grey; | |
| 1430 background-color: white; | |
| 1431 margin-left: 3px; | |
| 1432 padding-left: 2px; | |
| 1433 padding-right: 2px; | |
| 1434 } | |
| 1435 | |
| 1436 .metrics .position { | |
| 1437 border: 1px rgb(66%, 66%, 66%) dotted; | |
| 1438 display: inline-block; | |
| 1439 text-align: center; | |
| 1440 padding: 3px; | |
| 1441 margin: 3px; | |
| 1442 } | |
| 1443 | |
| 1444 .metrics .margin { | |
| 1445 border: 1px dashed; | |
| 1446 display: inline-block; | |
| 1447 text-align: center; | |
| 1448 vertical-align: middle; | |
| 1449 padding: 3px; | |
| 1450 margin: 3px; | |
| 1451 } | |
| 1452 | |
| 1453 .metrics .border { | |
| 1454 border: 1px black solid; | |
| 1455 display: inline-block; | |
| 1456 text-align: center; | |
| 1457 vertical-align: middle; | |
| 1458 padding: 3px; | |
| 1459 margin: 3px; | |
| 1460 } | |
| 1461 | |
| 1462 .metrics .padding { | |
| 1463 border: 1px grey dashed; | |
| 1464 display: inline-block; | |
| 1465 text-align: center; | |
| 1466 vertical-align: middle; | |
| 1467 padding: 3px; | |
| 1468 margin: 3px; | |
| 1469 } | |
| 1470 | |
| 1471 .metrics .content { | |
| 1472 position: static; | |
| 1473 border: 1px grey solid; | |
| 1474 display: inline-block; | |
| 1475 text-align: center; | |
| 1476 vertical-align: middle; | |
| 1477 padding: 3px; | |
| 1478 margin: 3px; | |
| 1479 min-width: 80px; | |
| 1480 text-align: center; | |
| 1481 overflow: visible; | |
| 1482 } | |
| 1483 | |
| 1484 .metrics .content span { | |
| 1485 display: inline-block; | |
| 1486 } | |
| 1487 | |
| 1488 .metrics .editing { | |
| 1489 position: relative; | |
| 1490 z-index: 100; | |
| 1491 } | |
| 1492 | |
| 1493 .metrics .left { | |
| 1494 display: inline-block; | |
| 1495 vertical-align: middle; | |
| 1496 } | |
| 1497 | |
| 1498 .metrics .right { | |
| 1499 display: inline-block; | |
| 1500 vertical-align: middle; | |
| 1501 } | |
| 1502 | |
| 1503 .metrics .top { | |
| 1504 display: inline-block; | |
| 1505 } | |
| 1506 | |
| 1507 .metrics .bottom { | |
| 1508 display: inline-block; | |
| 1509 } | |
| 1510 | |
| 1511 .sidebar { | |
| 1512 position: absolute; | |
| 1513 top: 0; | |
| 1514 left: 0; | |
| 1515 bottom: 0; | |
| 1516 width: 200px; | |
| 1517 overflow-y: auto; | |
| 1518 overflow-x: hidden; | |
| 1519 background-color: rgb(214, 221, 229); | |
| 1520 border-right: 1px solid rgb(64%, 64%, 64%); | |
| 1521 } | |
| 1522 | |
| 1523 body.inactive .sidebar { | |
| 1524 background-color: rgb(232, 232, 232); | |
| 1525 } | |
| 1526 | |
| 1527 .database-sidebar-tree-item .icon { | |
| 1528 content: url(Images/database.png); | |
| 1529 } | |
| 1530 | |
| 1531 .database-table-sidebar-tree-item .icon { | |
| 1532 content: url(Images/databaseTable.png); | |
| 1533 } | |
| 1534 | |
| 1535 .domstorage-sidebar-tree-item .icon { | |
| 1536 content: url(Images/domStorage.png); | |
| 1537 } | |
| 1538 | |
| 1539 #storage-views { | |
| 1540 position: absolute; | |
| 1541 top: 0; | |
| 1542 right: 0; | |
| 1543 left: 200px; | |
| 1544 bottom: 0; | |
| 1545 } | |
| 1546 | |
| 1547 .storage-view { | |
| 1548 display: none; | |
| 1549 overflow: hidden; | |
| 1550 position: absolute; | |
| 1551 top: 0; | |
| 1552 left: 0; | |
| 1553 right: 0; | |
| 1554 bottom: 0; | |
| 1555 } | |
| 1556 | |
| 1557 .storage-view.visible { | |
| 1558 display: block; | |
| 1559 } | |
| 1560 | |
| 1561 .storage-view.table { | |
| 1562 overflow: hidden; | |
| 1563 } | |
| 1564 | |
| 1565 .storage-view.table .data-grid { | |
| 1566 border: none; | |
| 1567 height: 100%; | |
| 1568 } | |
| 1569 | |
| 1570 .storage-view.table .storage-table-empty, .storage-view.table .storage-table-err
or { | |
| 1571 position: absolute; | |
| 1572 top: 0; | |
| 1573 bottom: 25%; | |
| 1574 left: 0; | |
| 1575 right: 0; | |
| 1576 font-size: 24px; | |
| 1577 color: rgb(75%, 75%, 75%); | |
| 1578 margin-top: auto; | |
| 1579 margin-bottom: auto; | |
| 1580 height: 50px; | |
| 1581 line-height: 26px; | |
| 1582 text-align: center; | |
| 1583 font-weight: bold; | |
| 1584 padding: 10px; | |
| 1585 white-space: pre-wrap; | |
| 1586 } | |
| 1587 | |
| 1588 .storage-view.table .storage-table-error { | |
| 1589 color: rgb(66%, 33%, 33%); | |
| 1590 } | |
| 1591 | |
| 1592 .data-grid { | |
| 1593 position: relative; | |
| 1594 border: 1px solid #aaa; | |
| 1595 } | |
| 1596 | |
| 1597 .data-grid .highlight { | |
| 1598 background-color: rgb(255, 230, 179); | |
| 1599 } | |
| 1600 | |
| 1601 .data-grid tr.selected .highlight { | |
| 1602 background-color: transparent; | |
| 1603 } | |
| 1604 | |
| 1605 .data-grid table { | |
| 1606 table-layout: fixed; | |
| 1607 border-spacing: 0; | |
| 1608 border-collapse: collapse; | |
| 1609 width: 100%; | |
| 1610 font-size: 10px; | |
| 1611 font-family: Lucida Grande, sans-serif; | |
| 1612 } | |
| 1613 | |
| 1614 .data-grid .data-container { | |
| 1615 position: absolute; | |
| 1616 top: 16px; | |
| 1617 bottom: 0; | |
| 1618 left: 0; | |
| 1619 right: 0; | |
| 1620 padding-right: 14px; | |
| 1621 overflow-x: hidden; | |
| 1622 overflow-y: overlay; | |
| 1623 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))); | |
| 1624 -webkit-background-size: 1px 32px; | |
| 1625 } | |
| 1626 | |
| 1627 .data-grid.inline .data-container { | |
| 1628 position: static; | |
| 1629 } | |
| 1630 | |
| 1631 .data-grid th { | |
| 1632 text-align: left; | |
| 1633 background-image: url(Images/glossyHeader.png); | |
| 1634 background-repeat: repeat-x; | |
| 1635 border-right: 1px solid rgb(179, 179, 179); | |
| 1636 border-bottom: 1px solid rgb(179, 179, 179); | |
| 1637 height: 15px; | |
| 1638 font-weight: normal; | |
| 1639 vertical-align: middle; | |
| 1640 padding: 0 4px; | |
| 1641 white-space: nowrap; | |
| 1642 } | |
| 1643 | |
| 1644 .data-grid th.corner { | |
| 1645 width: 15px; | |
| 1646 border-right: 0 none transparent; | |
| 1647 } | |
| 1648 | |
| 1649 .data-grid tr.filler { | |
| 1650 display: table-row !important; | |
| 1651 height: auto !important; | |
| 1652 } | |
| 1653 | |
| 1654 .data-grid tr.filler td { | |
| 1655 height: auto !important; | |
| 1656 padding: 0 !important; | |
| 1657 } | |
| 1658 | |
| 1659 .data-grid table.data { | |
| 1660 position: absolute; | |
| 1661 left: 0; | |
| 1662 top: 0; | |
| 1663 right: 16px; | |
| 1664 bottom: 0; | |
| 1665 height: 100%; | |
| 1666 border-top: 0 none transparent; | |
| 1667 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))); | |
| 1668 -webkit-background-size: 1px 32px; | |
| 1669 } | |
| 1670 | |
| 1671 .data-grid.inline table.data { | |
| 1672 position: static; | |
| 1673 } | |
| 1674 | |
| 1675 .data-grid table.data tr { | |
| 1676 display: none; | |
| 1677 } | |
| 1678 | |
| 1679 .data-grid table.data tr.revealed { | |
| 1680 display: table-row; | |
| 1681 } | |
| 1682 | |
| 1683 .data-grid td { | |
| 1684 vertical-align: top; | |
| 1685 height: 12px; | |
| 1686 padding: 2px 4px; | |
| 1687 white-space: nowrap; | |
| 1688 border-right: 1px solid #aaa; | |
| 1689 -webkit-user-select: text; | |
| 1690 } | |
| 1691 | |
| 1692 .data-grid td > div, .data-grid th > div { | |
| 1693 white-space: nowrap; | |
| 1694 text-overflow: ellipsis; | |
| 1695 overflow: hidden; | |
| 1696 } | |
| 1697 | |
| 1698 .data-grid th.sortable div { | |
| 1699 position: relative; | |
| 1700 } | |
| 1701 | |
| 1702 .data-grid th.sortable:active { | |
| 1703 background-image: url(Images/glossyHeaderPressed.png); | |
| 1704 } | |
| 1705 | |
| 1706 .data-grid th.sort-ascending, .data-grid th.sort-descending { | |
| 1707 border-right: 1px solid rgb(107, 140, 196); | |
| 1708 border-bottom: 1px solid rgb(107, 140, 196); | |
| 1709 background-image: url(Images/glossyHeaderSelected.png); | |
| 1710 background-repeat: repeat-x; | |
| 1711 } | |
| 1712 | |
| 1713 .data-grid th.sortable.sort-ascending:active, .data-grid th.sortable.sort-descen
ding:active { | |
| 1714 background-image: url(Images/glossyHeaderSelectedPressed.png); | |
| 1715 } | |
| 1716 | |
| 1717 .data-grid th.sort-ascending div::after { | |
| 1718 position: absolute; | |
| 1719 top: 0; | |
| 1720 right: 0; | |
| 1721 width: 8px; | |
| 1722 height: 8px; | |
| 1723 content: url(Images/treeUpTriangleBlack.png); | |
| 1724 } | |
| 1725 | |
| 1726 .data-grid th.sort-descending div::after { | |
| 1727 position: absolute; | |
| 1728 top: 0; | |
| 1729 right: 0; | |
| 1730 margin-top: 1px; | |
| 1731 width: 8px; | |
| 1732 height: 8px; | |
| 1733 content: url(Images/treeDownTriangleBlack.png); | |
| 1734 } | |
| 1735 | |
| 1736 body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-des
cending { | |
| 1737 background-image: url(Images/glossyHeader.png); | |
| 1738 border-right: 1px solid rgb(179, 179, 179); | |
| 1739 border-bottom: 1px solid rgb(179, 179, 179); | |
| 1740 } | |
| 1741 | |
| 1742 .data-grid tr.parent td.disclosure::before { | |
| 1743 float: left; | |
| 1744 content: url(Images/treeRightTriangleBlack.png); | |
| 1745 width: 8px; | |
| 1746 height: 8px; | |
| 1747 margin-right: 2px; | |
| 1748 -webkit-user-select: none; | |
| 1749 } | |
| 1750 | |
| 1751 .data-grid tr.expanded td.disclosure::before { | |
| 1752 content: url(Images/treeDownTriangleBlack.png); | |
| 1753 width: 8px; | |
| 1754 height: 8px; | |
| 1755 margin-top: 1px; | |
| 1756 } | |
| 1757 | |
| 1758 .data-grid tr.selected { | |
| 1759 background-color: rgb(212, 212, 212); | |
| 1760 color: inherit; | |
| 1761 } | |
| 1762 | |
| 1763 .data-grid:focus tr.selected { | |
| 1764 background-color: rgb(56, 121, 217); | |
| 1765 color: white; | |
| 1766 } | |
| 1767 | |
| 1768 .data-grid:focus tr.parent.selected td.disclosure::before { | |
| 1769 content: url(Images/treeRightTriangleWhite.png); | |
| 1770 } | |
| 1771 | |
| 1772 .data-grid:focus tr.expanded.selected td.disclosure::before { | |
| 1773 content: url(Images/treeDownTriangleWhite.png); | |
| 1774 } | |
| 1775 | |
| 1776 .data-grid tr:not(.parent) td.disclosure { | |
| 1777 text-indent: 10px; | |
| 1778 } | |
| 1779 | |
| 1780 .storage-view.query { | |
| 1781 font-size: 10px; | |
| 1782 font-family: Monaco, Lucida Console, monospace; | |
| 1783 padding: 2px 0; | |
| 1784 overflow-y: overlay; | |
| 1785 overflow-x: hidden; | |
| 1786 -webkit-text-size-adjust: auto; | |
| 1787 } | |
| 1788 | |
| 1789 .database-query-prompt { | |
| 1790 position: relative; | |
| 1791 padding: 1px 22px 1px 24px; | |
| 1792 min-height: 16px; | |
| 1793 white-space: pre-wrap; | |
| 1794 -webkit-user-modify: read-write-plaintext-only; | |
| 1795 -webkit-user-select: text; | |
| 1796 } | |
| 1797 | |
| 1798 .database-user-query::before, .database-query-prompt::before, .database-query-re
sult::before { | |
| 1799 position: absolute; | |
| 1800 display: block; | |
| 1801 content: ""; | |
| 1802 left: 7px; | |
| 1803 top: 0.8em; | |
| 1804 width: 10px; | |
| 1805 height: 10px; | |
| 1806 margin-top: -5px; | |
| 1807 -webkit-user-select: none; | |
| 1808 } | |
| 1809 | |
| 1810 .database-query-prompt::before { | |
| 1811 background-image: url(Images/userInputIcon.png); | |
| 1812 } | |
| 1813 | |
| 1814 .database-user-query { | |
| 1815 position: relative; | |
| 1816 border-bottom: 1px solid rgb(245, 245, 245); | |
| 1817 padding: 1px 22px 1px 24px; | |
| 1818 min-height: 16px; | |
| 1819 } | |
| 1820 | |
| 1821 .database-user-query::before { | |
| 1822 background-image: url(Images/userInputPreviousIcon.png); | |
| 1823 } | |
| 1824 | |
| 1825 .database-query-text { | |
| 1826 color: rgb(0, 128, 255); | |
| 1827 -webkit-user-select: text; | |
| 1828 } | |
| 1829 | |
| 1830 .database-query-result { | |
| 1831 position: relative; | |
| 1832 padding: 1px 22px 1px 24px; | |
| 1833 min-height: 16px; | |
| 1834 margin-left: -24px; | |
| 1835 padding-right: 0; | |
| 1836 } | |
| 1837 | |
| 1838 .database-query-result.error { | |
| 1839 color: red; | |
| 1840 -webkit-user-select: text; | |
| 1841 } | |
| 1842 | |
| 1843 .database-query-result.error::before { | |
| 1844 background-image: url(Images/errorIcon.png); | |
| 1845 } | |
| 1846 | |
| 1847 .panel-enabler-view { | |
| 1848 z-index: 1000; | |
| 1849 position: absolute; | |
| 1850 top: 0; | |
| 1851 left: 0; | |
| 1852 right: 0; | |
| 1853 bottom: 0; | |
| 1854 background-color: white; | |
| 1855 font-size: 13px; | |
| 1856 text-align: center; | |
| 1857 overflow-x: hidden; | |
| 1858 overflow-y: overlay; | |
| 1859 display: none; | |
| 1860 } | |
| 1861 | |
| 1862 .panel-enabler-view.visible { | |
| 1863 display: block; | |
| 1864 } | |
| 1865 | |
| 1866 .panel-enabler-view .panel-enabler-view-content { | |
| 1867 position: absolute; | |
| 1868 top: 0; | |
| 1869 left: 0; | |
| 1870 right: 0; | |
| 1871 bottom: 0; | |
| 1872 max-height: 390px; | |
| 1873 margin: auto; | |
| 1874 white-space: nowrap; | |
| 1875 } | |
| 1876 | |
| 1877 .panel-enabler-view h1 { | |
| 1878 color: rgb(110, 116, 128); | |
| 1879 font-size: 16px; | |
| 1880 line-height: 20px; | |
| 1881 font-weight: normal; | |
| 1882 margin-top: 0; | |
| 1883 } | |
| 1884 | |
| 1885 .panel-enabler-disclaimer { | |
| 1886 font-size: 10px; | |
| 1887 color: rgb(110, 116, 128); | |
| 1888 margin-bottom: 12px; | |
| 1889 } | |
| 1890 | |
| 1891 .panel-enabler-disclaimer:empty { | |
| 1892 display: none; | |
| 1893 } | |
| 1894 | |
| 1895 .panel-enabler-view img { | |
| 1896 height: 100%; | |
| 1897 min-height: 200px; | |
| 1898 max-width: 100%; | |
| 1899 top: 0; | |
| 1900 bottom: 0; | |
| 1901 padding: 20px 0 20px 20px; | |
| 1902 margin: auto; | |
| 1903 vertical-align: middle; | |
| 1904 } | |
| 1905 | |
| 1906 .panel-enabler-view img.hidden { | |
| 1907 display: initial !important; | |
| 1908 width: 0; | |
| 1909 } | |
| 1910 | |
| 1911 .panel-enabler-view form { | |
| 1912 display: inline-block; | |
| 1913 vertical-align: middle; | |
| 1914 width: 330px; | |
| 1915 margin: 0; | |
| 1916 padding: 15px; | |
| 1917 white-space: normal; | |
| 1918 } | |
| 1919 | |
| 1920 .panel-enabler-view label { | |
| 1921 position: relative; | |
| 1922 display: block; | |
| 1923 text-align: left; | |
| 1924 margin-left: 50px; | |
| 1925 margin-bottom: 6px; | |
| 1926 line-height: 18px; | |
| 1927 word-break: break-word; | |
| 1928 } | |
| 1929 | |
| 1930 .panel-enabler-view button { | |
| 1931 font-size: 13px; | |
| 1932 margin: 6px 0 0 0; | |
| 1933 padding: 3px 20px; | |
| 1934 color: rgb(6, 6, 6); | |
| 1935 height: 24px; | |
| 1936 background-color: transparent; | |
| 1937 border: 1px solid rgb(165, 165, 165); | |
| 1938 background-color: rgb(237, 237, 237); | |
| 1939 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
| 1940 -webkit-border-radius: 12px; | |
| 1941 -webkit-appearance: none; | |
| 1942 } | |
| 1943 | |
| 1944 .panel-enabler-view button:active { | |
| 1945 background-color: rgb(215, 215, 215); | |
| 1946 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
| 1947 } | |
| 1948 | |
| 1949 body.inactive .panel-enabler-view button, .panel-enabler-view button:disabled { | |
| 1950 color: rgb(130, 130, 130); | |
| 1951 border-color: rgb(212, 212, 212); | |
| 1952 background-color: rgb(239, 239, 239); | |
| 1953 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
50, 250, 250)), to(rgb(235, 235, 235))); | |
| 1954 } | |
| 1955 | |
| 1956 .panel-enabler-view.scripts img { | |
| 1957 content: url(Images/scriptsSilhouette.png); | |
| 1958 } | |
| 1959 | |
| 1960 .panel-enabler-view.profiles img { | |
| 1961 content: url(Images/profilesSilhouette.png); | |
| 1962 } | |
| 1963 | |
| 1964 button.enable-toggle-status-bar-item { | |
| 1965 background-image: url(Images/enableButtons.png); | |
| 1966 } | |
| 1967 | |
| 1968 button.enable-toggle-status-bar-item:active { | |
| 1969 background-position: 32px 0; | |
| 1970 } | |
| 1971 | |
| 1972 button.enable-toggle-status-bar-item.toggled-on { | |
| 1973 background-position: 0 24px; | |
| 1974 } | |
| 1975 | |
| 1976 button.enable-toggle-status-bar-item.toggled-on:active { | |
| 1977 background-position: 32px 24px; | |
| 1978 } | |
| 1979 | |
| 1980 #scripts-pause-on-exceptions-status-bar-item { | |
| 1981 background-image: url(Images/pauseOnExceptionButtons.png); | |
| 1982 } | |
| 1983 | |
| 1984 #scripts-pause-on-exceptions-status-bar-item:active { | |
| 1985 background-position: 32px 0; | |
| 1986 } | |
| 1987 | |
| 1988 #scripts-pause-on-exceptions-status-bar-item.toggled-on { | |
| 1989 background-position: 0 24px; | |
| 1990 } | |
| 1991 | |
| 1992 #scripts-pause-on-exceptions-status-bar-item.toggled-on:active { | |
| 1993 background-position: 32px 24px; | |
| 1994 } | |
| 1995 | |
| 1996 #scripts-status-bar { | |
| 1997 position: absolute; | |
| 1998 top: -1px; | |
| 1999 left: 0; | |
| 2000 right: 0; | |
| 2001 height: 24px; | |
| 2002 } | |
| 2003 | |
| 2004 #scripts-files { | |
| 2005 max-width: 250px; | |
| 2006 } | |
| 2007 | |
| 2008 #scripts-functions { | |
| 2009 max-width: 150px; | |
| 2010 } | |
| 2011 | |
| 2012 #scripts-status-bar .status-bar-item img { | |
| 2013 margin-top: 2px; | |
| 2014 } | |
| 2015 | |
| 2016 #scripts-back img { | |
| 2017 content: url(Images/back.png); | |
| 2018 } | |
| 2019 | |
| 2020 #scripts-forward img { | |
| 2021 content: url(Images/forward.png); | |
| 2022 } | |
| 2023 | |
| 2024 #scripts-pause img { | |
| 2025 content: url(Images/debuggerPause.png); | |
| 2026 } | |
| 2027 | |
| 2028 #scripts-pause.paused img { | |
| 2029 content: url(Images/debuggerContinue.png); | |
| 2030 } | |
| 2031 | |
| 2032 #scripts-step-over img { | |
| 2033 content: url(Images/debuggerStepOver.png); | |
| 2034 } | |
| 2035 | |
| 2036 #scripts-step-into img { | |
| 2037 content: url(Images/debuggerStepInto.png); | |
| 2038 } | |
| 2039 | |
| 2040 #scripts-step-out img { | |
| 2041 content: url(Images/debuggerStepOut.png); | |
| 2042 } | |
| 2043 | |
| 2044 #scripts-debugger-status { | |
| 2045 position: absolute; | |
| 2046 line-height: 24px; | |
| 2047 top: 0; | |
| 2048 right: 8px; | |
| 2049 } | |
| 2050 | |
| 2051 #scripts-sidebar-resizer-widget { | |
| 2052 position: absolute; | |
| 2053 top: 0; | |
| 2054 bottom: 0; | |
| 2055 right: 225px; | |
| 2056 width: 16px; | |
| 2057 cursor: col-resize; | |
| 2058 background-image: url(Images/statusbarResizerHorizontal.png); | |
| 2059 background-repeat: no-repeat; | |
| 2060 background-position: center; | |
| 2061 } | |
| 2062 | |
| 2063 #scripts-sidebar-buttons { | |
| 2064 position: absolute; | |
| 2065 right: 0; | |
| 2066 top: 0; | |
| 2067 bottom: 0; | |
| 2068 width: 225px; | |
| 2069 overflow: hidden; | |
| 2070 border-left: 1px solid rgb(64%, 64%, 64%); | |
| 2071 } | |
| 2072 | |
| 2073 #script-resource-views { | |
| 2074 display: block; | |
| 2075 overflow: auto; | |
| 2076 padding: 0; | |
| 2077 position: absolute; | |
| 2078 top: 23px; | |
| 2079 left: 0; | |
| 2080 right: 225px; | |
| 2081 bottom: 0; | |
| 2082 } | |
| 2083 | |
| 2084 .script-view { | |
| 2085 display: none; | |
| 2086 overflow: hidden; | |
| 2087 position: absolute; | |
| 2088 top: 0; | |
| 2089 left: 0; | |
| 2090 right: 0; | |
| 2091 bottom: 0; | |
| 2092 } | |
| 2093 | |
| 2094 .script-view.visible { | |
| 2095 display: block; | |
| 2096 } | |
| 2097 | |
| 2098 #scripts-sidebar { | |
| 2099 position: absolute; | |
| 2100 top: 23px; | |
| 2101 right: 0; | |
| 2102 bottom: 0; | |
| 2103 width: 225px; | |
| 2104 background-color: rgb(245, 245, 245); | |
| 2105 border-left: 1px solid rgb(64%, 64%, 64%); | |
| 2106 cursor: default; | |
| 2107 overflow: auto; | |
| 2108 } | |
| 2109 | |
| 2110 #resources-larger-resources-status-bar-item { | |
| 2111 background-image: url(Images/largerResourcesButtons.png); | |
| 2112 } | |
| 2113 | |
| 2114 #resources-larger-resources-status-bar-item:active { | |
| 2115 background-position: 32px 0; | |
| 2116 } | |
| 2117 | |
| 2118 #resources-larger-resources-status-bar-item.toggled-on { | |
| 2119 background-position: 0 24px; | |
| 2120 } | |
| 2121 | |
| 2122 #resources-larger-resources-status-bar-item.toggled-on:active { | |
| 2123 background-position: 32px 24px; | |
| 2124 } | |
| 2125 | |
| 2126 #resources-container { | |
| 2127 position: absolute; | |
| 2128 top: 0; | |
| 2129 left: 0; | |
| 2130 bottom: 0; | |
| 2131 right: 0; | |
| 2132 border-right: 0 none transparent; | |
| 2133 overflow-y: auto; | |
| 2134 overflow-x: hidden; | |
| 2135 } | |
| 2136 | |
| 2137 #resources-container.viewing-resource { | |
| 2138 right: auto; | |
| 2139 width: 200px; | |
| 2140 border-right: 1px solid rgb(64%, 64%, 64%); | |
| 2141 } | |
| 2142 | |
| 2143 #resources-container.viewing-resource #resources-sidebar { | |
| 2144 width: 100%; | |
| 2145 border-right: 0 none transparent; | |
| 2146 } | |
| 2147 | |
| 2148 #resources-sidebar { | |
| 2149 min-height: 100%; | |
| 2150 bottom: auto; | |
| 2151 overflow: visible; | |
| 2152 } | |
| 2153 | |
| 2154 #resources-container-content { | |
| 2155 position: absolute; | |
| 2156 top: 0; | |
| 2157 right: 0; | |
| 2158 left: 200px; | |
| 2159 min-height: 100%; | |
| 2160 } | |
| 2161 | |
| 2162 #resources-container.viewing-resource #resources-container-content { | |
| 2163 display: none; | |
| 2164 } | |
| 2165 | |
| 2166 #resources-summary { | |
| 2167 position: absolute; | |
| 2168 padding-top: 20px; | |
| 2169 top: 0; | |
| 2170 left: 0; | |
| 2171 right: 0; | |
| 2172 height: 93px; | |
| 2173 margin-left: -1px; | |
| 2174 border-left: 1px solid rgb(102, 102, 102); | |
| 2175 background-color: rgb(101, 111, 130); | |
| 2176 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); | |
| 2177 background-repeat: repeat-x; | |
| 2178 background-position: bottom; | |
| 2179 text-align: center; | |
| 2180 text-shadow: black 0 1px 1px; | |
| 2181 white-space: nowrap; | |
| 2182 color: white; | |
| 2183 -webkit-background-size: 1px 6px; | |
| 2184 -webkit-background-origin: padding; | |
| 2185 -webkit-background-clip: padding; | |
| 2186 } | |
| 2187 | |
| 2188 #resources-graph-legend { | |
| 2189 margin-top: -10px; | |
| 2190 padding-left: 15px; | |
| 2191 } | |
| 2192 | |
| 2193 .resources-graph-legend-item { | |
| 2194 display: inline-block; | |
| 2195 font-weight: bold; | |
| 2196 margin-right: 15px; | |
| 2197 vertical-align: top; | |
| 2198 } | |
| 2199 | |
| 2200 .resources-graph-legend-item.total { | |
| 2201 margin-left: 10px; | |
| 2202 } | |
| 2203 | |
| 2204 .resources-graph-legend-label { | |
| 2205 display: inline-block; | |
| 2206 text-align: left; | |
| 2207 } | |
| 2208 | |
| 2209 .resources-graph-legend-header { | |
| 2210 font-size: 12px; | |
| 2211 } | |
| 2212 | |
| 2213 .resources-graph-legend-value { | |
| 2214 font-size: 10px; | |
| 2215 } | |
| 2216 | |
| 2217 .resources-graph-legend-swatch { | |
| 2218 vertical-align: top; | |
| 2219 margin-top: 1px; | |
| 2220 margin-right: 3px; | |
| 2221 } | |
| 2222 | |
| 2223 #resources-dividers { | |
| 2224 position: absolute; | |
| 2225 left: 0; | |
| 2226 right: 0; | |
| 2227 height: 100%; | |
| 2228 top: 0; | |
| 2229 z-index: -100; | |
| 2230 } | |
| 2231 | |
| 2232 #resources-dividers-label-bar { | |
| 2233 position: absolute; | |
| 2234 top: 93px; | |
| 2235 left: 0px; | |
| 2236 right: 0; | |
| 2237 background-color: rgba(255, 255, 255, 0.8); | |
| 2238 background-clip: padding; | |
| 2239 border-bottom: 1px solid rgba(0, 0, 0, 0.3); | |
| 2240 height: 20px; | |
| 2241 z-index: 200; | |
| 2242 } | |
| 2243 | |
| 2244 .resources-divider { | |
| 2245 position: absolute; | |
| 2246 width: 1px; | |
| 2247 top: 0; | |
| 2248 bottom: 0; | |
| 2249 background-color: rgba(0, 0, 0, 0.1); | |
| 2250 } | |
| 2251 | |
| 2252 .resources-divider.last { | |
| 2253 background-color: transparent; | |
| 2254 } | |
| 2255 | |
| 2256 .resources-divider-label { | |
| 2257 position: absolute; | |
| 2258 top: 4px; | |
| 2259 right: 3px; | |
| 2260 font-size: 9px; | |
| 2261 color: rgb(50%, 50%, 50%); | |
| 2262 white-space: nowrap; | |
| 2263 } | |
| 2264 | |
| 2265 .resources-graph-label { | |
| 2266 position: absolute; | |
| 2267 top: 0; | |
| 2268 bottom: 0; | |
| 2269 margin: auto -7px; | |
| 2270 height: 13px; | |
| 2271 line-height: 13px; | |
| 2272 font-size: 9px; | |
| 2273 color: rgba(0, 0, 0, 0.75); | |
| 2274 text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1
px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0; | |
| 2275 z-index: 150; | |
| 2276 overflow: hidden; | |
| 2277 text-align: center; | |
| 2278 font-weight: bold; | |
| 2279 opacity: 0; | |
| 2280 -webkit-transition: opacity 250ms ease-in-out; | |
| 2281 } | |
| 2282 | |
| 2283 .resources-graph-side:hover .resources-graph-label { | |
| 2284 opacity: 1; | |
| 2285 } | |
| 2286 | |
| 2287 .resources-graph-label:empty { | |
| 2288 display: none; | |
| 2289 } | |
| 2290 | |
| 2291 .resources-graph-label.waiting { | |
| 2292 margin-right: 5px; | |
| 2293 } | |
| 2294 | |
| 2295 .resources-graph-label.before { | |
| 2296 color: rgba(0, 0, 0, 0.7); | |
| 2297 text-shadow: none; | |
| 2298 text-align: right; | |
| 2299 margin-right: 2px; | |
| 2300 } | |
| 2301 | |
| 2302 .resources-graph-label.before::after { | |
| 2303 padding-left: 2px; | |
| 2304 height: 6px; | |
| 2305 content: url(Images/graphLabelCalloutLeft.png); | |
| 2306 } | |
| 2307 | |
| 2308 .resources-graph-label.after { | |
| 2309 color: rgba(0, 0, 0, 0.7); | |
| 2310 text-shadow: none; | |
| 2311 text-align: left; | |
| 2312 margin-left: 2px; | |
| 2313 } | |
| 2314 | |
| 2315 .resources-graph-label.after::before { | |
| 2316 padding-right: 2px; | |
| 2317 height: 6px; | |
| 2318 content: url(Images/graphLabelCalloutRight.png); | |
| 2319 } | |
| 2320 | |
| 2321 .resources-graph-bar { | |
| 2322 position: absolute; | |
| 2323 top: 0; | |
| 2324 bottom: 0; | |
| 2325 margin: auto -7px; | |
| 2326 border-width: 6px 7px; | |
| 2327 height: 13px; | |
| 2328 min-width: 14px; | |
| 2329 opacity: 0.65; | |
| 2330 -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; | |
| 2331 } | |
| 2332 | |
| 2333 .resources-graph-bar.waiting { | |
| 2334 opacity: 0.35; | |
| 2335 } | |
| 2336 | |
| 2337 .resource-cached .resources-graph-bar { | |
| 2338 -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; | |
| 2339 } | |
| 2340 | |
| 2341 .resources-category-documents .resources-graph-bar { | |
| 2342 -webkit-border-image: url(Images/timelinePillBlue.png) 6 7 6 7; | |
| 2343 } | |
| 2344 | |
| 2345 .resources-category-documents.resource-cached .resources-graph-bar { | |
| 2346 -webkit-border-image: url(Images/timelineHollowPillBlue.png) 6 7 6 7; | |
| 2347 } | |
| 2348 | |
| 2349 .resources-category-stylesheets .resources-graph-bar { | |
| 2350 -webkit-border-image: url(Images/timelinePillGreen.png) 6 7 6 7; | |
| 2351 } | |
| 2352 | |
| 2353 .resources-category-stylesheets.resource-cached .resources-graph-bar { | |
| 2354 -webkit-border-image: url(Images/timelineHollowPillGreen.png) 6 7 6 7; | |
| 2355 } | |
| 2356 | |
| 2357 .resources-category-images .resources-graph-bar { | |
| 2358 -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7; | |
| 2359 } | |
| 2360 | |
| 2361 .resources-category-images.resource-cached .resources-graph-bar { | |
| 2362 -webkit-border-image: url(Images/timelineHollowPillPurple.png) 6 7 6 7; | |
| 2363 } | |
| 2364 | |
| 2365 .resources-category-fonts .resources-graph-bar { | |
| 2366 -webkit-border-image: url(Images/timelinePillRed.png) 6 7 6 7; | |
| 2367 } | |
| 2368 | |
| 2369 .resources-category-fonts.resource-cached .resources-graph-bar { | |
| 2370 -webkit-border-image: url(Images/timelineHollowPillRed.png) 6 7 6 7; | |
| 2371 } | |
| 2372 | |
| 2373 .resources-category-scripts .resources-graph-bar { | |
| 2374 -webkit-border-image: url(Images/timelinePillOrange.png) 6 7 6 7; | |
| 2375 } | |
| 2376 | |
| 2377 .resources-category-scripts.resource-cached .resources-graph-bar { | |
| 2378 -webkit-border-image: url(Images/timelineHollowPillOrange.png) 6 7 6 7; | |
| 2379 } | |
| 2380 | |
| 2381 .resources-category-xhr .resources-graph-bar { | |
| 2382 -webkit-border-image: url(Images/timelinePillYellow.png) 6 7 6 7; | |
| 2383 } | |
| 2384 | |
| 2385 .resources-category-xhr.resource-cached .resources-graph-bar { | |
| 2386 -webkit-border-image: url(Images/timelineHollowPillYellow.png) 6 7 6 7; | |
| 2387 } | |
| 2388 | |
| 2389 .tip-button { | |
| 2390 background-image: url(Images/tipIcon.png); | |
| 2391 border: none; | |
| 2392 width: 16px; | |
| 2393 height: 16px; | |
| 2394 float: right; | |
| 2395 background-color: transparent; | |
| 2396 margin-top: 1px; | |
| 2397 } | |
| 2398 | |
| 2399 .tip-button:active { | |
| 2400 background-image: url(Images/tipIconPressed.png); | |
| 2401 } | |
| 2402 | |
| 2403 .tip-balloon { | |
| 2404 position: absolute; | |
| 2405 left: 145px; | |
| 2406 top: -5px; | |
| 2407 z-index: 1000; | |
| 2408 border-width: 51px 15px 18px 37px; | |
| 2409 -webkit-border-image: url(Images/tipBalloon.png) 51 15 18 37; | |
| 2410 width: 265px; | |
| 2411 } | |
| 2412 | |
| 2413 .tip-balloon.bottom { | |
| 2414 position: absolute; | |
| 2415 left: 145px; | |
| 2416 top: auto; | |
| 2417 bottom: -7px; | |
| 2418 z-index: 1000; | |
| 2419 border-width: 18px 15px 51px 37px; | |
| 2420 -webkit-border-image: url(Images/tipBalloonBottom.png) 18 15 51 37; | |
| 2421 } | |
| 2422 | |
| 2423 .tip-balloon-content { | |
| 2424 margin-top: -40px; | |
| 2425 margin-bottom: -2px; | |
| 2426 margin-left: 2px; | |
| 2427 } | |
| 2428 | |
| 2429 .tip-balloon.bottom .tip-balloon-content { | |
| 2430 margin-top: -10px; | |
| 2431 margin-bottom: -35px; | |
| 2432 } | |
| 2433 | |
| 2434 #resource-views { | |
| 2435 position: absolute; | |
| 2436 top: 0; | |
| 2437 right: 0; | |
| 2438 left: 200px; | |
| 2439 bottom: 0; | |
| 2440 } | |
| 2441 | |
| 2442 .source-view-frame { | |
| 2443 width: 100%; | |
| 2444 height: 100%; | |
| 2445 } | |
| 2446 | |
| 2447 .sidebar-resizer-vertical { | |
| 2448 position: absolute; | |
| 2449 top: 0; | |
| 2450 bottom: 0; | |
| 2451 width: 5px; | |
| 2452 z-index: 500; | |
| 2453 cursor: col-resize; | |
| 2454 } | |
| 2455 | |
| 2456 .sidebar-tree, .sidebar-tree .children { | |
| 2457 position: relative; | |
| 2458 padding: 0; | |
| 2459 margin: 0; | |
| 2460 list-style: none; | |
| 2461 font-size: 11px; | |
| 2462 } | |
| 2463 | |
| 2464 .sidebar-tree-section { | |
| 2465 position: relative; | |
| 2466 height: 18px; | |
| 2467 padding: 4px 10px 6px 10px; | |
| 2468 white-space: nowrap; | |
| 2469 margin-top: 1px; | |
| 2470 color: rgb(92, 110, 129); | |
| 2471 font-weight: bold; | |
| 2472 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
| 2473 } | |
| 2474 | |
| 2475 .sidebar-tree-item { | |
| 2476 position: relative; | |
| 2477 height: 36px; | |
| 2478 padding: 0 5px 0 5px; | |
| 2479 white-space: nowrap; | |
| 2480 margin-top: 1px; | |
| 2481 line-height: 34px; | |
| 2482 border-top: 1px solid transparent; | |
| 2483 } | |
| 2484 | |
| 2485 .sidebar-tree .children { | |
| 2486 display: none; | |
| 2487 } | |
| 2488 | |
| 2489 .sidebar-tree .children.expanded { | |
| 2490 display: block; | |
| 2491 } | |
| 2492 | |
| 2493 .sidebar-tree-section + .children > .sidebar-tree-item { | |
| 2494 padding-left: 10px !important; | |
| 2495 } | |
| 2496 | |
| 2497 .sidebar-tree-section + .children.small > .sidebar-tree-item { | |
| 2498 padding-left: 17px !important; | |
| 2499 } | |
| 2500 | |
| 2501 .sidebar-tree > .children > .sidebar-tree-item { | |
| 2502 padding-left: 37px; | |
| 2503 } | |
| 2504 | |
| 2505 .sidebar-tree > .children > .children > .sidebar-tree-item { | |
| 2506 padding-left: 37px; | |
| 2507 } | |
| 2508 | |
| 2509 .sidebar-tree.hide-disclosure-buttons > .children { | |
| 2510 display: none; | |
| 2511 } | |
| 2512 | |
| 2513 .sidebar-tree > .children.hide-disclosure-buttons > .children { | |
| 2514 display: none; | |
| 2515 } | |
| 2516 | |
| 2517 .sidebar-tree.some-expandable:not(.hide-disclosure-buttons) > .sidebar-tree-item
:not(.parent) .icon { | |
| 2518 margin-left: 16px; | |
| 2519 } | |
| 2520 | |
| 2521 .sidebar-tree-item .disclosure-button { | |
| 2522 float: left; | |
| 2523 width: 16px; | |
| 2524 height: 100%; | |
| 2525 border: 0; | |
| 2526 background-color: transparent; | |
| 2527 background-image: url(Images/disclosureTriangleSmallRight.png); | |
| 2528 background-repeat: no-repeat; | |
| 2529 background-position: center; | |
| 2530 -webkit-apearance: none; | |
| 2531 } | |
| 2532 | |
| 2533 .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button { | |
| 2534 display: none; | |
| 2535 } | |
| 2536 | |
| 2537 body.inactive .sidebar-tree-item .disclosure-button { | |
| 2538 background-image: url(Images/disclosureTriangleSmallRightBlack.png); | |
| 2539 } | |
| 2540 | |
| 2541 body.inactive .sidebar-tree-item.expanded .disclosure-button { | |
| 2542 background-image: url(Images/disclosureTriangleSmallDownBlack.png); | |
| 2543 } | |
| 2544 | |
| 2545 body.inactive .sidebar-tree-item .disclosure-button:active { | |
| 2546 background-image: url(Images/disclosureTriangleSmallRightDownBlack.png); | |
| 2547 } | |
| 2548 | |
| 2549 .sidebar-tree-item.selected .disclosure-button { | |
| 2550 background-image: url(Images/disclosureTriangleSmallRightWhite.png) !importa
nt; | |
| 2551 } | |
| 2552 | |
| 2553 .sidebar-tree-item.expanded .disclosure-button { | |
| 2554 background-image: url(Images/disclosureTriangleSmallDown.png); | |
| 2555 } | |
| 2556 | |
| 2557 .sidebar-tree-item.selected.expanded .disclosure-button { | |
| 2558 background-image: url(Images/disclosureTriangleSmallDownWhite.png) !importan
t; | |
| 2559 } | |
| 2560 | |
| 2561 .sidebar-tree-item.selected .disclosure-button:active { | |
| 2562 background-image: url(Images/disclosureTriangleSmallRightDownWhite.png) !imp
ortant; | |
| 2563 } | |
| 2564 | |
| 2565 .sidebar-tree-item .disclosure-button:active { | |
| 2566 background-image: url(Images/disclosureTriangleSmallRightDown.png); | |
| 2567 } | |
| 2568 | |
| 2569 .sidebar-tree-item .icon { | |
| 2570 float: left; | |
| 2571 width: 32px; | |
| 2572 height: 32px; | |
| 2573 margin-top: 1px; | |
| 2574 margin-right: 3px; | |
| 2575 } | |
| 2576 | |
| 2577 .sidebar-tree-item .status { | |
| 2578 float: right; | |
| 2579 height: 16px; | |
| 2580 margin-top: 9px; | |
| 2581 margin-left: 4px; | |
| 2582 line-height: 1em; | |
| 2583 } | |
| 2584 | |
| 2585 .sidebar-tree-item .status:empty { | |
| 2586 display: none; | |
| 2587 } | |
| 2588 | |
| 2589 .sidebar-tree-item .status .bubble { | |
| 2590 display: inline-block; | |
| 2591 height: 14px; | |
| 2592 min-width: 16px; | |
| 2593 margin-top: 1px; | |
| 2594 background-color: rgb(128, 151, 189); | |
| 2595 vertical-align: middle; | |
| 2596 white-space: nowrap; | |
| 2597 padding: 1px 4px; | |
| 2598 text-align: center; | |
| 2599 font-size: 11px; | |
| 2600 font-family: Helvetia, Arial, sans-serif; | |
| 2601 font-weight: bold; | |
| 2602 text-shadow: none; | |
| 2603 color: white; | |
| 2604 -webkit-border-radius: 7px; | |
| 2605 } | |
| 2606 | |
| 2607 .sidebar-tree-item .status .bubble:empty { | |
| 2608 display: none; | |
| 2609 } | |
| 2610 | |
| 2611 .sidebar-tree-item.selected .status .bubble { | |
| 2612 background-color: white !important; | |
| 2613 color: rgb(132, 154, 190) !important; | |
| 2614 } | |
| 2615 | |
| 2616 :focus .sidebar-tree-item.selected .status .bubble { | |
| 2617 color: rgb(36, 98, 172) !important; | |
| 2618 } | |
| 2619 | |
| 2620 body.inactive .sidebar-tree-item.selected .status .bubble { | |
| 2621 color: rgb(159, 159, 159) !important; | |
| 2622 } | |
| 2623 | |
| 2624 .sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-t
ree-item, .sidebar-tree-item.small, .small .resources-graph-side { | |
| 2625 height: 20px; | |
| 2626 } | |
| 2627 | |
| 2628 .sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sid
ebar-tree-item .icon, .sidebar-tree-item.small .icon { | |
| 2629 width: 16px; | |
| 2630 height: 16px; | |
| 2631 } | |
| 2632 | |
| 2633 .sidebar-tree.small .sidebar-tree-item .status, .sidebar-tree .children.small .s
idebar-tree-item .status, .sidebar-tree-item.small .status { | |
| 2634 margin-top: 1px; | |
| 2635 } | |
| 2636 | |
| 2637 .sidebar-tree-item.selected { | |
| 2638 color: white; | |
| 2639 border-top: 1px solid rgb(145, 160, 192); | |
| 2640 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | |
| 2641 text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0; | |
| 2642 font-weight: bold; | |
| 2643 -webkit-background-origin: padding; | |
| 2644 -webkit-background-clip: padding; | |
| 2645 } | |
| 2646 | |
| 2647 :focus .sidebar-tree-item.selected { | |
| 2648 border-top: 1px solid rgb(68, 128, 200); | |
| 2649 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(9
2, 147, 213)), to(rgb(21, 83, 170))); | |
| 2650 } | |
| 2651 | |
| 2652 body.inactive .sidebar-tree-item.selected { | |
| 2653 border-top: 1px solid rgb(151, 151, 151); | |
| 2654 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
80, 180, 180)), to(rgb(138, 138, 138))); | |
| 2655 } | |
| 2656 | |
| 2657 .sidebar-tree-item .titles { | |
| 2658 position: relative; | |
| 2659 top: 5px; | |
| 2660 line-height: 11px; | |
| 2661 padding-bottom: 1px; | |
| 2662 text-overflow: ellipsis; | |
| 2663 overflow: hidden; | |
| 2664 white-space: nowrap; | |
| 2665 } | |
| 2666 | |
| 2667 .sidebar-tree-item .titles.no-subtitle { | |
| 2668 top: 10px; | |
| 2669 } | |
| 2670 | |
| 2671 .sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .s
idebar-tree-item .titles, .sidebar-tree-item.small .titles { | |
| 2672 top: 2px; | |
| 2673 line-height: normal; | |
| 2674 } | |
| 2675 | |
| 2676 .sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar
-tree .children:not(.small) .sidebar-tree-item .title::after { | |
| 2677 content: "\A"; | |
| 2678 white-space: pre; | |
| 2679 } | |
| 2680 | |
| 2681 .sidebar-tree-item .subtitle { | |
| 2682 font-size: 9px; | |
| 2683 color: rgba(0, 0, 0, 0.7); | |
| 2684 } | |
| 2685 | |
| 2686 .sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small
.sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle { | |
| 2687 display: none; | |
| 2688 } | |
| 2689 | |
| 2690 .sidebar-tree-item.selected .subtitle { | |
| 2691 color: rgba(255, 255, 255, 0.9); | |
| 2692 } | |
| 2693 | |
| 2694 #resources-graphs { | |
| 2695 position: absolute; | |
| 2696 left: 0; | |
| 2697 right: 0; | |
| 2698 max-height: 100%; | |
| 2699 top: 112px; | |
| 2700 } | |
| 2701 | |
| 2702 .resources-graph-side { | |
| 2703 position: relative; | |
| 2704 height: 36px; | |
| 2705 padding: 0 5px; | |
| 2706 white-space: nowrap; | |
| 2707 margin-top: 1px; | |
| 2708 border-top: 1px solid transparent; | |
| 2709 overflow: hidden; | |
| 2710 } | |
| 2711 | |
| 2712 .resources-graph-bar-area { | |
| 2713 position: absolute; | |
| 2714 top: 0; | |
| 2715 bottom: 0; | |
| 2716 right: 8px; | |
| 2717 left: 9px; | |
| 2718 } | |
| 2719 | |
| 2720 #resources-container:not(.viewing-resource) .resource-sidebar-tree-item:nth-of-t
ype(2n) { | |
| 2721 background-color: rgba(0, 0, 0, 0.05); | |
| 2722 } | |
| 2723 | |
| 2724 #resources-container:not(.viewing-resource) .resources-graph-side:nth-of-type(2n
) { | |
| 2725 background-color: rgba(0, 0, 0, 0.05); | |
| 2726 } | |
| 2727 | |
| 2728 .resources-time-graph-sidebar-item .icon { | |
| 2729 content: url(Images/resourcesTimeGraphIcon.png); | |
| 2730 } | |
| 2731 | |
| 2732 .resources-size-graph-sidebar-item .icon { | |
| 2733 content: url(Images/resourcesSizeGraphIcon.png); | |
| 2734 } | |
| 2735 | |
| 2736 .resources-size-graph-sidebar-item .icon { | |
| 2737 content: url(Images/resourcesSizeGraphIcon.png); | |
| 2738 } | |
| 2739 | |
| 2740 .resource-sidebar-tree-item .icon { | |
| 2741 content: url(Images/resourcePlainIcon.png); | |
| 2742 } | |
| 2743 | |
| 2744 .children.small .resource-sidebar-tree-item .icon { | |
| 2745 content: url(Images/resourcePlainIconSmall.png); | |
| 2746 } | |
| 2747 | |
| 2748 .resource-sidebar-tree-item.resources-category-documents .icon { | |
| 2749 content: url(Images/resourceDocumentIcon.png); | |
| 2750 } | |
| 2751 | |
| 2752 .children.small .resource-sidebar-tree-item.resources-category-documents .icon { | |
| 2753 content: url(Images/resourceDocumentIconSmall.png); | |
| 2754 } | |
| 2755 | |
| 2756 .resource-sidebar-tree-item.resources-category-stylesheets .icon { | |
| 2757 content: url(Images/resourceCSSIcon.png); | |
| 2758 } | |
| 2759 | |
| 2760 .children.small .resource-sidebar-tree-item.resources-category-stylesheets .icon
{ | |
| 2761 content: url(Images/resourceDocumentIconSmall.png); | |
| 2762 } | |
| 2763 | |
| 2764 .resource-sidebar-tree-item.resources-category-images .icon { | |
| 2765 position: relative; | |
| 2766 background-image: url(Images/resourcePlainIcon.png); | |
| 2767 background-repeat: no-repeat; | |
| 2768 content: ""; | |
| 2769 } | |
| 2770 | |
| 2771 .resource-sidebar-tree-item.resources-category-images .image-resource-icon-previ
ew { | |
| 2772 position: absolute; | |
| 2773 margin: auto; | |
| 2774 top: 3px; | |
| 2775 bottom: 4px; | |
| 2776 left: 5px; | |
| 2777 right: 5px; | |
| 2778 max-width: 18px; | |
| 2779 max-height: 21px; | |
| 2780 min-width: 1px; | |
| 2781 min-height: 1px; | |
| 2782 } | |
| 2783 | |
| 2784 .children.small .resource-sidebar-tree-item.resources-category-images .icon { | |
| 2785 background-image: url(Images/resourcePlainIconSmall.png); | |
| 2786 content: ""; | |
| 2787 } | |
| 2788 | |
| 2789 .children.small .resource-sidebar-tree-item.resources-category-images .image-res
ource-icon-preview { | |
| 2790 top: 2px; | |
| 2791 bottom: 1px; | |
| 2792 left: 3px; | |
| 2793 right: 3px; | |
| 2794 max-width: 8px; | |
| 2795 max-height: 11px; | |
| 2796 } | |
| 2797 | |
| 2798 .resource-sidebar-tree-item.resources-category-fonts .icon { | |
| 2799 content: url(Images/resourcePlainIcon.png); | |
| 2800 } | |
| 2801 | |
| 2802 .children.small .resource-sidebar-tree-item.resources-category-fonts .icon { | |
| 2803 content: url(Images/resourcePlainIconSmall.png); | |
| 2804 } | |
| 2805 | |
| 2806 .resource-sidebar-tree-item.resources-category-scripts .icon { | |
| 2807 content: url(Images/resourceJSIcon.png); | |
| 2808 } | |
| 2809 | |
| 2810 .children.small .resource-sidebar-tree-item.resources-category-scripts .icon { | |
| 2811 content: url(Images/resourceDocumentIconSmall.png); | |
| 2812 } | |
| 2813 | |
| 2814 .resource-sidebar-tree-item.resources-category-xhr .icon { | |
| 2815 content: url(Images/resourcePlainIcon.png); | |
| 2816 } | |
| 2817 | |
| 2818 .children.small .resource-sidebar-tree-item.resources-category-xhr .icon { | |
| 2819 content: url(Images/resourceDocumentIconSmall.png); | |
| 2820 } | |
| 2821 | |
| 2822 .bubble.warning, .console-warning-level .bubble { | |
| 2823 background-color: rgb(232, 164, 0) !important; | |
| 2824 } | |
| 2825 | |
| 2826 .bubble.error, .console-error-level .bubble { | |
| 2827 background-color: rgb(216, 35, 35) !important; | |
| 2828 } | |
| 2829 | |
| 2830 .bubble.search-matches { | |
| 2831 background-image: url(Images/searchSmallWhite.png); | |
| 2832 background-repeat: no-repeat; | |
| 2833 background-position: 3px 2px; | |
| 2834 padding-left: 13px !important; | |
| 2835 } | |
| 2836 | |
| 2837 .sidebar-tree-item.selected .bubble.search-matches { | |
| 2838 background-image: url(Images/searchSmallBlue.png); | |
| 2839 } | |
| 2840 | |
| 2841 :focus .sidebar-tree-item.selected .bubble.search-matches { | |
| 2842 background-image: url(Images/searchSmallBrightBlue.png); | |
| 2843 } | |
| 2844 | |
| 2845 body.inactive .sidebar-tree-item.selected .bubble.search-matches { | |
| 2846 background-image: url(Images/searchSmallGray.png); | |
| 2847 } | |
| 2848 | |
| 2849 /* Profiler Style */ | |
| 2850 | |
| 2851 #profile-views { | |
| 2852 position: absolute; | |
| 2853 top: 0; | |
| 2854 right: 0; | |
| 2855 left: 200px; | |
| 2856 bottom: 0; | |
| 2857 } | |
| 2858 | |
| 2859 #profile-view-status-bar-items { | |
| 2860 position: absolute; | |
| 2861 top: 0; | |
| 2862 bottom: 0; | |
| 2863 left: 200px; | |
| 2864 overflow: hidden; | |
| 2865 border-left: 1px solid rgb(184, 184, 184); | |
| 2866 margin-left: -1px; | |
| 2867 } | |
| 2868 | |
| 2869 .profile-sidebar-tree-item .icon { | |
| 2870 content: url(Images/profileIcon.png); | |
| 2871 } | |
| 2872 | |
| 2873 .profile-sidebar-tree-item.small .icon { | |
| 2874 content: url(Images/profileSmallIcon.png); | |
| 2875 } | |
| 2876 | |
| 2877 .profile-group-sidebar-tree-item .icon { | |
| 2878 content: url(Images/profileGroupIcon.png); | |
| 2879 } | |
| 2880 | |
| 2881 .profile-view { | |
| 2882 display: none; | |
| 2883 overflow: hidden; | |
| 2884 position: absolute; | |
| 2885 top: 0; | |
| 2886 left: 0; | |
| 2887 right: 0; | |
| 2888 bottom: 0; | |
| 2889 } | |
| 2890 | |
| 2891 .profile-view.visible { | |
| 2892 display: block; | |
| 2893 } | |
| 2894 | |
| 2895 .profile-view .data-grid { | |
| 2896 border: none; | |
| 2897 height: 100%; | |
| 2898 } | |
| 2899 | |
| 2900 .profile-view .data-grid th.self-column { | |
| 2901 text-align: center; | |
| 2902 } | |
| 2903 | |
| 2904 .profile-view .data-grid td.self-column { | |
| 2905 text-align: right; | |
| 2906 } | |
| 2907 | |
| 2908 .profile-view .data-grid th.total-column { | |
| 2909 text-align: center; | |
| 2910 } | |
| 2911 | |
| 2912 .profile-view .data-grid td.total-column { | |
| 2913 text-align: right; | |
| 2914 } | |
| 2915 | |
| 2916 .profile-view .data-grid .calls-column { | |
| 2917 text-align: center; | |
| 2918 } | |
| 2919 | |
| 2920 .profile-node-file { | |
| 2921 float: right; | |
| 2922 color: gray; | |
| 2923 margin-top: -1px; | |
| 2924 } | |
| 2925 | |
| 2926 .data-grid tr.selected .profile-node-file { | |
| 2927 color: rgb(33%, 33%, 33%); | |
| 2928 } | |
| 2929 | |
| 2930 .data-grid:focus tr.selected .profile-node-file { | |
| 2931 color: white; | |
| 2932 } | |
| 2933 | |
| 2934 #record-profile-status-bar-item { | |
| 2935 background-image: url(Images/recordButtons.png); | |
| 2936 } | |
| 2937 | |
| 2938 #record-profile-status-bar-item:active { | |
| 2939 background-position: 32px 0; | |
| 2940 } | |
| 2941 | |
| 2942 #record-profile-status-bar-item.toggled-on { | |
| 2943 background-position: 0 24px; | |
| 2944 } | |
| 2945 | |
| 2946 #record-profile-status-bar-item.toggled-on:active { | |
| 2947 background-position: 32px 24px; | |
| 2948 } | |
| 2949 | |
| 2950 #node-search-status-bar-item { | |
| 2951 background-image: url(Images/nodeSearchButtons.png); | |
| 2952 } | |
| 2953 | |
| 2954 #node-search-status-bar-item:active { | |
| 2955 background-position: 32px 0; | |
| 2956 } | |
| 2957 | |
| 2958 #node-search-status-bar-item.toggled-on { | |
| 2959 background-position: 0 24px; | |
| 2960 } | |
| 2961 | |
| 2962 #node-search-status-bar-item.toggled-on:active { | |
| 2963 background-position: 32px 24px; | |
| 2964 } | |
| 2965 | |
| 2966 .percent-time-status-bar-item { | |
| 2967 background-image: url(Images/percentButtons.png) !important; | |
| 2968 } | |
| 2969 | |
| 2970 .percent-time-status-bar-item:active { | |
| 2971 background-position: 32px 0; | |
| 2972 } | |
| 2973 | |
| 2974 .percent-time-status-bar-item.toggled-on { | |
| 2975 background-position: 0 24px; | |
| 2976 } | |
| 2977 | |
| 2978 .percent-time-status-bar-item.toggled-on:active { | |
| 2979 background-position: 32px 24px; | |
| 2980 } | |
| 2981 | |
| 2982 .focus-profile-node-status-bar-item { | |
| 2983 background-image: url(Images/focusButtons.png) !important; | |
| 2984 } | |
| 2985 | |
| 2986 .focus-profile-node-status-bar-item:active { | |
| 2987 background-position: 32px 0; | |
| 2988 } | |
| 2989 | |
| 2990 .exclude-profile-node-status-bar-item { | |
| 2991 background-image: url(Images/excludeButtons.png) !important; | |
| 2992 } | |
| 2993 | |
| 2994 .exclude-profile-node-status-bar-item:active { | |
| 2995 background-position: 32px 0; | |
| 2996 } | |
| 2997 | |
| 2998 .reset-profile-status-bar-item { | |
| 2999 background-image: url(Images/reloadButtons.png) !important; | |
| 3000 } | |
| 3001 | |
| 3002 .reset-profile-status-bar-item:active { | |
| 3003 background-position: 32px 0; | |
| 3004 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 334023:
Remove Inspector directory in prep for ref build rev. (Closed)
Base URL: http://src.chromium.org/svn/trunk/deps/reference_builds/