OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2013 Google Inc. All rights reserved. | 2 * Copyright (C) 2013 Google Inc. All rights reserved. |
3 * | 3 * |
4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
6 * met: | 6 * met: |
7 * | 7 * |
8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
(...skipping 21 matching lines...) Expand all Loading... |
32 z-index: 10; | 32 z-index: 10; |
33 } | 33 } |
34 | 34 |
35 div.outline-disclosure > ol { | 35 div.outline-disclosure > ol { |
36 margin-left: -12px; | 36 margin-left: -12px; |
37 } | 37 } |
38 | 38 |
39 .layers.panel .outline-disclosure ol.children { | 39 .layers.panel .outline-disclosure ol.children { |
40 padding-left: 12px; | 40 padding-left: 12px; |
41 } | 41 } |
| 42 |
| 43 .layers-3d-view { |
| 44 overflow: hidden; |
| 45 } |
| 46 |
| 47 .layers-3d-view .rotating-container { |
| 48 -webkit-transform-style: preserve-3d; |
| 49 } |
| 50 |
| 51 .layers-3d-view .layer-container { |
| 52 position: absolute; |
| 53 opacity: 0.8; |
| 54 border: 1px solid rgba(40, 40, 40, 0.8); |
| 55 -webkit-transform: translateZ(20px); |
| 56 -webkit-transform-style: preserve-3d; |
| 57 } |
| 58 |
| 59 .layer-container .side-wall { |
| 60 position: absolute; |
| 61 background-color: inherit; |
| 62 top: 0px; |
| 63 right: 0px; |
| 64 bottom: 0px; |
| 65 left: 0px; |
| 66 height: 4px; |
| 67 width: 4px; |
| 68 -webkit-transform-origin: 0 0; |
| 69 border: solid black 1px; |
| 70 } |
| 71 |
| 72 .layer-container .back-wall { |
| 73 -webkit-transform: translateZ(-4px); |
| 74 background-color: inherit; |
| 75 } |
| 76 |
| 77 .layer-container .side-wall.top { |
| 78 width: auto; |
| 79 bottom: auto; |
| 80 -webkit-transform: rotateX(-90deg); |
| 81 } |
| 82 |
| 83 .layer-container .side-wall.bottom { |
| 84 width: auto; |
| 85 top: auto; |
| 86 -webkit-transform: translateY(4px) rotateX(-90deg); |
| 87 } |
| 88 |
| 89 .layer-container .side-wall.left { |
| 90 height: auto; |
| 91 right: auto; |
| 92 -webkit-transform: rotateY(90deg); |
| 93 } |
| 94 |
| 95 .layer-container .side-wall.right { |
| 96 height: auto; |
| 97 left: auto; |
| 98 -webkit-transform: translateX(4px) rotateY(90deg); |
| 99 } |
OLD | NEW |