debian/tmp/usr/share/ewebkit-0/webinspector/elementsPanel.css

   1 /*
   2  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
   3  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
   4  *
   5  * Redistribution and use in source and binary forms, with or without
   6  * modification, are permitted provided that the following conditions
   7  * are met:
   8  *
   9  * 1.  Redistributions of source code must retain the above copyright
  10  *     notice, this list of conditions and the following disclaimer.
  11  * 2.  Redistributions in binary form must reproduce the above copyright
  12  *     notice, this list of conditions and the following disclaimer in the
  13  *     documentation and/or other materials provided with the distribution.
  14  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  15  *     its contributors may be used to endorse or promote products derived
  16  *     from this software without specific prior written permission.
  17  *
  18  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  19  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  20  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  21  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  22  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  23  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  24  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  25  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  26  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  27  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28  */
  29
  30 #elements-content.nowrap {
  31     white-space: nowrap;
  32 }
  33
  34 #elements-content > ol {
  35     display: inline-block;
  36 }
  37
  38 .crumbs {
  39     display: inline-block;
  40     font-size: 11px;
  41     line-height: 19px;
  42     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  43     color: rgb(20, 20, 20);
  44     margin-left: -1px;
  45     padding-right: 12px;
  46 }
  47
  48 .crumbs .crumb {
  49     height: 24px;
  50     border-width: 0 12px 0 2px;
  51     -webkit-border-image: url(Images/segment.png) 0 12 0 2;
  52     margin-right: -12px;
  53     padding-left: 18px;
  54     padding-right: 2px;
  55     white-space: nowrap;
  56     line-height: 23px;
  57     float: right;
  58 }
  59
  60 .crumbs .crumb.collapsed > * {
  61     display: none;
  62 }
  63
  64 .crumbs .crumb.collapsed::before {
  65     content: "\2026";
  66     font-weight: bold;
  67 }
  68
  69 .crumbs .crumb.compact .extra {
  70     display: none;
  71 }
  72
  73 .crumbs .crumb.dimmed {
  74     color: rgba(0, 0, 0, 0.45);
  75 }
  76
  77 .crumbs .crumb.start {
  78     padding-left: 7px;
  79 }
  80
  81 .crumbs .crumb.end {
  82     border-width: 0 2px 0 2px;
  83     padding-right: 6px;
  84     -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2;
  85 }
  86
  87 .crumbs .crumb.selected {
  88     -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
  89     color: black;
  90     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  91 }
  92
  93 .crumbs .crumb.selected:hover {
  94     -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
  95 }
  96
  97 .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover {
  98     -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2;
  99 }
 100
 101 .crumbs .crumb:hover {
 102     -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
 103     color: black;
 104 }
 105
 106 .crumbs .crumb.dimmed:hover {
 107     -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
 108     color: rgba(0, 0, 0, 0.75);
 109 }
 110
 111 .crumbs .crumb.end:hover {
 112     -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2;
 113 }
 114
 115 .metrics {
 116     padding: 8px;
 117     font-size: 10px;
 118     text-align: center;
 119     white-space: nowrap;
 120 }
 121
 122 .metrics .label {
 123     position: absolute;
 124     font-size: 10px;
 125     color: black;
 126     margin-left: 3px;
 127     padding-left: 2px;
 128     padding-right: 2px;
 129 }
 130
 131 .metrics .position {
 132     border: 1px rgb(66%, 66%, 66%) dotted;
 133     background-color: white;
 134     display: inline-block;
 135     text-align: center;
 136     padding: 3px;
 137     margin: 3px;
 138 }
 139
 140 .metrics .margin {
 141     border: 1px dashed;
 142     background-color: white;
 143     display: inline-block;
 144     text-align: center;
 145     vertical-align: middle;
 146     padding: 3px;
 147     margin: 3px;
 148 }
 149
 150 .metrics .border {
 151     border: 1px black solid;
 152     background-color: white;
 153     display: inline-block;
 154     text-align: center;
 155     vertical-align: middle;
 156     padding: 3px;
 157     margin: 3px;
 158 }
 159
 160 .metrics .padding {
 161     border: 1px grey dashed;
 162     background-color: white;
 163     display: inline-block;
 164     text-align: center;
 165     vertical-align: middle;
 166     padding: 3px;
 167     margin: 3px;
 168 }
 169
 170 .metrics .content {
 171     position: static;
 172     border: 1px gray solid;
 173     background-color: white;
 174     display: inline-block;
 175     text-align: center;
 176     vertical-align: middle;
 177     padding: 3px;
 178     margin: 3px;
 179     min-width: 80px;
 180     text-align: center;
 181     overflow: visible;
 182 }
 183
 184 .metrics .content span {
 185     display: inline-block;
 186 }
 187
 188 .metrics .editing {
 189     position: relative;
 190     z-index: 100;
 191 }
 192
 193 .metrics .left {
 194     display: inline-block;
 195     vertical-align: middle;
 196 }
 197
 198 .metrics .right {
 199     display: inline-block;
 200     vertical-align: middle;
 201 }
 202
 203 .metrics .top {
 204     display: inline-block;
 205 }
 206
 207 .metrics .bottom {
 208     display: inline-block;
 209 }
 210
 211
 212 .styles-section {
 213     padding: 2px 2px 4px 4px;
 214     min-height: 18px;
 215     white-space: nowrap;
 216     -webkit-background-origin: padding;
 217     -webkit-background-clip: padding;
 218     -webkit-user-select: text;
 219 }
 220
 221 .styles-section:not(.first-styles-section) {
 222     border-top: 1px solid rgb(191, 191, 191);
 223 }
 224
 225 .styles-section.read-only {
 226     background-color: rgb(240, 240, 240);
 227 }
 228
 229 .styles-section .properties li.not-parsed-ok {
 230     margin-left: 0px;
 231 }
 232
 233 .styles-section .properties li.not-parsed-ok img.exclamation-mark {
 234     content: url(Images/warningIcon.png);
 235     opacity: 0.75;
 236     width: 12px;
 237     height: 10px;
 238     margin: 0;
 239     padding-right: 2px;
 240     vertical-align: baseline;
 241     -webkit-user-select: none;
 242     cursor: default;
 243 }
 244
 245 .styles-section .header {
 246     white-space: nowrap;
 247     -webkit-background-origin: padding;
 248     -webkit-background-clip: padding;
 249 }
 250
 251 .styles-section .header .title {
 252     word-wrap: break-word;
 253     white-space: normal;
 254 }
 255
 256 .styles-section .header .title .media, .styles-section .header .title .media .subtitle {
 257     color: rgb(128, 128, 128);
 258     overflow: hidden;
 259 }
 260
 261 .styles-section .header .subtitle {
 262     color: rgb(85, 85, 85);
 263     float: right;
 264     margin-left: 5px;
 265     max-width: 65%;
 266     text-overflow: ellipsis;
 267     overflow: hidden;
 268     white-space: nowrap;
 269 }
 270
 271 .styles-section .header .subtitle a {
 272     color: inherit;
 273 }
 274
 275 .styles-section a[data-uncopyable] {
 276     display: inline-block;
 277 }
 278
 279 .styles-section a[data-uncopyable]::before {
 280     content: attr(data-uncopyable);
 281     text-decoration: underline;
 282 }
 283
 284 .styles-section .properties {
 285     display: none;
 286     margin: 0;
 287     padding: 2px 4px 0 8px;
 288     list-style: none;
 289 }
 290
 291 .styles-section.no-affect .properties li {
 292     opacity: 0.5;
 293 }
 294
 295 .styles-section.no-affect .properties li.editing {
 296     opacity: 1.0;
 297 }
 298
 299 .styles-section.expanded .properties {
 300     display: block;
 301 }
 302
 303 .styles-section .properties li {
 304     margin-left: 12px;
 305     white-space: nowrap;
 306     text-overflow: ellipsis;
 307     overflow: hidden;
 308     cursor: auto;
 309 }
 310
 311 .styles-section .properties li.parent {
 312     margin-left: 1px;
 313 }
 314
 315 .styles-section .properties li.child-editing {
 316     word-wrap: break-word !important;
 317     white-space: normal !important;
 318 }
 319
 320 .styles-section .properties ol {
 321     display: none;
 322     margin: 0;
 323     -webkit-padding-start: 12px;
 324     list-style: none;
 325 }
 326
 327 .styles-section .properties ol.expanded {
 328     display: block;
 329 }
 330
 331 .styles-section .properties li.parent::before {
 332     content: url(Images/treeRightTriangleBlack.png);
 333     opacity: 0.75;
 334     float: left;
 335     width: 8px;
 336     height: 8px;
 337     margin-top: 0;
 338     padding-right: 3px;
 339     -webkit-user-select: none;
 340     cursor: default;
 341 }
 342
 343 .styles-section .properties li.parent.expanded::before {
 344     content: url(Images/treeDownTriangleBlack.png);
 345     margin-top: 1px;
 346 }
 347
 348 .styles-section .properties li .info {
 349     padding-top: 4px;
 350     padding-bottom: 3px;
 351 }
 352
 353 .styles-section:hover .properties .enabled-button {
 354     display: block;
 355 }
 356
 357 .styles-section .properties li.disabled .enabled-button {
 358     display: block;
 359 }
 360
 361 .styles-section .properties .enabled-button {
 362     display: none;
 363     float: right;
 364     font-size: 10px;
 365     margin: 0 0 0 4px;
 366     vertical-align: top;
 367     position: relative;
 368     z-index: 1;
 369 }
 370
 371 .styles-section .properties .overloaded, .styles-section .properties .inactive, .styles-section .properties .disabled {
 372     text-decoration: line-through;
 373 }
 374
 375 .styles-section.computed-style .properties .disabled {
 376     text-decoration: none;
 377     opacity: 0.5;
 378 }
 379
 380 .styles-section .properties .implicit, .styles-section .properties .inherited {
 381     opacity: 0.5;
 382 }
 383
 384 .styles-element-state-pane {
 385     background-color: rgb(240, 240, 240);
 386     overflow: hidden;
 387     margin-top: -38px;
 388     -webkit-transition: margin-top 0.1s ease-in-out;
 389     padding-left: 2px;
 390 }
 391
 392 .styles-element-state-pane.expanded {
 393     border-bottom: 1px solid rgb(189, 189, 189);
 394     margin-top: 0;
 395 }
 396
 397 .styles-element-state-pane > table {
 398     width: 100%;
 399     border-spacing: 0;
 400 }
 401
 402 .styles-element-state-pane input {
 403     margin: 2px;
 404     vertical-align: -2px;
 405 }
 406
 407 .styles-selector {
 408     cursor: text;
 409 }
 410
 411 .body .styles-section .properties .inherited {
 412     display: none;
 413 }
 414
 415 .body.show-inherited .styles-section .properties .inherited {
 416     display: block;
 417 }
 418
 419 .add-attribute {
 420     margin-left: 1px;
 421     margin-right: 1px;
 422     white-space: nowrap;
 423 }
 424
 425 .section .event-bars {
 426     display: none;
 427 }
 428
 429 .section.expanded .event-bars {
 430     display: block;
 431 }
 432
 433 .event-bar {
 434     position: relative;
 435     margin-left: 10px;
 436 }
 437
 438 .event-bar:first-child {
 439     margin-top: 1px;
 440 }
 441
 442 .event-bars .event-bar .header {
 443     padding: 0 8px 0 18px;
 444     min-height: 16px;
 445     opacity: 1.0;
 446     white-space: nowrap;
 447     -webkit-background-origin: padding;
 448     -webkit-background-clip: padding;
 449 }
 450
 451 .event-bars .event-bar .header .title {
 452     font-weight: normal;
 453     color: black;
 454     text-shadow: white 0 1px 0;
 455 }
 456
 457 .event-bars .event-bar .header .subtitle {
 458     color: rgba(90, 90, 90, 0.75);
 459 }
 460
 461 .event-bars .event-bar .header::before {
 462     position: absolute;
 463     top: 2px;
 464     left: 7px;
 465     width: 8px;
 466     height: 8px;
 467     opacity: 0.75;
 468     content: url(Images/treeRightTriangleBlack.png);
 469 }
 470
 471 .event-bars .event-bar.expanded .header::before {
 472     content: url(Images/treeDownTriangleBlack.png);
 473 }