css: Add style for '.. note:' and '.. warning:' rST roles

One of our kbase docs already uses '.. note:' and we could use e.g.
'.. warning:' to replace some of emphasiszed paragraphs to make them
more prominent.

Introduce style for the generated HTML to add some hilight for them.

Signed-off-by: Peter Krempa <pkrempa@redhat.com>
Reviewed-by: Ján Tomko <jtomko@redhat.com>

docs/css/generic.css

@@ -91,6 +91,32 @@ pre {
     padding: 1em;
 }
 
+.admonition-title {
+    font-size: 110%;
+    font-weight: bold;
+}
+
+div.admonition,
+aside.admonition {
+    border: 1px solid #999999;
+}
+
+.admonition p {
+    padding: 0 1em 0 1em;
+}
+
+.note .admonition-title  {
+    margin: 0;
+    padding: 0.5em 1em 0.5em 1em;
+    background: #6cb5ac;
+}
+
+.warning .admonition-title {
+    margin: 0;
+    padding: 0.5em 1em 0.5em 1em;
+    background: #ffcc44;
+}
+
 a {
     color: rgb(0, 95, 97);
 }