Better labels in cerulean
authorThomas Park <thomas@thomaspark.me>
Sat, 11 Feb 2012 01:56:42 +0000 (20:56 -0500)
committerThomas Park <thomas@thomaspark.me>
Sat, 11 Feb 2012 01:56:42 +0000 (20:56 -0500)
cerulean/bootstrap.css
cerulean/bootstrap.min.css
cerulean/variables.less

index 0147a31..2fddfad 100644 (file)
@@ -750,22 +750,22 @@ textarea[readonly] {
   border-color: #908a62;
 }
 .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {
-  color: #f49ac1;
+  color: #c45559;
 }
 .control-group.error input, .control-group.error select, .control-group.error textarea {
-  color: #f49ac1;
-  border-color: #f49ac1;
+  color: #c45559;
+  border-color: #c45559;
 }
 .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
-  border-color: #ef6ca5;
-  -webkit-box-shadow: 0 0 6px #fef6f9;
-  -moz-box-shadow: 0 0 6px #fef6f9;
-  box-shadow: 0 0 6px #fef6f9;
+  border-color: #ab3b3f;
+  -webkit-box-shadow: 0 0 6px #dea1a3;
+  -moz-box-shadow: 0 0 6px #dea1a3;
+  box-shadow: 0 0 6px #dea1a3;
 }
 .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
-  color: #f49ac1;
+  color: #c45559;
   background-color: #eddbe3;
-  border-color: #f49ac1;
+  border-color: #c45559;
 }
 .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline {
   color: #565c4c;
@@ -2056,7 +2056,7 @@ button.btn.small, input[type="submit"].btn.small {
 .alert-error,
 .alert-danger .alert-heading,
 .alert-error .alert-heading {
-  color: #f49ac1;
+  color: #c45559;
 }
 .alert-info {
   background-color: #edebe1;
@@ -3057,16 +3057,16 @@ a.thumbnail:hover {
   border-radius: 3px;
 }
 .label-important {
-  background-color: #f49ac1;
+  background-color: #c45559;
 }
 .label-warning {
-  background-color: #dd5600;
+  background-color: #ff8d44;
 }
 .label-success {
-  background-color: #565c4c;
+  background-color: #80aa55;
 }
 .label-info {
-  background-color: #908a62;
+  background-color: #b1ad8d;
 }
 @-webkit-keyframes progress-bar-stripes {
   from {
index 7e4de0b..18b5a24 100644 (file)
@@ -152,9 +152,9 @@ input[disabled],select[disabled],textarea[disabled],input[readonly],select[reado
 .control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#908a62;}
 .control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#908a62;border-color:#908a62;}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#726d4d;-webkit-box-shadow:0 0 6px #bcb89c;-moz-box-shadow:0 0 6px #bcb89c;box-shadow:0 0 6px #bcb89c;}
 .control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#908a62;background-color:#edebe1;border-color:#908a62;}
-.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#f49ac1;}
-.control-group.error input,.control-group.error select,.control-group.error textarea{color:#f49ac1;border-color:#f49ac1;}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#ef6ca5;-webkit-box-shadow:0 0 6px #fef6f9;-moz-box-shadow:0 0 6px #fef6f9;box-shadow:0 0 6px #fef6f9;}
-.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#f49ac1;background-color:#eddbe3;border-color:#f49ac1;}
+.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#c45559;}
+.control-group.error input,.control-group.error select,.control-group.error textarea{color:#c45559;border-color:#c45559;}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#ab3b3f;-webkit-box-shadow:0 0 6px #dea1a3;-moz-box-shadow:0 0 6px #dea1a3;box-shadow:0 0 6px #dea1a3;}
+.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#c45559;background-color:#eddbe3;border-color:#c45559;}
 .control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#565c4c;}
 .control-group.success input,.control-group.success select,.control-group.success textarea{color:#565c4c;border-color:#565c4c;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#3c4035;-webkit-box-shadow:0 0 6px #8a927c;-moz-box-shadow:0 0 6px #8a927c;box-shadow:0 0 6px #8a927c;}
 .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#565c4c;background-color:#ccddbb;border-color:#565c4c;}
@@ -401,7 +401,7 @@ button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom
 .alert-success{background-color:#ccddbb;border-color:#c6d4aa;}
 .alert-success,.alert-success .alert-heading{color:#565c4c;}
 .alert-danger,.alert-error{background-color:#eddbe3;border-color:#e8d1df;}
-.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading{color:#f49ac1;}
+.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading{color:#c45559;}
 .alert-info{background-color:#edebe1;border-color:#e0d9cb;}
 .alert-info,.alert-info .alert-heading{color:#908a62;}
 .alert-block{padding-top:14px;padding-bottom:14px;}
@@ -567,10 +567,10 @@ a.thumbnail:hover{border-color:#369bd7;-webkit-box-shadow:0 1px 4px rgba(0, 105,
 .thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
 .thumbnail .caption{padding:9px;}
 .label{padding:1px 3px 2px;font-size:9.75px;font-weight:bold;color:#ffffff;text-transform:uppercase;background-color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
-.label-important{background-color:#f49ac1;}
-.label-warning{background-color:#dd5600;}
-.label-success{background-color:#565c4c;}
-.label-info{background-color:#908a62;}
+.label-important{background-color:#c45559;}
+.label-warning{background-color:#ff8d44;}
+.label-success{background-color:#80aa55;}
+.label-info{background-color:#b1ad8d;}
 @-webkit-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
 .progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
 .progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
index f7da7a7..24ce58f 100755 (executable)
@@ -72,7 +72,7 @@
 @warningBackground:       #EDEBE1;
 @warningBorder:           darken(spin(@warningBackground, -10), 3%);
 
-@errorText:               @pink;
+@errorText:               #C45559;
 @errorBackground:         #EDDBE3;
 @errorBorder:             darken(spin(@errorBackground, -10), 3%);