| OLD | NEW |
| (Empty) | |
| 1 /* |
| 2 * Copyright (C) 2013 Google 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 are |
| 6 * met: |
| 7 * |
| 8 * * Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. |
| 10 * * Redistributions in binary form must reproduce the above |
| 11 * copyright notice, this list of conditions and the following disclaimer |
| 12 * in the documentation and/or other materials provided with the |
| 13 * distribution. |
| 14 * * Neither the name of Google Inc. nor the names of its |
| 15 * contributors may be used to endorse or promote products derived from |
| 16 * this software without specific prior written permission. |
| 17 * |
| 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS |
| 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |
| 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
| 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT |
| 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
| 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
| 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
| 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
| 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 29 */ |
| 30 |
| 31 .layers.panel .outline-disclosure { |
| 32 z-index: 10; |
| 33 } |
| 34 |
| 35 .layers.panel div.outline-disclosure > ol { |
| 36 margin-left: -12px; |
| 37 } |
| 38 |
| 39 .layers.panel .outline-disclosure ol.children { |
| 40 padding-left: 12px; |
| 41 } |
| 42 |
| 43 .layers.panel .outline-disclosure li { |
| 44 margin-top: 0; |
| 45 margin-bottom: 0; |
| 46 padding: 1 1 1 14px; |
| 47 white-space: nowrap; |
| 48 overflow: hidden; |
| 49 text-overflow: ellipsis; |
| 50 } |
| 51 |
| 52 .layers.panel .outline-disclosure .dimmed { |
| 53 opacity: 0.6; |
| 54 } |
| 55 |
| 56 .layers-3d-view { |
| 57 overflow: hidden; |
| 58 } |
| 59 |
| 60 .layers-3d-view .rotating-container { |
| 61 -webkit-transform-style: preserve-3d; |
| 62 } |
| 63 |
| 64 .layers-3d-view .rotating-container > .layer-container { |
| 65 -webkit-transform-origin: 0 0; |
| 66 } |
| 67 |
| 68 .layers-3d-view .layer-container { |
| 69 position: absolute; |
| 70 border: 1px solid rgba(40, 40, 40, 0.8); |
| 71 -webkit-transform-style: preserve-3d; |
| 72 } |
| 73 |
| 74 .layers-3d-view .layer-container.invisible { |
| 75 opacity: 0.4; |
| 76 border-type: dashed; |
| 77 } |
| 78 |
| 79 .layer-container .side-wall { |
| 80 position: absolute; |
| 81 background-color: inherit; |
| 82 top: 0px; |
| 83 right: 0px; |
| 84 bottom: 0px; |
| 85 left: 0px; |
| 86 -webkit-transform-origin: 0 0; |
| 87 border: inherit; |
| 88 border-width: 1px; |
| 89 } |
| 90 |
| 91 .layer-container .back-wall { |
| 92 background-color: inherit; |
| 93 border: inherit; |
| 94 border-width: 1px; |
| 95 } |
| 96 |
| 97 .layer-container .side-wall.top { |
| 98 width: auto; |
| 99 bottom: auto; |
| 100 -webkit-transform: rotateX(-90deg); |
| 101 } |
| 102 |
| 103 .layer-container .side-wall.bottom { |
| 104 width: auto; |
| 105 top: auto; |
| 106 -webkit-transform: translateY(100%) rotateX(-90deg); |
| 107 } |
| 108 |
| 109 .layer-container .side-wall.left { |
| 110 height: auto; |
| 111 right: auto; |
| 112 -webkit-transform: rotateY(90deg); |
| 113 } |
| 114 |
| 115 .layer-container .side-wall.right { |
| 116 height: auto; |
| 117 left: auto; |
| 118 -webkit-transform: translateX(100%) rotateY(90deg); |
| 119 } |
| 120 |
| 121 .layer-container.selected { |
| 122 border-color: black; |
| 123 } |
| 124 |
| 125 .layer-container.hovered:not(.selected) { |
| 126 border-color: rgb(150, 150, 255); |
| 127 } |
| 128 |
| 129 .layer-details-view .empty-view { |
| 130 font-size: 16px; |
| 131 } |
| 132 |
| 133 .layer-details-view table td { |
| 134 padding-left: 8px; |
| 135 } |
| 136 |
| 137 .layer-details-view table td:first-child { |
| 138 font-weight: bold; |
| 139 } |
| 140 |
| 141 } |
| OLD | NEW |