qunit.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. /**
  2. * QUnit v1.6.0pre - A JavaScript Unit Testing Framework
  3. *
  4. * http://docs.jquery.com/QUnit
  5. *
  6. * Copyright (c) 2012 John Resig, Jörn Zaefferer
  7. * Dual licensed under the MIT (MIT-LICENSE.txt)
  8. * or GPL (GPL-LICENSE.txt) licenses.
  9. * Pulled Live from Git Fri Apr 27 19:00:01 UTC 2012
  10. * Last Commit: 1da56e024a25bf2231e7aea0b85e6d0d628f4820
  11. */
  12. /** Font Family and Sizes */
  13. #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
  14. font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
  15. }
  16. #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
  17. #qunit-tests { font-size: smaller; }
  18. /** Resets */
  19. #qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
  20. margin: 0;
  21. padding: 0;
  22. }
  23. /** Header */
  24. #qunit-header {
  25. padding: 0.5em 0 0.5em 1em;
  26. color: #8699a4;
  27. background-color: #0d3349;
  28. font-size: 1.5em;
  29. line-height: 1em;
  30. font-weight: normal;
  31. border-radius: 15px 15px 0 0;
  32. -moz-border-radius: 15px 15px 0 0;
  33. -webkit-border-top-right-radius: 15px;
  34. -webkit-border-top-left-radius: 15px;
  35. }
  36. #qunit-header a {
  37. text-decoration: none;
  38. color: #c2ccd1;
  39. }
  40. #qunit-header a:hover,
  41. #qunit-header a:focus {
  42. color: #fff;
  43. }
  44. #qunit-header label {
  45. display: inline-block;
  46. padding-left: 0.5em;
  47. }
  48. #qunit-banner {
  49. height: 5px;
  50. }
  51. #qunit-testrunner-toolbar {
  52. padding: 0.5em 0 0.5em 2em;
  53. color: #5E740B;
  54. background-color: #eee;
  55. }
  56. #qunit-userAgent {
  57. padding: 0.5em 0 0.5em 2.5em;
  58. background-color: #2b81af;
  59. color: #fff;
  60. text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
  61. }
  62. /** Tests: Pass/Fail */
  63. #qunit-tests {
  64. list-style-position: inside;
  65. }
  66. #qunit-tests li {
  67. padding: 0.4em 0.5em 0.4em 2.5em;
  68. border-bottom: 1px solid #fff;
  69. list-style-position: inside;
  70. }
  71. #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running {
  72. display: none;
  73. }
  74. #qunit-tests li strong {
  75. cursor: pointer;
  76. }
  77. #qunit-tests li a {
  78. padding: 0.5em;
  79. color: #c2ccd1;
  80. text-decoration: none;
  81. }
  82. #qunit-tests li a:hover,
  83. #qunit-tests li a:focus {
  84. color: #000;
  85. }
  86. #qunit-tests ol {
  87. margin-top: 0.5em;
  88. padding: 0.5em;
  89. background-color: #fff;
  90. border-radius: 15px;
  91. -moz-border-radius: 15px;
  92. -webkit-border-radius: 15px;
  93. box-shadow: inset 0px 2px 13px #999;
  94. -moz-box-shadow: inset 0px 2px 13px #999;
  95. -webkit-box-shadow: inset 0px 2px 13px #999;
  96. }
  97. #qunit-tests table {
  98. border-collapse: collapse;
  99. margin-top: .2em;
  100. }
  101. #qunit-tests th {
  102. text-align: right;
  103. vertical-align: top;
  104. padding: 0 .5em 0 0;
  105. }
  106. #qunit-tests td {
  107. vertical-align: top;
  108. }
  109. #qunit-tests pre {
  110. margin: 0;
  111. white-space: pre-wrap;
  112. word-wrap: break-word;
  113. }
  114. #qunit-tests del {
  115. background-color: #e0f2be;
  116. color: #374e0c;
  117. text-decoration: none;
  118. }
  119. #qunit-tests ins {
  120. background-color: #ffcaca;
  121. color: #500;
  122. text-decoration: none;
  123. }
  124. /*** Test Counts */
  125. #qunit-tests b.counts { color: black; }
  126. #qunit-tests b.passed { color: #5E740B; }
  127. #qunit-tests b.failed { color: #710909; }
  128. #qunit-tests li li {
  129. margin: 0.5em;
  130. padding: 0.4em 0.5em 0.4em 0.5em;
  131. background-color: #fff;
  132. border-bottom: none;
  133. list-style-position: inside;
  134. }
  135. /*** Passing Styles */
  136. #qunit-tests li li.pass {
  137. color: #5E740B;
  138. background-color: #fff;
  139. border-left: 26px solid #C6E746;
  140. }
  141. #qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
  142. #qunit-tests .pass .test-name { color: #366097; }
  143. #qunit-tests .pass .test-actual,
  144. #qunit-tests .pass .test-expected { color: #999999; }
  145. #qunit-banner.qunit-pass { background-color: #C6E746; }
  146. /*** Failing Styles */
  147. #qunit-tests li li.fail {
  148. color: #710909;
  149. background-color: #fff;
  150. border-left: 26px solid #EE5757;
  151. white-space: pre;
  152. }
  153. #qunit-tests > li:last-child {
  154. border-radius: 0 0 15px 15px;
  155. -moz-border-radius: 0 0 15px 15px;
  156. -webkit-border-bottom-right-radius: 15px;
  157. -webkit-border-bottom-left-radius: 15px;
  158. }
  159. #qunit-tests .fail { color: #000000; background-color: #EE5757; }
  160. #qunit-tests .fail .test-name,
  161. #qunit-tests .fail .module-name { color: #000000; }
  162. #qunit-tests .fail .test-actual { color: #EE5757; }
  163. #qunit-tests .fail .test-expected { color: green; }
  164. #qunit-banner.qunit-fail { background-color: #EE5757; }
  165. /** Result */
  166. #qunit-testresult {
  167. padding: 0.5em 0.5em 0.5em 2.5em;
  168. color: #2b81af;
  169. background-color: #D2E0E6;
  170. border-bottom: 1px solid white;
  171. }
  172. #qunit-testresult .module-name {
  173. font-weight: bold;
  174. }
  175. /** Fixture */
  176. #qunit-fixture {
  177. position: absolute;
  178. top: -10000px;
  179. left: -10000px;
  180. width: 1000px;
  181. height: 1000px;
  182. }