You are here

qunit.css in jQuery Update 7

/** Font Family and Sizes */

#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
}

#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
#qunit-tests { font-size: smaller; }


/** Resets */

#qunit-tests, #qunit-tests li ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
	margin: 0;
	padding: 0;
}


/** Header */

#qunit-header {
	padding: 0.5em 0 0.5em 1em;
	
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 4px 4px 1px;
	background-color: #0d3349;
	
	border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
}

#qunit-header a {
	text-decoration: none;
	color: white;
}

#qunit-banner {
	height: 5px;
}

#qunit-testrunner-toolbar {
	padding: 0em 0 0.5em 2em;
}

#qunit-userAgent {
	padding: 0.5em 0 0.5em 2.5em;
	background-color: #2b81af;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
}


/** Tests: Pass/Fail */

#qunit-tests {
	list-style-position: inside;
}

#qunit-tests li {
	padding: 0.4em 0.5em 0.4em 2.5em;
	border-bottom: 1px solid #fff;
	list-style-position: inside;
}

#qunit-tests li strong {
	cursor: pointer;
}

#qunit-tests li ol {
	margin-top: 0.5em;
	padding: 0.5em;
	
	background-color: #fff;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	
	box-shadow: inset 0px 2px 13px #999;
	-moz-box-shadow: inset 0px 2px 13px #999;
	-webkit-box-shadow: inset 0px 2px 13px #999;
}

#qunit-tests li li {
	margin: 0.5em;
	padding: 0.4em 0.5em 0.4em 0.5em;
	background-color: #fff;
	border-bottom: none;
	list-style-position: inside;
}

/*** Passing Styles */

#qunit-tests li li.pass {
	color: #5E740B;
	background-color: #fff;
	border-left: 26px solid #C6E746;
}

#qunit-tests li.pass                        { color: #528CE0; background-color: #D2E0E6; }
#qunit-tests li.pass span.test-name         { color: #366097; }
 
#qunit-tests li li.pass span.test-actual,
#qunit-tests li li.pass span.test-expected  { color: #999999; }

strong b.pass                               { color: #5E740B; }

#qunit-banner.qunit-pass                    { background-color: #C6E746; }

/*** Failing Styles */

#qunit-tests li li.fail {
	color: #710909;
	background-color: #fff;
	border-left: 26px solid #EE5757;
}

#qunit-tests li.fail                        { color: #000000; background-color: #EE5757; }
#qunit-tests li.fail span.test-name,
#qunit-tests li.fail span.module-name       { color: #000000; }

#qunit-tests li li.fail span.test-actual    { color: #EE5757; }
#qunit-tests li li.fail span.test-expected  { color: green;   }

strong b.fail                               { color: #710909; }

#qunit-banner.qunit-fail, 
#qunit-testrunner-toolbar                   { background-color: #EE5757; }


/** Footer */

#qunit-testresult {
	padding: 0.5em 0.5em 0.5em 2.5em;
	
	color: #2b81af;
	background-color: #D2E0E6;

	border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;	
}

/** Fixture */

#qunit-fixture {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

File

replace/ui/external/qunit.css
View source
  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. }