manual: added some style to "Note:" paragraphs

manual/traintasticmanual/css/traintasticmanual.css

@@ -209,6 +209,23 @@ span.badge.badge-since
   color: #fff;
 }
 
+/** Note **/
+
+p.note
+{
+  border-left: solid 0.4em darkblue;
+  font-size: 85%;
+  line-height: normal;
+  padding: 0 0 0 0.4em;
+}
+
+p.note span.label
+{
+  display: block;
+  font-weight: bold;
+  text-transform: uppercase;
+}
+
 /** Lua **********************************************************************/
 
 code.lua span.const

manual/traintasticmanualbuilder/html.py

@@ -36,6 +36,9 @@ class HTMLBuilder(Builder):
         html = html.replace('$badge:lua$', '<span class="badge badge-lua">Lua</span>')
         html = re.sub(r'\$badge:since:v([0-9]+\.[0-9]+(|\.[0-9]+))\$', r'<span class="badge badge-since">&ge; \1\2</span>', html)
 
+        # handle notes
+        html = html.replace('<p>Note: ', '<p class="note"><span class="label">Note</span> ')
+
         return html
 
     def _highlight_lua(self, m):