layersPanel.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  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. .layers.panel .outline-disclosure {
  31. z-index: 10;
  32. }
  33. .layers.panel div.outline-disclosure > ol {
  34. margin-left: -12px;
  35. }
  36. .layers.panel .outline-disclosure ol.children {
  37. padding-left: 12px;
  38. }
  39. .layers.panel .outline-disclosure li {
  40. margin-top: 0;
  41. margin-bottom: 0;
  42. padding: 1 1 1 14px;
  43. white-space: nowrap;
  44. overflow: hidden;
  45. text-overflow: ellipsis;
  46. }
  47. .layers.panel .outline-disclosure .dimmed {
  48. opacity: 0.6;
  49. }
  50. .layers-3d-view {
  51. overflow: hidden;
  52. }
  53. .layers-3d-view .rotating-container {
  54. -webkit-transform-style: preserve-3d;
  55. }
  56. .layers-3d-view .rotating-container > .layer-container {
  57. -webkit-transform-origin: 0 0;
  58. }
  59. .layers-3d-view .layer-container {
  60. position: absolute;
  61. border: 1px solid rgba(40, 40, 40, 0.8);
  62. -webkit-transform-style: preserve-3d;
  63. }
  64. .layers-3d-view .layer-container.invisible {
  65. opacity: 0.4;
  66. border-type: dashed;
  67. }
  68. .layer-container .side-wall {
  69. position: absolute;
  70. background-color: inherit;
  71. top: 0px;
  72. right: 0px;
  73. bottom: 0px;
  74. left: 0px;
  75. -webkit-transform-origin: 0 0;
  76. border: inherit;
  77. border-width: 1px;
  78. }
  79. .layer-container .back-wall {
  80. background-color: inherit;
  81. border: inherit;
  82. border-width: 1px;
  83. }
  84. .layer-container .side-wall.top {
  85. width: auto;
  86. bottom: auto;
  87. -webkit-transform: rotateX(-90deg);
  88. }
  89. .layer-container .side-wall.bottom {
  90. width: auto;
  91. top: auto;
  92. -webkit-transform: translateY(100%) rotateX(-90deg);
  93. }
  94. .layer-container .side-wall.left {
  95. height: auto;
  96. right: auto;
  97. -webkit-transform: rotateY(90deg);
  98. }
  99. .layer-container .side-wall.right {
  100. height: auto;
  101. left: auto;
  102. -webkit-transform: translateX(100%) rotateY(90deg);
  103. }
  104. .layer-container.selected {
  105. border-color: black;
  106. }
  107. .layer-container.hovered:not(.selected) {
  108. border-color: rgb(150, 150, 255);
  109. }
  110. .layer-details-view .empty-view {
  111. font-size: 16px;
  112. }
  113. .layer-details-view table td {
  114. padding-left: 8px;
  115. }
  116. .layer-details-view table td:first-child {
  117. font-weight: bold;
  118. }
  119. }