Added "notice" shortcodes

These notices have three types: note, tip, and warning.

static/css/themes/dark.css

@@ -58,6 +58,43 @@ blockquote {
 	background-color: #1A1A1A;
 }
 
+.notice {
+	border-width: 2px;
+	border-style: solid;
+	border-top: 0;
+}
+
+.notice .notice-title .notice-title-icon {
+	filter: invert(80%);
+}
+
+.notice.note {
+	background-color: #001320;
+	border-color: #00487B;
+}
+
+.notice.note .notice-title {
+	background-color: #00487B;
+}
+
+.notice.tip {
+	background-color: #132000;
+	border-color: #105600;
+}
+
+.notice.tip .notice-title {
+	background-color: #105600;
+}
+
+.notice.warning {
+	background-color: #200000;
+	border-color: #700000;
+}
+
+.notice.warning .notice-title {
+	background-color: #700000;
+}
+
 @media only screen and (max-width: 400pt) {
 	.links {
 		background-color: rgb(30, 30, 30);

static/css/themes/light.css

@@ -42,3 +42,39 @@ blockquote {
 	border-color: #E0E0E0;
 	background-color: #FAFAFA;
 }
+
+.notice {
+	color: #404040;
+}
+
+.notice .notice-title {
+	color: white;
+}
+
+.notice .notice-title .notice-title-icon {
+	filter: invert(1);
+}
+
+.notice.note {
+	background-color: #E7F2FA;
+}
+
+.notice.note .notice-title {
+	background-color: #6AB0DE;
+}
+
+.notice.tip {
+	background-color: #e6f9e6;
+}
+
+.notice.tip .notice-title {
+	background-color: #77c577;
+}
+
+.notice.warning {
+	background-color: #fae2e2;
+}
+
+.notice.warning .notice-title {
+	background-color: #df6f6c;
+}