error/info blobs

core.xsl

···
     </center>
   </xsl:template>
 
-  <xsl:template match="f:error">
+  <xsl:template match="f:error | f:info">
     <span class="error">
       <xsl:apply-templates />
     </span>
   </xsl:template>
+
+  <xsl:template match="f:info">
+   <span class="info">
+    <xsl:apply-templates />
+   </span>
+  </xsl:template>
+
+
 
   <xsl:template match="f:tex[@f:display='block']">
     <xsl:text>\[</xsl:text>

style.css

···
   font-weight: 200;
 }
 
-.error {
-  color: rgb(255, 50, 50, .8);
-}
-
 .block {
   padding-left: 5px;
   padding-right: 10px;
···
  list-style-type: lower-roman;
 }
 
+.error, .info {
+  border-radius: 4pt;
+  padding-left: 3pt;
+  padding-right: 3pt;
+  padding-top: 1pt;
+  padding-bottom: 2pt;
+  font-weight: bold;
+}
+
 .error {
  background-color: red;
- font-weight: bold;
+ color: white;
+}
+
+
+.info {
+ background-color: #bbb;
  color: white;
 }