Skip to content

GitLab

Commit 9fc8582d authored by Thomas Park's avatar Thomas Park
Browse files

readable: change primary color from red to orange, use palette for alerts

parent 3d8d73f5
Hide whitespace changes
Inline Side-by-side
readable/bootstrap.css
View file @ 9fc8582d
......@@ -233,13 +233,13 @@ body {
}
a {
color: #9c0001;
color: #e78b24;
text-decoration: none;
}
a:hover,
a:focus {
color: #830001;
color: #da7e18;
text-decoration: underline;
}
......@@ -687,39 +687,39 @@ a.muted:focus {
}
.text-warning {
color: #c09853;
color: #e78b24;
}
a.text-warning:hover,
a.text-warning:focus {
color: #a47e3c;
color: #c37115;
}
.text-error {
color: #b94a48;
color: #9c0001;
}
a.text-error:hover,
a.text-error:focus {
color: #953b39;
color: #690001;
}
.text-info {
color: #3a87ad;
color: #0063ac;
}
a.text-info:hover,
a.text-info:focus {
color: #2d6987;
color: #004679;
}
.text-success {
color: #468847;
color: #1c9b47;
}
a.text-success:hover,
a.text-success:focus {
color: #356635;
color: #147033;
}
.text-left {
......@@ -1459,7 +1459,7 @@ input[type="checkbox"][readonly] {
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
color: #c09853;
color: #e78b24;
}
.control-group.warning .checkbox,
......@@ -1467,13 +1467,13 @@ input[type="checkbox"][readonly] {
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
color: #c09853;
color: #e78b24;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
border-color: #c09853;
border-color: #e78b24;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
......@@ -1482,23 +1482,23 @@ input[type="checkbox"][readonly] {
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
border-color: #a47e3c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
border-color: #c37115;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f1bc80;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f1bc80;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f1bc80;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
color: #c09853;
color: #e78b24;
background-color: #fcf8e3;
border-color: #c09853;
border-color: #e78b24;
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
color: #b94a48;
color: #9c0001;
}
.control-group.error .checkbox,
......@@ -1506,13 +1506,13 @@ input[type="checkbox"][readonly] {
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
color: #b94a48;
color: #9c0001;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
border-color: #b94a48;
border-color: #9c0001;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
......@@ -1521,23 +1521,23 @@ input[type="checkbox"][readonly] {
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
border-color: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
border-color: #690001;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0305;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0305;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0305;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
color: #b94a48;
color: #9c0001;
background-color: #f2dede;
border-color: #b94a48;
border-color: #9c0001;
}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
color: #468847;
color: #1c9b47;
}
.control-group.success .checkbox,
......@@ -1545,13 +1545,13 @@ input[type="checkbox"][readonly] {
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
color: #468847;
color: #1c9b47;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
border-color: #468847;
border-color: #1c9b47;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
......@@ -1560,23 +1560,23 @@ input[type="checkbox"][readonly] {
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
border-color: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
border-color: #147033;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #40dd75;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #40dd75;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #40dd75;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
color: #468847;
color: #1c9b47;
background-color: #dff0d8;
border-color: #468847;
border-color: #1c9b47;
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
color: #3a87ad;
color: #0063ac;
}
.control-group.info .checkbox,
......@@ -1584,13 +1584,13 @@ input[type="checkbox"][readonly] {
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
color: #3a87ad;
color: #0063ac;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
border-color: #3a87ad;
border-color: #0063ac;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
......@@ -1599,17 +1599,17 @@ input[type="checkbox"][readonly] {
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
border-color: #2d6987;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
border-color: #004679;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #139bff;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #139bff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #139bff;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
color: #3a87ad;
color: #0063ac;
background-color: #d9edf7;
border-color: #3a87ad;
border-color: #0063ac;
}
input:focus:invalid,
......@@ -2962,14 +2962,14 @@ table th[class*="span"],
.dropdown-submenu:focus > a {
color: #ffffff;
text-decoration: none;
background-color: #920001;
background-image: -moz-linear-gradient(top, #9c0001, #830001);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9c0001), to(#830001));
background-image: -webkit-linear-gradient(top, #9c0001, #830001);
background-image: -o-linear-gradient(top, #9c0001, #830001);
background-image: linear-gradient(to bottom, #9c0001, #830001);
background-color: #e2861f;
background-image: -moz-linear-gradient(top, #e78b24, #da7e18);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e78b24), to(#da7e18));
background-image: -webkit-linear-gradient(top, #e78b24, #da7e18);
background-image: -o-linear-gradient(top, #e78b24, #da7e18);
background-image: linear-gradient(to bottom, #e78b24, #da7e18);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9c0001', endColorstr='#ff830001', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe78b24', endColorstr='#ffda7e18', GradientType=0);
}
.dropdown-menu > .active > a,
......@@ -2977,15 +2977,15 @@ table th[class*="span"],
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #920001;
background-image: -moz-linear-gradient(top, #9c0001, #830001);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9c0001), to(#830001));
background-image: -webkit-linear-gradient(top, #9c0001, #830001);
background-image: -o-linear-gradient(top, #9c0001, #830001);
background-image: linear-gradient(to bottom, #9c0001, #830001);
background-color: #e2861f;
background-image: -moz-linear-gradient(top, #e78b24, #da7e18);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e78b24), to(#da7e18));
background-image: -webkit-linear-gradient(top, #e78b24, #da7e18);
background-image: -o-linear-gradient(top, #e78b24, #da7e18);
background-image: linear-gradient(to bottom, #e78b24, #da7e18);
background-repeat: repeat-x;
outline: 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9c0001', endColorstr='#ff830001', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe78b24', endColorstr='#ffda7e18', GradientType=0);
}
.dropdown-menu > .disabled > a,
......@@ -3105,8 +3105,8 @@ table th[class*="span"],
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
background-color: #fefefe;
border: 1px solid #ececec;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
......@@ -3201,23 +3201,23 @@ button.close {
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-color: #e9e9e9;
*background-color: #e1e1e1;
background-image: -moz-linear-gradient(top, #eeeeee, #e1e1e1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#e1e1e1));
background-image: -webkit-linear-gradient(top, #eeeeee, #e1e1e1);
background-image: -o-linear-gradient(top, #eeeeee, #e1e1e1);
background-image: linear-gradient(to bottom, #eeeeee, #e1e1e1);
background-repeat: repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: #e1e1e1 #e1e1e1 #bbbbbb;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffe1e1e1', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
......@@ -3232,13 +3232,13 @@ button.close {
.btn.disabled,
.btn[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
background-color: #e1e1e1;
*background-color: #d4d4d4;
}
.btn:active,
.btn.active {
background-color: #cccccc \9;
background-color: #c8c8c8 \9;
}
.btn:first-child {
......@@ -3353,17 +3353,17 @@ input[type="button"].btn-block {
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ab0001;
*background-color: #9c0001;
background-image: -moz-linear-gradient(top, #b60001, #9c0001);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b60001), to(#9c0001));
background-image: -webkit-linear-gradient(top, #b60001, #9c0001);
background-image: -o-linear-gradient(top, #b60001, #9c0001);
background-image: linear-gradient(to bottom, #b60001, #9c0001);
background-color: #e99232;
*background-color: #e78b24;
background-image: -moz-linear-gradient(top, #ea973b, #e78b24);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea973b), to(#e78b24));
background-image: -webkit-linear-gradient(top, #ea973b, #e78b24);
background-image: -o-linear-gradient(top, #ea973b, #e78b24);
background-image: linear-gradient(to bottom, #ea973b, #e78b24);
background-repeat: repeat-x;
border-color: #9c0001 #9c0001 #500001;
border-color: #e78b24 #e78b24 #ac6413;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb60001', endColorstr='#ff9c0001', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea973b', endColorstr='#ffe78b24', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
......@@ -3374,29 +3374,29 @@ input[type="button"].btn-block {
.btn-primary.disabled,
.btn-primary[disabled] {
color: #ffffff;
background-color: #9c0001;
*background-color: #830001;
background-color: #e78b24;
*background-color: #da7e18;
}
.btn-primary:active,
.btn-primary.active {
background-color: #690001 \9;
background-color: #c37115 \9;
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #f99a14;
*background-color: #f89406;
background-image: -moz-linear-gradient(top, #fa9f1e, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa9f1e), to(#f89406));
background-image: -webkit-linear-gradient(top, #fa9f1e, #f89406);
background-image: -o-linear-gradient(top, #fa9f1e, #f89406);
background-image: linear-gradient(to bottom, #fa9f1e, #f89406);
background-color: #f8d91c;
*background-color: #f8d60d;
background-image: -moz-linear-gradient(top, #f9da26, #f8d60d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9da26), to(#f8d60d));
background-image: -webkit-linear-gradient(top, #f9da26, #f8d60d);
background-image: -o-linear-gradient(top, #f9da26, #f8d60d);
background-image: linear-gradient(to bottom, #f9da26, #f8d60d);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
border-color: #f8d60d #f8d60d #b39a05;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa9f1e', endColorstr='#fff89406', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9da26', endColorstr='#fff8d60d', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
......@@ -3407,13 +3407,13 @@ input[type="button"].btn-block {
.btn-warning.disabled,
.btn-warning[disabled] {
color: #ffffff;
background-color: #f89406;
*background-color: #df8505;
background-color: #f8d60d;
*background-color: #e5c507;
}
.btn-warning:active,
.btn-warning.active {
background-color: #c67605 \9;
background-color: #ccaf06 \9;
}
.btn-danger {
......@@ -3589,7 +3589,7 @@ input[type="submit"].btn.btn-mini {
}
.btn-link {
color: #9c0001;
color: #e78b24;
cursor: pointer;
border-color: transparent;
-webkit-border-radius: 0;
......@@ -3599,7 +3599,7 @@ input[type="submit"].btn.btn-mini {
.btn-link:hover,
.btn-link:focus {
color: #830001;
color: #da7e18;
text-decoration: underline;
background-color: transparent;
}
......@@ -3759,15 +3759,15 @@ input[type="submit"].btn.btn-mini {
}
.btn-group.open .btn.dropdown-toggle {
background-color: #e6e6e6;
background-color: #e1e1e1;
}
.btn-group.open .btn-primary.dropdown-toggle {
background-color: #9c0001;
background-color: #e78b24;
}
.btn-group.open .btn-warning.dropdown-toggle {
background-color: #f89406;
background-color: #f8d60d;
}
.btn-group.open .btn-danger.dropdown-toggle {
......@@ -3879,7 +3879,7 @@ input[type="submit"].btn.btn-mini {
.alert,
.alert h4 {
color: #c09853;
color: #e78b24;
}
.alert h4 {
......@@ -3894,35 +3894,35 @@ input[type="submit"].btn.btn-mini {
}
.alert-success {
color: #468847;
color: #1c9b47;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success h4 {
color: #468847;
color: #1c9b47;
}
.alert-danger,
.alert-error {
color: #b94a48;
color: #9c0001;
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-danger h4,
.alert-error h4 {
color: #b94a48;
color: #9c0001;
}
.alert-info {
color: #3a87ad;
color: #0063ac;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info h4 {
color: #3a87ad;
color: #0063ac;
}
.alert-block {
......@@ -4000,7 +4000,7 @@ input[type="submit"].btn.btn-mini {
.nav-list > .active > a:focus {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #9c0001;
background-color: #e78b24;
}
.nav-list [class^="icon-"],
......@@ -4097,7 +4097,7 @@ input[type="submit"].btn.btn-mini {
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
color: #ffffff;
background-color: #9c0001;
background-color: #e78b24;
}
.nav-stacked > li {
......@@ -4165,14 +4165,14 @@ input[type="submit"].btn.btn-mini {
.nav .dropdown-toggle .caret {
margin-top: 6px;
border-top-color: #9c0001;
border-bottom-color: #9c0001;
border-top-color: #e78b24;
border-bottom-color: #e78b24;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
border-top-color: #830001;
border-bottom-color: #830001;
border-top-color: #da7e18;
border-bottom-color: #da7e18;
}
/* move down carets for tabs */
......@@ -5566,7 +5566,7 @@ input[type="submit"].btn.btn-mini {
a.thumbnail:hover,
a.thumbnail:focus {
border-color: #9c0001;
border-color: #e78b24;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
......@@ -5665,42 +5665,42 @@ a.badge:focus {
.label-important,
.badge-important {
background-color: #b94a48;
background-color: #9c0001;
}
.label-important[href],
.badge-important[href] {
background-color: #953b39;
background-color: #690001;
}
.label-warning,
.badge-warning {
background-color: #f89406;
background-color: #e78b24;
}
.label-warning[href],
.badge-warning[href] {
background-color: #c67605;
background-color: #c37115;
}
.label-success,
.badge-success {
background-color: #468847;
background-color: #1c9b47;
}
.label-success[href],
.badge-success[href] {
background-color: #356635;
background-color: #147033;
}
.label-info,
.badge-info {
background-color: #3a87ad;