Style warning boxes and add bottom margin to note boxes

Refs #1064

Author: berkerpeksag

static/sass/style.css

@@ -2963,13 +2963,25 @@ p.quote-by-organization {
 div.note {
   background-color: #eee;
   border: 1px solid #cccccc;
-  padding: 0.3125em 0.625em; }
+  padding: 0.3125em 0.625em;
+  margin-bottom: 1.5625em; }
   div.note > p {
     margin-bottom: 0; }
 
 p.admonition-title {
   font-weight: bold; }
 
+p.admonition-title:after {
+  content: ":"; }
+
+div.warning {
+  background-color: #ffe4e4;
+  border: 1px solid #ff6666;
+  padding: 0.3125em 0.625em;
+  margin-bottom: 1.5625em; }
+  div.warning > p {
+    margin-bottom: 0; }
+
 div.sidebar {
   margin: 0 0 0.5em 1em;
   border: 1px solid #ddddbb;

static/sass/style.scss

@@ -2175,6 +2175,7 @@ div.note {
     background-color: #eee;
     border: 1px solid #ccc;
     padding: px2em( 5px ) px2em( 10px );
+    margin-bottom: px2em( 25px );
     > p {
       margin-bottom: 0;
     }
@@ -2184,6 +2185,20 @@ p.admonition-title {
     font-weight: bold;
 }
 
+p.admonition-title:after {
+    content: ":";
+}
+
+div.warning {
+    background-color: #ffe4e4;
+    border: 1px solid #f66;
+    padding: px2em( 5px ) px2em( 10px );
+    margin-bottom: px2em( 25px );
+    > p {
+        margin-bottom: 0;
+    }
+}
+
 div.sidebar {
     margin: 0 0 0.5em 1em;
     border: 1px solid #ddb;