Added Env#versionString; nicer styling in TrivialReporter; hide passed and skipped tests by default, but allow them to be displayed.

lib/jasmine.css

@@ -3,8 +3,40 @@ body {
 }
 
 
-body .run_spec {
-  float:right; 
+.jasmine_reporter a:visited, .jasmine_reporter a {
+  color: #303; 
+}
+
+.jasmine_reporter a:hover, .jasmine_reporter a:active {
+  color: blue; 
+}
+
+.run_spec {
+  float:right;
+  padding-right: 5px;
+  font-size: .8em;
+  text-decoration: none;
+}
+
+.jasmine_reporter {
+  margin: 0 5px;
+}
+
+.banner {
+  color: #303;
+  background-color: #fef;
+  padding: 5px;
+}
+
+.logo {
+  float: left;
+  font-size: 1.1em;
+  padding-left: 5px;
+}
+
+.logo .version {
+  font-size: .6em;
+  padding-left: 1em;
 }
 
 .runner.running {
@@ -12,24 +44,26 @@ body .run_spec {
 }
 
 
-
-.runner {
-  border: 1px solid gray;
-  margin: 5px;
-  padding-left: 1em;
-  padding-right: 1em;
+.options {
+  text-align: right;
+  font-size: .8em;
 }
 
 
 
+
 .suite {
   border: 1px outset gray;
-  margin: 5px;
+  margin: 5px 0;
   padding-left: 1em;
 }
 
+.suite .suite {
+  margin: 5px; 
+}
+
 .suite.passed {
-  background-color: #cfc;
+  background-color: #dfd;
 }
 
 .suite.failed {
@@ -38,22 +72,51 @@ body .run_spec {
 
 .spec {
   margin: 5px;
+  padding-left: 1em;
   clear: both;
 }
 
+.spec.failed, .spec.passed, .spec.skipped {
+  padding-bottom: 5px;
+  border: 1px solid gray;
+}
+
+.spec.failed {
+  background-color: #fbb;
+  border-color: red;
+}
+
+.spec.passed {
+  background-color: #bfb;
+  border-color: green;
+}
+
+.spec.skipped {
+  background-color: #bbb;
+}
+
+.messages {
+  border-left: 1px dashed gray;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
 .passed {
   background-color: #cfc;
+  display: none;
 }
 
 .failed {
-  background-color: #fdd;
+  background-color: #fbb;
 }
 
 .skipped {
   color: #777;
   background-color: #eee;
+  display: none;
 }
 
+
 /*.resultMessage {*/
   /*white-space: pre;*/
 /*}*/
@@ -72,15 +135,32 @@ body .run_spec {
   white-space: pre;
   font-size: .8em;
   margin-left: 10px;
-  height: 5em;
+  max-height: 5em;
   overflow: auto;
   border: 1px inset red;
   padding: 1em;
   background: #eef;
 }
 
+.finished-at {
+  padding-left: 1em;
+  font-size: .6em;
+}
+
+.show-passed .passed,
+.show-skipped .skipped {
+  display: block;
+}
+
 
 #jasmine_content {
   position:fixed;
   right: 100%;
 }
+
+.runner {
+  border: 1px solid gray;
+  display: block;
+  margin: 5px 0;
+  padding: 2px 0 2px 10px;
+}