auditsPanel.css 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  1. /*
  2. * Copyright (C) 2008 Apple Inc. All rights reserved.
  3. * Copyright (C) 2009 Google Inc. All rights reserved.
  4. *
  5. * Redistribution and use in source and binary forms, with or without
  6. * modification, are permitted provided that the following conditions are
  7. * met:
  8. *
  9. * * Redistributions of source code must retain the above copyright
  10. * notice, this list of conditions and the following disclaimer.
  11. * * Redistributions in binary form must reproduce the above
  12. * copyright notice, this list of conditions and the following disclaimer
  13. * in the documentation and/or other materials provided with the
  14. * distribution.
  15. * * Neither the name of Google Inc. nor the names of its
  16. * contributors may be used to endorse or promote products derived from
  17. * this software without specific prior written permission.
  18. *
  19. * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  20. * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  21. * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  22. * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  23. * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  24. * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  25. * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  26. * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  27. * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  28. * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  29. * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  30. */
  31. .audits-sidebar-tree-item .icon {
  32. content: url(Images/resourcesTimeGraphIcon.png);
  33. }
  34. .audit-result-sidebar-tree-item .icon {
  35. content: url(Images/resourceDocumentIcon.png);
  36. }
  37. .audit-launcher-view {
  38. z-index: 1000;
  39. position: absolute;
  40. top: 0;
  41. left: 0;
  42. right: 0;
  43. bottom: 0;
  44. background-color: white;
  45. font-size: 13px;
  46. overflow-x: hidden;
  47. overflow-y: overlay;
  48. display: none;
  49. }
  50. .audit-launcher-view.visible {
  51. display: block;
  52. }
  53. .audit-launcher-view .audit-launcher-view-content {
  54. position: absolute;
  55. top: 0;
  56. left: 0;
  57. right: 0;
  58. bottom: 0;
  59. padding: 0 0 0 16px;
  60. white-space: nowrap;
  61. display: -webkit-flex;
  62. text-align: left;
  63. -webkit-flex-direction: column;
  64. }
  65. .audit-launcher-view h1 {
  66. padding-top: 15px;
  67. }
  68. .audit-launcher-view h1.no-audits {
  69. text-align: center;
  70. font-style: italic;
  71. position: relative;
  72. left: -8px;
  73. }
  74. .audit-launcher-view div.button-container {
  75. display: -webkit-flex;
  76. -webkit-flex-direction: column;
  77. width: 100%;
  78. padding: 16px 0;
  79. }
  80. .audit-launcher-view div.button-container > button {
  81. -webkit-align-self: flex-start;
  82. }
  83. .audit-launcher-view fieldset.audit-categories-container {
  84. position: relative;
  85. top: 11px;
  86. left: 0;
  87. width: 100%;
  88. overflow-y: auto;
  89. border: 0 none;
  90. }
  91. .audit-launcher-view button {
  92. margin: 0 5px 0 0;
  93. }
  94. .audit-launcher-view button:active {
  95. background-color: rgb(215, 215, 215);
  96. background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
  97. }
  98. .panel-enabler-view.audit-launcher-view label {
  99. padding: 0 0 5px 0;
  100. margin: 0;
  101. }
  102. .panel-enabler-view.audit-launcher-view label.disabled {
  103. color: rgb(130, 130, 130);
  104. }
  105. .audit-launcher-view input[type="checkbox"] {
  106. margin-left: 0;
  107. }
  108. .audit-result-view {
  109. overflow: auto;
  110. position: absolute;
  111. top: 0;
  112. left: 0;
  113. right: 0;
  114. bottom: 0;
  115. display: none;
  116. }
  117. .audit-result-view.visible {
  118. display: block;
  119. }
  120. .audit-result-view .severity-severe {
  121. content: url(Images/errorRedDot.png);
  122. }
  123. .audit-result-view .severity-warning {
  124. content: url(Images/warningOrangeDot.png);
  125. }
  126. .audit-result-view .severity-info {
  127. content: url(Images/successGreenDot.png);
  128. }
  129. .audit-result-tree li.parent::before {
  130. content: url(Images/treeRightTriangleBlack.png);
  131. float: left;
  132. width: 8px;
  133. height: 8px;
  134. margin-top: 1px;
  135. padding-right: 2px;
  136. }
  137. .audit-result-tree {
  138. font-size: 11px;
  139. line-height: 14px;
  140. -webkit-user-select: text;
  141. }
  142. .audit-result-tree > ol {
  143. position: relative;
  144. padding: 2px 6px !important;
  145. margin: 0;
  146. color: rgb(84, 84, 84);
  147. cursor: default;
  148. min-width: 100%;
  149. }
  150. .audit-result-tree, .audit-result-tree ol {
  151. list-style-type: none;
  152. -webkit-padding-start: 12px;
  153. margin: 0;
  154. }
  155. .audit-result-tree ol.outline-disclosure {
  156. -webkit-padding-start: 0;
  157. }
  158. .audit-result-tree .section .header {
  159. padding-left: 13px;
  160. }
  161. .audit-result-tree .section .header::before {
  162. left: 2px;
  163. }
  164. .audit-result-tree li {
  165. padding: 0 0 0 14px;
  166. margin-top: 1px;
  167. margin-bottom: 1px;
  168. word-wrap: break-word;
  169. margin-left: -2px;
  170. }
  171. .audit-result-tree li.parent {
  172. margin-left: -12px
  173. }
  174. .audit-result-tree li.parent::before {
  175. content: url(Images/treeRightTriangleBlack.png);
  176. float: left;
  177. width: 8px;
  178. height: 8px;
  179. margin-top: 0;
  180. padding-right: 2px;
  181. }
  182. .audit-result-tree li.parent.expanded::before {
  183. content: url(Images/treeDownTriangleBlack.png);
  184. }
  185. .audit-result-tree ol.children {
  186. display: none;
  187. }
  188. .audit-result-tree ol.children.expanded {
  189. display: block;
  190. }
  191. .audit-result {
  192. font-weight: bold;
  193. color: black;
  194. }
  195. .audit-result img {
  196. float: left;
  197. margin-left: -28px;
  198. margin-top: -1px;
  199. }
  200. .audit-launcher-view .progress-bar-container {
  201. display: inline-block;
  202. }
  203. .audit-launcher-view .progress-bar-container .progress-bar-stop-button {
  204. display: none;
  205. }