new site

src/site/scss/_syntax.scss

 .highlight  { background: #F0F0F0; border-radius: 5px; margin-bottom: 1em;}
 
-.bad .highlight {
+div.bad div.highlight pre {
   border-radius: 5px;
 
   background-image: linear-gradient(bottom, rgb(255,242,242) 16%, rgb(255,204,204) 86%);
   background-image: -o-linear-gradient(bottom, rgb(255,242,242) 16%, rgb(255,204,204) 86%);
   background-image: -moz-linear-gradient(bottom, rgb(255,242,242) 16%, rgb(255,204,204) 86%);
   background-image: -webkit-linear-gradient(bottom, rgb(255,242,242) 16%, rgb(255,204,204) 86%);
   background-image: -ms-linear-gradient(bottom, rgb(255,242,242) 16%, rgb(255,204,204) 86%);
 
   background-image: -webkit-gradient(
     linear,
     left bottom,
     left top,
     color-stop(0.16, rgb(255,242,242)),
     color-stop(0.86, rgb(255,204,204))
   );
 }
 
-.good .highlight {
+div.good div.highlight pre {
   border-radius: 5px;
 
   background-image: linear-gradient(bottom, rgb(243,255,240) 16%, rgb(213,255,204) 86%);
   background-image: -o-linear-gradient(bottom, rgb(243,255,240) 16%, rgb(213,255,204) 86%);
   background-image: -moz-linear-gradient(bottom, rgb(243,255,240) 16%, rgb(213,255,204) 86%);
   background-image: -webkit-linear-gradient(bottom, rgb(243,255,240) 16%, rgb(213,255,204) 86%);
   background-image: -ms-linear-gradient(bottom, rgb(243,255,240) 16%, rgb(213,255,204) 86%);
 
   background-image: -webkit-gradient(
     linear,
     left bottom,
     left top,
     color-stop(0.16, rgb(243,255,240)),
     color-stop(0.86, rgb(213,255,204))
   );
 }
 
 .good .highlight pre:before {
   content: "good";
   color: #696;
   float: right;
 }
 
 .bad .highlight pre:before {
   content: "bad";
+  color: red;
   float: right;
 }
 
 
 .highlight .c { color: #999988; font-style: italic } /* Comment */
 .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
 .highlight .k { font-weight: bold } /* Keyword */
 .highlight .o { font-weight: bold } /* Operator */
 .highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
 .highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
@@ skipping 43 matching lines @@
 .highlight .si { color: #d14 } /* Literal.String.Interpol */
 .highlight .sx { color: #d14 } /* Literal.String.Other */
 .highlight .sr { color: #009926 } /* Literal.String.Regex */
 .highlight .s1 { color: #d14 } /* Literal.String.Single */
 .highlight .ss { color: #990073 } /* Literal.String.Symbol */
 .highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
 .highlight .vc { color: #008080 } /* Name.Variable.Class */
 .highlight .vg { color: #008080 } /* Name.Variable.Global */
 .highlight .vi { color: #008080 } /* Name.Variable.Instance */
 .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */