resourcesPanel.css 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341
  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. .resources.panel .sidebar-resizer-vertical {
  30. top: 23px;
  31. }
  32. .resources.panel .sidebar {
  33. padding-left: 0;
  34. z-index: 10;
  35. }
  36. .resources.panel .sidebar li {
  37. height: 18px;
  38. white-space: nowrap;
  39. }
  40. .resources.panel .sidebar li.selected {
  41. color: white;
  42. text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0;
  43. }
  44. .resources.panel .sidebar li.selected .selection {
  45. background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
  46. border-top: 1px solid #979797;
  47. height: 18px;
  48. }
  49. .resources.panel .sidebar :focus li.selected .selection {
  50. background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
  51. border-top: 1px solid rgb(68, 128, 200);
  52. }
  53. body.inactive .resources.panel .sidebar li.selected .selection {
  54. background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
  55. border-top: 1px solid rgb(151, 151, 151);
  56. }
  57. .resources.panel .sidebar .icon {
  58. width: 16px;
  59. height: 16px;
  60. float: left;
  61. }
  62. .resources.panel .base-storage-tree-element-title {
  63. overflow: hidden;
  64. position: relative;
  65. text-overflow: ellipsis;
  66. padding-left: 2px;
  67. top: 1px;
  68. }
  69. li.selected .base-storage-tree-element-subtitle {
  70. color: white;
  71. }
  72. .base-storage-tree-element-subtitle {
  73. padding-left: 2px;
  74. color: rgb(80, 80, 80);
  75. text-shadow: none;
  76. }
  77. .resources.panel .status {
  78. float: right;
  79. height: 16px;
  80. margin-top: 1px;
  81. margin-left: 4px;
  82. line-height: 1em;
  83. }
  84. .resources.panel li .status .bubble {
  85. height: 13px;
  86. padding-top: 0;
  87. }
  88. .storage-view {
  89. display: none;
  90. overflow: hidden;
  91. position: absolute;
  92. top: 0;
  93. left: 0;
  94. right: 0;
  95. bottom: 0;
  96. }
  97. .storage-view.visible {
  98. display: block;
  99. }
  100. .storage-view {
  101. overflow: hidden;
  102. }
  103. .storage-view .data-grid:not(.inline) {
  104. border: none;
  105. height: 100%;
  106. }
  107. .storage-view .storage-table-error {
  108. color: rgb(66%, 33%, 33%);
  109. }
  110. .storage-view.query {
  111. padding: 2px 0;
  112. overflow-y: overlay;
  113. overflow-x: hidden;
  114. }
  115. .database-query-prompt {
  116. position: relative;
  117. padding: 1px 22px 1px 24px;
  118. min-height: 16px;
  119. white-space: pre-wrap;
  120. -webkit-user-modify: read-write-plaintext-only;
  121. -webkit-user-select: text;
  122. }
  123. .database-user-query::before,
  124. .database-query-prompt::before,
  125. .database-query-result::before {
  126. position: absolute;
  127. display: block;
  128. content: "";
  129. left: 7px;
  130. top: 0.8em;
  131. width: 10px;
  132. height: 10px;
  133. margin-top: -7px;
  134. -webkit-user-select: none;
  135. background-image: url(Images/statusbarButtonGlyphs.png);
  136. background-size: 320px 120px;
  137. }
  138. @media (-webkit-min-device-pixel-ratio: 1.5) {
  139. .database-user-query::before,
  140. .database-query-prompt::before,
  141. .database-query-result::before {
  142. background-image: url(Images/statusbarButtonGlyphs2x.png);
  143. }
  144. } /* media */
  145. .database-query-prompt::before {
  146. background-position: -192px -96px;
  147. }
  148. .database-user-query {
  149. position: relative;
  150. border-bottom: 1px solid rgb(245, 245, 245);
  151. padding: 1px 22px 1px 24px;
  152. min-height: 16px;
  153. }
  154. .database-user-query::before {
  155. background-position: -192px -107px;
  156. }
  157. .database-query-text {
  158. color: rgb(0, 128, 255);
  159. -webkit-user-select: text;
  160. }
  161. .database-query-result {
  162. position: relative;
  163. padding: 1px 22px 1px 24px;
  164. min-height: 16px;
  165. margin-left: -24px;
  166. padding-right: 0;
  167. }
  168. .database-query-result.error {
  169. color: red;
  170. -webkit-user-select: text;
  171. }
  172. .database-query-result.error::before {
  173. background-position: -213px -96px;
  174. }
  175. .resource-sidebar-tree-item .icon {
  176. content: url(Images/resourcePlainIcon.png);
  177. }
  178. .children.small .resource-sidebar-tree-item .icon {
  179. content: url(Images/resourcePlainIconSmall.png);
  180. }
  181. .resource-sidebar-tree-item.resources-type-image .icon {
  182. position: relative;
  183. background-image: url(Images/resourcePlainIcon.png);
  184. background-repeat: no-repeat;
  185. content: "";
  186. }
  187. .resources-type-image .image-resource-icon-preview {
  188. position: absolute;
  189. margin: auto;
  190. top: 3px;
  191. bottom: 4px;
  192. left: 5px;
  193. right: 5px;
  194. max-width: 18px;
  195. max-height: 21px;
  196. min-width: 1px;
  197. min-height: 1px;
  198. }
  199. .children.small .resource-sidebar-tree-item.resources-type-image .icon {
  200. background-image: url(Images/resourcePlainIconSmall.png);
  201. content: "";
  202. }
  203. .children.small .resources-type-image .image-resource-icon-preview {
  204. top: 2px;
  205. bottom: 1px;
  206. left: 3px;
  207. right: 3px;
  208. max-width: 8px;
  209. max-height: 11px;
  210. }
  211. .resource-sidebar-tree-item.resources-type-document .icon {
  212. content: url(Images/resourceDocumentIcon.png);
  213. }
  214. .children.small .resource-sidebar-tree-item.resources-type-document .icon {
  215. content: url(Images/resourceDocumentIconSmall.png);
  216. }
  217. .resource-sidebar-tree-item.resources-type-stylesheet .icon {
  218. content: url(Images/resourceCSSIcon.png);
  219. }
  220. .children.small .resource-sidebar-tree-item.resources-type-stylesheet .icon {
  221. content: url(Images/resourceDocumentIconSmall.png);
  222. }
  223. .resource-sidebar-tree-item.resources-type-image .icon {
  224. position: relative;
  225. background-image: url(Images/resourcePlainIcon.png);
  226. background-repeat: no-repeat;
  227. content: "";
  228. }
  229. .children.small .resource-sidebar-tree-item.resources-type-image .icon {
  230. background-image: url(Images/resourcePlainIconSmall.png);
  231. content: "";
  232. }
  233. .resource-sidebar-tree-item.resources-type-font .icon {
  234. content: url(Images/resourcePlainIcon.png);
  235. }
  236. .children.small .resource-sidebar-tree-item.resources-type-font .icon {
  237. content: url(Images/resourcePlainIconSmall.png);
  238. }
  239. .resource-sidebar-tree-item.resources-type-script .icon {
  240. content: url(Images/resourceJSIcon.png);
  241. }
  242. .children.small .resource-sidebar-tree-item.resources-type-script .icon {
  243. content: url(Images/resourceDocumentIconSmall.png);
  244. }
  245. .resource-sidebar-tree-item.resources-type-xhr .icon {
  246. content: url(Images/resourcePlainIcon.png);
  247. }
  248. .children.small .resource-sidebar-tree-item.resources-type-xhr .icon {
  249. content: url(Images/resourceDocumentIconSmall.png);
  250. }
  251. .frame-storage-tree-item .icon {
  252. content: url(Images/frame.png);
  253. }
  254. .database-storage-tree-item .icon {
  255. content: url(Images/database.png);
  256. }
  257. .database-table-storage-tree-item .icon {
  258. content: url(Images/databaseTable.png);
  259. }
  260. .indexed-db-storage-tree-item .icon {
  261. content: url(Images/indexedDB.png);
  262. }
  263. .indexed-db-object-store-storage-tree-item .icon {
  264. content: url(Images/indexedDBObjectStore.png);
  265. }
  266. .indexed-db-index-storage-tree-item .icon {
  267. content: url(Images/indexedDBIndex.png);
  268. }
  269. .domstorage-storage-tree-item.local-storage .icon {
  270. content: url(Images/localStorage.png);
  271. }
  272. .domstorage-storage-tree-item.session-storage .icon {
  273. content: url(Images/sessionStorage.png);
  274. }
  275. .cookie-storage-tree-item .icon {
  276. content: url(Images/cookie.png);
  277. }
  278. .application-cache-storage-tree-item .icon {
  279. content: url(Images/applicationCache.png);
  280. }
  281. .file-system-storage-tree-item .icon {
  282. content: url(Images/fileSystem.png);
  283. }