qunit.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. /** Font Family and Sizes */
  2. #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
  3. font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
  4. }
  5. #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
  6. #qunit-tests { font-size: smaller; }
  7. /** Resets */
  8. #qunit-tests, #qunit-tests li ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
  9. margin: 0;
  10. padding: 0;
  11. }
  12. /** Header */
  13. #qunit-header {
  14. padding: 0.5em 0 0.5em 1em;
  15. color: #fff;
  16. text-shadow: rgba(0, 0, 0, 0.5) 4px 4px 1px;
  17. background-color: #0d3349;
  18. border-radius: 15px 15px 0 0;
  19. -moz-border-radius: 15px 15px 0 0;
  20. -webkit-border-top-right-radius: 15px;
  21. -webkit-border-top-left-radius: 15px;
  22. }
  23. #qunit-header a {
  24. text-decoration: none;
  25. color: white;
  26. }
  27. #qunit-banner {
  28. height: 5px;
  29. }
  30. #qunit-testrunner-toolbar {
  31. padding: 0em 0 0.5em 2em;
  32. }
  33. #qunit-userAgent {
  34. padding: 0.5em 0 0.5em 2.5em;
  35. background-color: #2b81af;
  36. color: #fff;
  37. text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
  38. }
  39. /** Tests: Pass/Fail */
  40. #qunit-tests {
  41. list-style-position: inside;
  42. }
  43. #qunit-tests li {
  44. padding: 0.4em 0.5em 0.4em 2.5em;
  45. border-bottom: 1px solid #fff;
  46. list-style-position: inside;
  47. }
  48. #qunit-tests li strong {
  49. cursor: pointer;
  50. }
  51. #qunit-tests li ol {
  52. margin-top: 0.5em;
  53. padding: 0.5em;
  54. background-color: #fff;
  55. border-radius: 15px;
  56. -moz-border-radius: 15px;
  57. -webkit-border-radius: 15px;
  58. box-shadow: inset 0px 2px 13px #999;
  59. -moz-box-shadow: inset 0px 2px 13px #999;
  60. -webkit-box-shadow: inset 0px 2px 13px #999;
  61. }
  62. #qunit-tests li li {
  63. margin: 0.5em;
  64. padding: 0.4em 0.5em 0.4em 0.5em;
  65. background-color: #fff;
  66. border-bottom: none;
  67. list-style-position: inside;
  68. }
  69. /*** Passing Styles */
  70. #qunit-tests li li.pass {
  71. color: #5E740B;
  72. background-color: #fff;
  73. border-left: 26px solid #C6E746;
  74. }
  75. #qunit-tests li.pass { color: #528CE0; background-color: #D2E0E6; }
  76. #qunit-tests li.pass span.test-name { color: #366097; }
  77. #qunit-tests li li.pass span.test-actual,
  78. #qunit-tests li li.pass span.test-expected { color: #999999; }
  79. strong b.pass { color: #5E740B; }
  80. #qunit-banner.qunit-pass { background-color: #C6E746; }
  81. /*** Failing Styles */
  82. #qunit-tests li li.fail {
  83. color: #710909;
  84. background-color: #fff;
  85. border-left: 26px solid #EE5757;
  86. }
  87. #qunit-tests li.fail { color: #000000; background-color: #EE5757; }
  88. #qunit-tests li.fail span.test-name,
  89. #qunit-tests li.fail span.module-name { color: #000000; }
  90. #qunit-tests li li.fail span.test-actual { color: #EE5757; }
  91. #qunit-tests li li.fail span.test-expected { color: green; }
  92. strong b.fail { color: #710909; }
  93. #qunit-banner.qunit-fail,
  94. #qunit-testrunner-toolbar { background-color: #EE5757; }
  95. /** Footer */
  96. #qunit-testresult {
  97. padding: 0.5em 0.5em 0.5em 2.5em;
  98. color: #2b81af;
  99. background-color: #D2E0E6;
  100. border-radius: 0 0 15px 15px;
  101. -moz-border-radius: 0 0 15px 15px;
  102. -webkit-border-bottom-right-radius: 15px;
  103. -webkit-border-bottom-left-radius: 15px;
  104. }
  105. /** Fixture */
  106. #qunit-fixture {
  107. position: absolute;
  108. top: -10000px;
  109. left: -10000px;
  110. }