sidebarPane.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. /*
  2. * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
  3. * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  4. *
  5. * Redistribution and use in source and binary forms, with or without
  6. * modification, are permitted provided that the following conditions
  7. * are met:
  8. *
  9. * 1. Redistributions of source code must retain the above copyright
  10. * notice, this list of conditions and the following disclaimer.
  11. * 2. Redistributions in binary form must reproduce the above copyright
  12. * notice, this list of conditions and the following disclaimer in the
  13. * documentation and/or other materials provided with the distribution.
  14. * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  15. * its contributors may be used to endorse or promote products derived
  16. * from this software without specific prior written permission.
  17. *
  18. * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  19. * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  20. * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  21. * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  22. * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  23. * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  24. * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  25. * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  26. * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  27. * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28. */
  29. .sidebar-pane {
  30. position: relative;
  31. }
  32. .sidebar-pane > .body {
  33. position: relative;
  34. display: none;
  35. overflow-y: auto;
  36. overflow-x: hidden;
  37. }
  38. .sidebar-pane > .body .info {
  39. text-align: center;
  40. font-style: italic;
  41. font-size: 90%;
  42. padding: 6px;
  43. color: #888;
  44. }
  45. .sidebar-pane > .body .placard + .info {
  46. border-top: 1px solid rgb(189, 189, 189);
  47. background-color: rgb(255, 255, 194);
  48. }
  49. .sidebar-pane.visible > .body {
  50. display: block;
  51. }
  52. .sidebar-pane .section .properties {
  53. padding-left: 16px;
  54. }
  55. .sidebar-tabbed-pane .tabbed-pane-header {
  56. background-image: -webkit-linear-gradient(rgb(243,243,243), rgb(235,235,235));
  57. border-bottom: 1px solid rgb(202, 202, 202);
  58. }
  59. .sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) {
  60. border-bottom: 1px solid rgb(189, 189, 189);
  61. }
  62. .sidebar-pane-title {
  63. position: relative;
  64. background: rgb(230, 230, 230);
  65. height: 20px;
  66. padding: 0 5px;
  67. border-top: 1px solid rgb(189, 189, 189);
  68. border-bottom: 1px solid rgb(189, 189, 189);
  69. line-height: 18px;
  70. background-origin: padding;
  71. background-clip: padding;
  72. margin-top: -1px;
  73. }
  74. .sidebar-pane-title:active {
  75. background-color: rgb(204, 204, 204);
  76. border-top: 1px solid rgb(178, 178, 178);
  77. border-bottom: 1px solid rgb(178, 178, 178);
  78. }
  79. .sidebar-pane-title::before {
  80. background-image: url(Images/statusbarButtonGlyphs.png);
  81. background-size: 320px 120px;
  82. opacity: 0.5;
  83. float: left;
  84. width: 11px;
  85. height: 11px;
  86. margin-right: 2px;
  87. content: "a";
  88. color: transparent;
  89. position: relative;
  90. top: 3px;
  91. }
  92. @media (-webkit-min-device-pixel-ratio: 1.5) {
  93. .sidebar-pane-title::before {
  94. background-image: url(Images/statusbarButtonGlyphs2x.png);
  95. }
  96. } /* media */
  97. .sidebar-pane-title::before {
  98. background-position: -4px -96px;
  99. }
  100. .sidebar-pane-title.expanded::before {
  101. background-position: -20px -96px;
  102. }
  103. .sidebar-pane-toolbar {
  104. line-height: 18px;
  105. left: 0;
  106. right: 4px;
  107. top: 0;
  108. height: 20px;
  109. position: absolute;
  110. pointer-events: none;
  111. }
  112. .sidebar-pane-toolbar > * {
  113. pointer-events: auto;
  114. }
  115. .sidebar-pane-toolbar > .pane-title-button {
  116. float: right;
  117. width: 23px;
  118. height: 17px;
  119. color: transparent;
  120. background-color: transparent;
  121. border: none;
  122. background-repeat: no-repeat;
  123. margin: 1px 0 0 0;
  124. padding: 0;
  125. border-radius: 0;
  126. -webkit-appearance: none;
  127. }
  128. .sidebar-pane-toolbar > .pane-title-button:hover {
  129. background-position: -23px 0;
  130. }
  131. .sidebar-pane-toolbar > .pane-title-button:active,
  132. .sidebar-pane-toolbar > .pane-title-button.toggled {
  133. background-position: -46px 0;
  134. }
  135. .sidebar-pane-toolbar > .pane-title-button.add {
  136. background-image: url(Images/paneAddButtons.png);
  137. }
  138. .sidebar-pane-toolbar > .pane-title-button.element-state {
  139. background-image: url(Images/paneElementStateButtons.png);
  140. }
  141. .sidebar-pane-toolbar > .pane-title-button.refresh {
  142. background-image: url(Images/paneRefreshButtons.png);
  143. }
  144. .sidebar-pane-subtitle {
  145. position: absolute;
  146. right: 0;
  147. }
  148. body.platform-windows .sidebar-pane-subtitle {
  149. padding-top: 1px;
  150. }
  151. .sidebar-pane-subtitle input,
  152. .section > .header input[type=checkbox] {
  153. height: 1em;
  154. width: 1em;
  155. margin-left: 0;
  156. margin-top: 0;
  157. margin-bottom: 0.25em;
  158. vertical-align: bottom;
  159. }