Retooled the QUnit CSS to be more generic.

smith · Sep 29, 2009 · 00ec0b7 · 00ec0b7
1 parent 19834d7
commit 00ec0b7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/qunit.css b/qunit.css
@@ -1,17 +1,17 @@
-html.qunit body, html.qunit div, html.qunit h1 { font-family: 'trebuchet ms', verdana, arial; margin: 0; padding: 0; }
-html.qunit body {font-size: 10pt; }
-html.qunit h1 { padding: 15px; font-size: large; background-color: #06b; color: white; }
-html.qunit h1 a { color: white; }
-html.qunit h2 { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal }
+h1#qunit-header { padding: 15px; font-size: large; background-color: #06b; color: white; font-family: 'trebuchet ms', verdana, arial; margin: 0; }
+h1#qunit-header a { color: white; }
 
-html.qunit p.result { margin-left: 1em; }
-
-h2#qunit-banner { height: 2em; border-bottom: 1px solid white; }
+h2#qunit-banner { height: 2em; border-bottom: 1px solid white; background-color: #eee; margin: 0; font-family: 'trebuchet ms', verdana, arial; }
 h2#qunit-banner.pass { background-color: green; }
 h2#qunit-banner.fail { background-color: red; }
 
-div#qunit-testrunner-toolbar { background: #eee; border-top: 1px solid black; padding: 10px; }
+h2#qunit-userAgent { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal; font-family: 'trebuchet ms', verdana, arial; font-size: 10pt; }
+
+div#qunit-testrunner-toolbar { background: #eee; border-top: 1px solid black; padding: 10px; font-family: 'trebuchet ms', verdana, arial; margin: 0; font-size: 10pt; }
 
+ol#qunit-tests { font-family: 'trebuchet ms', verdana, arial; font-size: 10pt; }
 ol#qunit-tests li strong { cursor:pointer; }
 ol#qunit-tests .pass { color: green; } 
 ol#qunit-tests .fail { color: red; } 
+
+p#qunit-testresult { margin-left: 1em; font-size: 10pt; font-family: 'trebuchet ms', verdana, arial; }
diff --git a/test/index.html b/test/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="qunit">
+<html lang="en">
 <head>
 	<title>QUnit Test Suite</title>
 	<link rel="stylesheet" href="../qunit.css" type="text/css" media="screen">
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="same.js"></script>
 </head>
 <body class="flora">
-	<h1>QUnit Test Suite</h1>
+	<h1 id="qunit-header">QUnit Test Suite</h1>
 	<h2 id="qunit-banner"></h2>
 	<div id="qunit-testrunner-toolbar"></div>
 	<h2 id="qunit-userAgent"></h2>