profilesPanel.css 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  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. /* Profiler Style */
  30. #profile-views {
  31. position: absolute;
  32. top: 0;
  33. right: 0;
  34. left: 0;
  35. bottom: 0;
  36. }
  37. .status-bar-items {
  38. position: absolute;
  39. top: 0;
  40. bottom: 0;
  41. left: 200px;
  42. overflow: hidden;
  43. border-left: 1px solid rgb(184, 184, 184);
  44. margin-left: -1px;
  45. }
  46. .profile-launcher-view-tree-item > .icon {
  47. padding: 15px;
  48. background-image: url(Images/toolbarIcons.png);
  49. background-position-x: -160px;
  50. }
  51. .profile-sidebar-tree-item .icon {
  52. content: url(Images/profileIcon.png);
  53. }
  54. .profile-sidebar-tree-item.small .icon {
  55. content: url(Images/profileSmallIcon.png);
  56. }
  57. .profile-group-sidebar-tree-item .icon {
  58. content: url(Images/profileGroupIcon.png);
  59. }
  60. .profile-view {
  61. display: none;
  62. overflow: hidden;
  63. position: absolute;
  64. top: 0;
  65. left: 0;
  66. right: 0;
  67. bottom: 0;
  68. }
  69. .profile-view.visible {
  70. display: block;
  71. }
  72. .profile-view .data-grid {
  73. border: none;
  74. height: 100%;
  75. }
  76. .profile-view .data-grid th.average-column {
  77. text-align: center;
  78. }
  79. .profile-view .data-grid td.average-column {
  80. text-align: right;
  81. }
  82. .profile-view .data-grid th.self-column {
  83. text-align: center;
  84. }
  85. .profile-view .data-grid td.self-column {
  86. text-align: right;
  87. }
  88. .profile-view .data-grid th.total-column {
  89. text-align: center;
  90. }
  91. .profile-view .data-grid td.total-column {
  92. text-align: right;
  93. }
  94. .profile-view .data-grid .calls-column {
  95. text-align: center;
  96. }
  97. .profile-node-file {
  98. float: right;
  99. color: gray;
  100. margin-top: -1px;
  101. }
  102. .data-grid tr.selected .profile-node-file {
  103. color: rgb(33%, 33%, 33%);
  104. }
  105. .data-grid:focus tr.selected .profile-node-file {
  106. color: white;
  107. }
  108. .percent-time-status-bar-item .glyph {
  109. -webkit-mask-position: -192px -24px;
  110. }
  111. .focus-profile-node-status-bar-item .glyph {
  112. -webkit-mask-position: -96px 0;
  113. }
  114. .exclude-profile-node-status-bar-item .glyph {
  115. -webkit-mask-position: -128px 0;
  116. }
  117. .reset-profile-status-bar-item .glyph {
  118. -webkit-mask-position: 0 0;
  119. }
  120. .garbage-collect-status-bar-item .glyph {
  121. -webkit-mask-position: -128px -24px;
  122. }
  123. .profile-launcher-view-content {
  124. position: absolute;
  125. top: 0;
  126. right: 0;
  127. bottom: 0;
  128. left: 0;
  129. padding: 0 0 0 16px;
  130. display: -webkit-flex;
  131. text-align: left;
  132. -webkit-flex-direction: column;
  133. }
  134. .control-profiling {
  135. -webkit-align-self: flex-start;
  136. }
  137. .profile-launcher-view-content h1 {
  138. padding: 15px 0 10px;
  139. }
  140. .panel-enabler-view.profile-launcher-view form {
  141. padding: 0;
  142. font-size: 13px;
  143. width: 100%;
  144. }
  145. .panel-enabler-view.profile-launcher-view label {
  146. margin: 0;
  147. }
  148. .profile-launcher-view-content p {
  149. color: grey;
  150. margin-top: 1px;
  151. margin-left: 22px;
  152. }
  153. .panel-enabler-view.profile-launcher-view button:not(.status-bar-item) {
  154. color: rgb(6, 6, 6);
  155. margin: 0 0 16px;
  156. }
  157. .profile-launcher-view-content button.running:not(.status-bar-item) {
  158. color: red;
  159. }
  160. body.inactive .profile-launcher-view-content button.running:not(.status-bar-item) {
  161. color: rgb(220, 130, 130);
  162. }
  163. .highlighted-row {
  164. -webkit-animation: "row_highlight" 2s 0s;
  165. }
  166. @-webkit-keyframes row_highlight {
  167. from {background-color: rgba(255, 255, 120, 1); }
  168. to { background-color: rgba(255, 255, 120, 0); }
  169. }
  170. .profile-canvas-decoration {
  171. color: red;
  172. margin: -14px 0 13px 22px;
  173. padding-left: 14px;
  174. background: 0 7px url(Images/warningIcon.png) no-repeat;
  175. }
  176. .profile-canvas-decoration button {
  177. margin: 0 0 0 10px !important;
  178. }