summaryrefslogtreecommitdiff
path: root/Source/WebInspectorUI/UserInterface/LayerTreeSidebarPanel.css
diff options
context:
space:
mode:
Diffstat (limited to 'Source/WebInspectorUI/UserInterface/LayerTreeSidebarPanel.css')
-rw-r--r--Source/WebInspectorUI/UserInterface/LayerTreeSidebarPanel.css230
1 files changed, 0 insertions, 230 deletions
diff --git a/Source/WebInspectorUI/UserInterface/LayerTreeSidebarPanel.css b/Source/WebInspectorUI/UserInterface/LayerTreeSidebarPanel.css
deleted file mode 100644
index 40fd4ca43..000000000
--- a/Source/WebInspectorUI/UserInterface/LayerTreeSidebarPanel.css
+++ /dev/null
@@ -1,230 +0,0 @@
-/*
- * Copyright (C) 2013 Apple Inc. All rights reserved.
- *
- * 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.
- *
- * THIS SOFTWARE IS PROVIDED BY APPLE INC. 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 INC. 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.
- */
-
-
-/* We use an internal container to act as a vertical stack. */
-
-.layer-tree.panel .box-container {
- height: 100%;
- /* Let it stack its content as vertical boxes. */
- display: -webkit-flex;
- -webkit-flex-direction: column;
-}
-
-/* Hide the collapsed arrow from sections. */
-
-.layer-tree.panel .details-section > .header::before {
- /* Don't show the collpased arrow. */
- display: none;
-}
-
-.layer-tree.panel .details-section > .header {
- /* Add a little padding since there's no arrow to show. */
- padding-left: 4px;
- /* Turn off mouse events so we can't click to toggle section. */
- pointer-events: none;
-}
-
-.layer-tree.panel .details-section > .header > label {
- /* Always show the options box. */
- display: block !important;
- /* Turn on events just for the <label> and <input>. */
- pointer-events: all;
-}
-
-/* Customizing the DataGrid. */
-
-.layer-tree.panel .details-section.layer-children {
- position: relative;
- /* Use all available vertical space. */
- -webkit-flex: 1;
- /* Let children stack vertically. */
- display: -webkit-flex;
- -webkit-flex-direction: column;
-}
-
-.layer-tree.panel .details-section.layer-children > .content {
- position: relative;
- display: block;
- /* Use all available vertical space. */
- -webkit-flex: 1;
-}
-
-.layer-tree.panel .details-section.layer-children .group {
- position: absolute;
- width: 100%;
- height: 100%;
-}
-
-.layer-tree.panel .data-grid {
- position: relative;
- top: 0;
- width: 100%;
- height: 100%;
- /* Turn off the default borders, we want to snap to edges. */
- border: none;
-}
-
-.layer-tree.panel .data-grid table.data {
- background-size: 100% 44px;
-}
-
-.layer-tree.panel .data-container {
- position: absolute;
- /* Leave room for the data grid header. */
- top: 16px;
- /* Use all remaining vertical space in the container. */
- bottom: 0;
- /* Let the inline table content scroll, independently of the header. */
- overflow-y: auto;
- overflow-x: hidden;
-}
-
-.layer-tree.panel .data-container tr {
- height: 22px;
-}
-
-.layer-tree.panel .data-container td > div {
- display: -webkit-flex;
- width: 100%;
- height: 100%;
- -webkit-align-items: center;
- -webkit-justify-content: flex-end;
-}
-
-/* Customizing the DataGrid "node" cell. */
-
-.layer-tree.panel .data-container .name-column {
- padding-right: 0;
-}
-
-.layer-tree.panel .data-container .name-column .icon {
- vertical-align: top;
- width: 16px;
- height: 16px;
- content: url(Images/DOMElement.svg);
-}
-
-.layer-tree.panel .data-container tr.reflection .name-column .icon {
- content: url(Images/Reflection.svg);
-}
-
-.layer-tree.panel .data-container tr.pseudo-element .name-column .icon {
- content: url(Images/PseudoElement.svg);
-}
-
-.layer-tree.panel .data-container .name-column .label {
- -webkit-flex: 1;
- padding: 0 4px;
-
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.layer-tree.panel .data-container tr:hover .name-column .label {
- padding-right: 0;
-}
-
-.layer-tree.panel .data-container .name-column .pseudo-element,
-.layer-tree.panel .data-container .name-column .reflection {
- color: rgb(128, 128, 128);
-}
-
-.layer-tree.panel .data-container tr.selected .name-column .pseudo-element,
-.layer-tree.panel .data-container tr.selected .name-column .reflection {
- color: rgba(255, 255, 255, 0.75);
-}
-
-.layer-tree.panel .data-container .go-to-arrow {
- display: none;
-}
-
-.layer-tree.panel .data-container tr:hover .go-to-arrow {
- display: block;
-}
-
-.layer-tree.panel .data-container tbody > tr.even {
- background-color: white;
-}
-
-.layer-tree.panel .data-container tbody > tr.odd {
- background-color: rgb(243, 246, 250);
-}
-
-/* Bottom bar */
-
-.layer-tree.panel .bottom-bar {
- position: relative;
- height: 22px;
- /* Let it stack its content as horizontal boxes. */
- display: -webkit-flex;
-}
-
-.layer-tree.panel .bottom-bar > div {
- padding: 4px;
- box-sizing: border-box;
-
- font-family: 'Lucida Grande', sans-serif;
- font-size: 11px;
- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
-
- /* Ensure any overflowing text is trimmed. */
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-
- /* Let all boxes have the same width. */
- display: -webkit-flex;
- -webkit-flex: 1;
-}
-
-.layer-tree.panel .layers-memory-label {
- -webkit-justify-content: flex-end;
-}
-
-/* popover */
-
-.layer-tree-popover {
- font-family: 'Lucida Grande', sans-serif;
- font-size: 11px;
- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
-
- padding: 5px;
-}
-
-.layer-tree-popover p {
- margin: 0;
-}
-
-.layer-tree-popover ul {
- list-style-type: none;
- margin: 10px 0 0 0;
- padding-left: 10px;
-}
-
-.layer-tree-popover li {
- line-height: 1.3em;
-}