blob: 35c0966d250d83d98d922b8180b50040c553af0c [file] [log] [blame]
/* inspectorStyle.css *//** Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.* Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>** Redistribution and use in source and binary forms, with or without* modification, are permitted provided that the following conditions* are met:** 1. Redistributions of source code must retain the above copyright* notice, this list of conditions and the following disclaimer.* 2. Redistributions in binary form must reproduce the above copyright* notice, this list of conditions and the following disclaimer in the* documentation and/or other materials provided with the distribution.* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of* its contributors may be used to endorse or promote products derived* from this software without specific prior written permission.** THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.*/html {height: 100%;overflow: hidden;}body {height: 100%;width: 100%;position: relative;overflow: hidden;margin: 0;cursor: default;font-family: Lucida Grande, sans-serif;font-size: 12px;tab-size: 4;-webkit-user-select: none;color: #222;}.platform-linux {color: rgb(48, 57, 66);font-family: Ubuntu, Arial, sans-serif;}.platform-mac {color: rgb(48, 57, 66);font-family: 'Lucida Grande', sans-serif;}.platform-windows {font-family: 'Segoe UI', Tahoma, sans-serif;}label:hover input {box-shadow: 0 0 3px highlight;}fieldset[disabled] label:hover input {box-shadow: none;}.object-popover-container {display: inline-block;}.inspected-page-placeholder {background-color: white;}.toolbar-background {padding-left: 1px;border-bottom: 1px solid rgb(64%, 64%, 64%);background-origin: padding-box;background-clip: padding-box;}.bubble-repeat-count {display: inline-block;height: 14px;background-color: rgb(128, 151, 189);vertical-align: middle;white-space: nowrap;padding: 1px 4px;text-align: left;font-size: 11px;line-height: normal;font-weight: bold;text-shadow: none;color: white;margin-top: -1px;border-radius: 7px;}.error-message {color: red;}.-theme-with-dark-background .error-message {color: hsl(0, 100%, 65%);}.error-input {background-color: rgb(220, 130, 130);}.panel {display: flex;overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;}iframe.extension {flex: auto;width: 100%;height: 100%;}iframe.panel.extension {display: block;height: 100%;}.outline-disclosure {padding: 0 0 0 4px;margin: 0;}.outline-disclosure li {position: relative;}.outline-disclosure li.hovered:not(.selected) .selection {display: block;left: 3px;right: 3px;background-color: rgba(56, 121, 217, 0.1);border-radius: 5px;}.outline-disclosure li .selection {display: none;z-index: -1;margin-left: -10000px;}.outline-disclosure li.selected .selection {display: block;background-color: #dadada;}.outline-disclosure li.in-clipboard .highlight {outline: 1px dotted darkgrey;}.outline-disclosure li.elements-drag-over .selection {display: block;margin-top: -2px;border-top: 2px solid rgb(56, 121, 217);}ol.outline-disclosure:focus li.selected .selection {background-color: rgb(56, 121, 217);}ol.outline-disclosure:focus li.parent.selected::before {background-color: white;}ol.outline-disclosure,.outline-disclosure ol {list-style-type: none;}.outline-disclosure-no-padding {padding: 0;}.outline-disclosure ol {padding-left: 12px;}.outline-disclosure li {margin-top: 1px;text-overflow: ellipsis;white-space: nowrap;}ol.outline-disclosure:focus li.selected {color: white;}ol.outline-disclosure:focus li.selected * {color: inherit;}.outline-disclosure li::before {-webkit-user-select: none;-webkit-mask-image: url(Images/toolbarButtonGlyphs.png);-webkit-mask-size: 352px 168px;content: "aa";color: transparent;text-shadow: none;margin-right: -2px;}.outline-disclosure li:not(.parent)::before {background-color: transparent;}@media (-webkit-min-device-pixel-ratio: 1.5) {.outline-disclosure li::before {-webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);}} /* media */.outline-disclosure li::before {-webkit-mask-position: -4px -96px;background-color: rgb(110, 110, 110);}.outline-disclosure li.parent.expanded::before {-webkit-mask-position: -20px -96px;}.outline-disclosure ol.children {display: none;}.outline-disclosure ol.children.expanded {display: block;}.properties-accessor-property-name {font-style: italic;}.child-editing {color: #222 !important;text-decoration: none !important;overflow: visible !important;}.sidebar {overflow-x: hidden;background-color: #f3f3f3;}.pane-title-button {color: rgb(6, 6, 6);background-color: transparent;border: 1px solid rgb(165, 165, 165);background-color: #eee;background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));border-radius: 12px;-webkit-appearance: none;}.pane-title-button:active {background-color: rgb(215, 215, 215);background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));}.sidebar-tree,.sidebar-tree .children {position: relative;padding: 0;margin: 0;list-style: none;}.sidebar-tree-section {position: relative;height: 18px;padding: 1px 10px 6px 10px;white-space: nowrap;margin-top: 1px;color: rgb(92, 110, 129);text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;}.sidebar-tree-item {position: relative;height: 36px;padding: 0 5px 0 5px;white-space: nowrap;overflow-x: hidden;overflow-y: hidden;margin-top: 1px;line-height: 34px;border-top: 1px solid transparent;}.sidebar-tree .children {display: none;}.sidebar-tree .children.expanded {display: block;}.sidebar-tree-section + .children > .sidebar-tree-item {padding-left: 10px !important;}.sidebar-tree-section + .children.small > .sidebar-tree-item {padding-left: 17px !important;}.sidebar-tree > .children > .sidebar-tree-item {padding-left: 37px;}.sidebar-tree > .children > .children > .sidebar-tree-item {padding-left: 37px;}.sidebar-tree.some-expandable > .sidebar-tree-item:not(.parent) .icon {margin-left: 16px;}.sidebar-tree-item .disclosure-button {float: left;width: 10px;height: 10px;border: 0;-webkit-mask-image: url(Images/toolbarButtonGlyphs.png);-webkit-mask-size: 352px 168px;-webkit-appearance: none;background-color: rgba(0, 0, 0, 0.75);position: relative;top: 10px;}@media (-webkit-min-device-pixel-ratio: 1.5) {.sidebar-tree-item .disclosure-button {-webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);}} /* media */.sidebar-tree-item .disclosure-button {-webkit-mask-position: -4px -96px;}.sidebar-tree-item.selected .disclosure-button {background-color: white;-webkit-mask-position: -4px -96px;}.sidebar-tree-item.expanded .disclosure-button {-webkit-mask-position: -20px -96px;}.sidebar-tree-item.selected.expanded .disclosure-button {background-color: white;-webkit-mask-position: -20px -96px;}.sidebar-tree-item .icon {float: left;width: 32px;height: 32px;margin-top: 1px;margin-right: 3px;}.sidebar-tree-item.wait .icon {content: none;}.spinner-icon::before,.sidebar-tree-item.wait .icon::before {display: block;width: 24px;height: 24px;margin: 4px;border: 3px solid grey;border-radius: 12px;clip: rect(0, 15px, 15px, 0);content: "";position: absolute;-webkit-animation: spinner-animation 1s linear infinite;box-sizing: border-box;}.spinner-icon.small::before,.sidebar-tree-item.wait.small .icon::before {width: 14px;height: 14px;margin: 1px;clip: rect(0, 9px, 9px, 0);border-width: 2px;}.sidebar-tree-item.wait.selected .icon::before {border-color: white;}@-webkit-keyframes spinner-animation {from { transform: rotate(0); }to { transform: rotate(360deg); }}li .status {float: right;height: 16px;margin-top: 9px;margin-left: 4px;line-height: 1em;}li .status:empty {display: none;}li .status .bubble-repeat-count:empty {display: none;}li.selected .status .bubble-repeat-count {background-color: white !important;color: rgb(132, 154, 190) !important;}:focus li.selected .status .bubble-repeat-count {color: rgb(36, 98, 172) !important;}body.inactive li.selected .status .bubble-repeat-count {color: rgb(159, 159, 159) !important;}.sidebar-tree.small .sidebar-tree-item,.sidebar-tree .children.small .sidebar-tree-item,.sidebar-tree-item.small {height: 20px;}.sidebar-tree.small .sidebar-tree-item .icon,.sidebar-tree .children.small .sidebar-tree-item .icon,.sidebar-tree-item.small .icon {width: 16px;height: 16px;}.sidebar-tree.small .sidebar-tree-item .status,.sidebar-tree .children.small .sidebar-tree-item .status,.sidebar-tree-item.small .status {margin-top: 1px;}.sidebar-tree-item.selected,.-theme-selection-color {color: white;background-origin: padding-box;background-clip: padding-box;background-color: rgb(56, 121, 217);}:focus .sidebar-tree-item.selected {background-color: rgb(56, 121, 217);}body.inactive .sidebar-tree-item.selected {background-color: rgb(180,180,180);}.sidebar-tree-item .titles {display: flex;flex-direction: column;position: relative;top: 5px;line-height: 12px;padding-bottom: 1px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}.titles > .title-container {display: flex;}.sidebar-tree-item .titles.no-subtitle {top: 10px;}.sidebar-tree.small .sidebar-tree-item .titles,.sidebar-tree .children.small .sidebar-tree-item .titles,.sidebar-tree-item.small .titles {top: 2px;line-height: normal;}.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after,.sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {content: "\A";white-space: pre;}.sidebar-tree-item .subtitle {font-size: 80%;}.sidebar-tree.small .sidebar-tree-item .subtitle,.sidebar-tree .children.small .sidebar-tree-item .subtitle,.sidebar-tree-item.small .subtitle {display: none;}.sidebar-tree-item.selected .subtitle {color: white;}.bubble-repeat-count.debug,.console-debug-level .bubble-repeat-count {background-color: rgb(0, 0, 255) !important;}.bubble-repeat-count.warning,.console-warning-level .bubble-repeat-count {background-color: rgb(232, 164, 0) !important;}.bubble-repeat-count.error,.console-error-level .bubble-repeat-count {background-color: rgb(216, 35, 35) !important;}.soft-context-menu-glass-pane {z-index: 20000;}.root-view {background-color: white;overflow: hidden;position: absolute !important;left: 0;top: 0;right: 0;bottom: 0;}.drawer-toolbar {margin-right: -6px;}/* popover.css */.popover-container {pointer-events: none;overflow: hidden;}.popover {position: absolute;z-index: 600;pointer-events: none;display: flex;background-color: white;box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.37);border-radius: 2px;}.popover .content {pointer-events: auto;overflow: auto;-webkit-user-select: text;line-height: 11px;flex: auto;margin: 6px;}.popover .content.no-margin {margin: 0;overflow: hidden;}.popover .arrow {position: absolute;background-image: url(Images/popoverArrows.png);width: 19px;height: 19px;margin-top: -19px;top: 0;left: 0;}.-theme-with-dark-background .popover .arrow {-webkit-filter: invert(80%);}.popover.top-left-arrow .arrow {/* The default is top-left, no styles needed. */}.popover.top-right-arrow .arrow {right: 19px;left: auto;}.popover.bottom-left-arrow .arrow {top: auto;bottom: 0;margin-top: 0;margin-bottom: -19px;background-position: 0 -19px;}.popover.bottom-right-arrow .arrow {right: 15px;left: auto;top: auto;bottom: 0;margin-top: 0;margin-bottom: -19px;background-position: 0 -19px;}.source-frame-popover-title {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: bold;padding-left: 18px;}.source-frame-popover-tree {border-top: 1px solid rgb(184, 184, 184);overflow: auto;position: absolute;top: 21px;bottom: 5px;left: 5px;right: 5px;margin-top: 1px;}/* sidebarPane.css *//** Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.* Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>** Redistribution and use in source and binary forms, with or without* modification, are permitted provided that the following conditions* are met:** 1. Redistributions of source code must retain the above copyright* notice, this list of conditions and the following disclaimer.* 2. Redistributions in binary form must reproduce the above copyright* notice, this list of conditions and the following disclaimer in the* documentation and/or other materials provided with the distribution.* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of* its contributors may be used to endorse or promote products derived* from this software without specific prior written permission.** THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.*/.sidebar-pane {position: relative;flex-direction: column;display: flex;flex: none;}.sidebar-pane-hidden {display: none;}.sidebar-pane .info {text-align: center;font-style: italic;padding: 6px;color: #888;}.sidebar-pane .section .properties-tree {padding-left: 16px;}.sidebar-tabbed-pane .tabbed-pane-header {border-bottom: 1px solid rgb(202, 202, 202);background-color: #eee;}.sidebar-pane-title {display: flex;align-items: center;background-color: #eee;height: 20px;padding: 0 5px;border-top: 1px solid #dadada;white-space: nowrap;overflow: hidden;position: relative;}.sidebar-pane-title.expanded,.sidebar-pane-title:last-child {border-bottom: 1px solid #ddd;}.sidebar-pane-title::before {-webkit-mask-image: url(Images/toolbarButtonGlyphs.png);-webkit-mask-size: 352px 168px;background-color: #888;float: left;width: 11px;height: 11px;margin-right: 2px;content: "a";color: transparent;}@media (-webkit-min-device-pixel-ratio: 1.5) {.sidebar-pane-title::before {-webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);}} /* media */.sidebar-pane-title::before {-webkit-mask-position: -4px -96px;}.sidebar-pane-title.expanded::before {-webkit-mask-position: -20px -96px;}.sidebar-pane > .toolbar {border-bottom: 1px solid #eee;}.sidebar-pane > .toolbar > * {pointer-events: auto;}.sidebar-pane-title > .toolbar {position: absolute;right: 0;top: -3px;}.section > .header input[type=checkbox] {height: 1em;width: 1em;margin-left: 0;margin-top: 0;margin-bottom: 0.25em;vertical-align: bottom;}.hidden-callframes-message {text-align: center;font-style: italic;padding: 4px;color: #888;background-color: #FFFFC2;}