Add alerts CSS

[plack-app-gruntmaster.git] / css / themes / cyborg.css

diff --git a/css/themes/cyborg.css b/css/themes/cyborg.css
index ac0b0a5724d99c08edcfde1f6f49403bc4a96088..6dafa4dcdc72c0adf8f33bbe65a50b3269f84f29 100644 (file)
--- a/css/themes/cyborg.css
+++ b/css/themes/cyborg.css
@@ -456,27 +456,27 @@ h6 .small,
 }
 h1,
 .h1 {
-  font-size: 56px;
+  font-size: 36px;
 }
 h2,
 .h2 {
-  font-size: 45px;
+  font-size: 30px;
 }
 h3,
 .h3 {
-  font-size: 34px;
+  font-size: 24px;
 }
 h4,
 .h4 {
-  font-size: 24px;
+  font-size: 18px;
 }
 h5,
 .h5 {
-  font-size: 20px;
+  font-size: 14px;
 }
 h6,
 .h6 {
-  font-size: 16px;
+  font-size: 12px;
 }
 p {
   margin: 0 0 10px;
@@ -2963,6 +2963,81 @@ tbody.collapse.in {
   background-color: #222222;
   cursor: not-allowed;
 }
+.alert {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.alert h4 {
+  margin-top: 0;
+  color: inherit;
+}
+.alert .alert-link {
+  font-weight: bold;
+}
+.alert > p,
+.alert > ul {
+  margin-bottom: 0;
+}
+.alert > p + p {
+  margin-top: 5px;
+}
+.alert-dismissable,
+.alert-dismissible {
+  padding-right: 35px;
+}
+.alert-dismissable .close,
+.alert-dismissible .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  color: inherit;
+}
+.alert-success {
+  background-color: #77b300;
+  border-color: #809a00;
+  color: #ffffff;
+}
+.alert-success hr {
+  border-top-color: #6a8000;
+}
+.alert-success .alert-link {
+  color: #e6e6e6;
+}
+.alert-info {
+  background-color: #9933cc;
+  border-color: #6e2caf;
+  color: #ffffff;
+}
+.alert-info hr {
+  border-top-color: #61279b;
+}
+.alert-info .alert-link {
+  color: #e6e6e6;
+}
+.alert-warning {
+  background-color: #ff8800;
+  border-color: #f05800;
+  color: #ffffff;
+}
+.alert-warning hr {
+  border-top-color: #d64f00;
+}
+.alert-warning .alert-link {
+  color: #e6e6e6;
+}
+.alert-danger {
+  background-color: #cc0000;
+  border-color: #bd001f;
+  color: #ffffff;
+}
+.alert-danger hr {
+  border-top-color: #a3001b;
+}
+.alert-danger .alert-link {
+  color: #e6e6e6;
+}
 .list-group {
   margin-bottom: 20px;
   padding-left: 0;