Index: Source/devtools/front_end/layersPanel.css |
diff --git a/Source/devtools/front_end/layersPanel.css b/Source/devtools/front_end/layersPanel.css |
index cc039c2addb509a5347c75e54bd1c8b44482a839..19533cf2edb80ae5e27e91fb48d39c51665b4c6b 100644 |
--- a/Source/devtools/front_end/layersPanel.css |
+++ b/Source/devtools/front_end/layersPanel.css |
@@ -1,33 +1,3 @@ |
-/* |
- * Copyright (C) 2013 Google Inc. All rights reserved. |
pfeldman
2013/08/09 09:24:52
Copyright is a valuable thing - do not erase it.
|
- * |
- * Redistribution and use in source and binary forms, with or without |
- * modification, are permitted provided that the following conditions are |
- * met: |
- * |
- * * Redistributions of source code must retain the above copyright |
- * notice, this list of conditions and the following disclaimer. |
- * * 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. |
- * * Neither the name of Google Inc. 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 THE COPYRIGHT HOLDERS AND 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 THE COPYRIGHT |
- * OWNER OR 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. |
- */ |
- |
.layers.panel .outline-disclosure { |
z-index: 10; |
} |
@@ -40,3 +10,61 @@ div.outline-disclosure > ol { |
position: static; |
padding-left: 12px; |
} |
+ |
+.layers-3d-view { |
+ overflow: hidden; |
+} |
+ |
+.layers-3d-view .rotating-container { |
+ -webkit-transform-style: preserve-3d; |
+} |
+ |
+.layers-3d-view .layer-container { |
+ position: absolute; |
+ opacity: 0.8; |
+ border: 1px solid rgba(40, 40, 40, 0.8); |
+ -webkit-transform: translateZ(20px); |
+ -webkit-transform-style: preserve-3d; |
+} |
+ |
+.layer-container .side-wall { |
+ position: absolute; |
+ background-color: inherit; |
+ top: 0px; |
+ right: 0px; |
+ bottom: 0px; |
+ left: 0px; |
+ height: 4px; |
+ width: 4px; |
+ -webkit-transform-origin: 0 0; |
+ border: solid black 1px; |
+} |
+ |
+.layer-container .back-wall { |
+ -webkit-transform: translateZ(-4px); |
+ background-color: inherit; |
+} |
+ |
+.layer-container .side-wall.top { |
+ width: auto; |
+ bottom: auto; |
+ -webkit-transform: rotateX(-90deg); |
+} |
+ |
+.layer-container .side-wall.bottom { |
+ width: auto; |
+ top: auto; |
+ -webkit-transform: translateY(4px) rotateX(-90deg); |
+} |
+ |
+.layer-container .side-wall.left { |
+ height: auto; |
+ right: auto; |
+ -webkit-transform: rotateY(90deg); |
+} |
+ |
+.layer-container .side-wall.right { |
+ height: auto; |
+ left: auto; |
+ -webkit-transform: translateX(4px) rotateY(90deg); |
+} |