profilesPanel.css 4.8 KB

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