restore alerts, and make them suck much less

docs/assets/css/bootstrap.css

@@ -2550,8 +2550,8 @@ fieldset[disabled] .btn-link:hover {
   color: #000;
   text-decoration: none;
   cursor: pointer;
-  opacity: 0.4;
-  filter: alpha(opacity=40);
+  opacity: 0.5;
+  filter: alpha(opacity=50);
 }
 
 button.close {
@@ -4058,6 +4058,62 @@ button.close {
   border-right-width: 0;
 }
 
+.alert {
+  padding: 8px 35px 8px 14px;
+  margin-bottom: 20px;
+  color: #c09853;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  background-color: #fcf8e3;
+  border: 1px solid #fbeed5;
+  border-radius: 4px;
+}
+
+.alert h4 {
+  margin-top: 0;
+  color: inherit;
+}
+
+.alert .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  line-height: 20px;
+  color: inherit;
+}
+
+.alert-success {
+  color: #468847;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+
+.alert-danger,
+.alert-error {
+  color: #b94a48;
+  background-color: #f2dede;
+  border-color: #eed3d7;
+}
+
+.alert-info {
+  color: #3a87ad;
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+
+.alert-block {
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
+
+.alert-block > p,
+.alert-block > ul {
+  margin-bottom: 0;
+}
+
+.alert-block p + p {
+  margin-top: 5px;
+}
+
 .thumbnail {
   display: block;
   padding: 4px;

docs/assets/css/docs.css

@@ -264,7 +264,8 @@ section > ul li {
 .bs-docs-example > select:last-child,
 .bs-docs-example > textarea:last-child,
 .bs-docs-example > .table:last-child,
-.bs-docs-example > .jumbotron:last-child {
+.bs-docs-example > .jumbotron:last-child,
+.bs-docs-example > .alert:last-child {
   margin-bottom: 0;
 }