Commit 426e5c35 authored by Thomas Park's avatar Thomas Park
Browse files

readable: update bg color, forms, panels, and alerts

parent d5a05962
......@@ -303,7 +303,7 @@ body {
font-size: 16px;
line-height: 1.428571429;
color: #333333;
background-color: #fcfcfc;
background-color: #ffffff;
}
input,
......@@ -352,7 +352,7 @@ img {
max-width: 100%;
padding: 4px;
line-height: 1.428571429;
background-color: #fcfcfc;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
......@@ -408,7 +408,7 @@ cite {
}
.text-muted {
color: #999999;
color: #b3b3b3;
}
.text-primary {
......@@ -420,35 +420,35 @@ cite {
}
.text-warning {
color: #c09853;
color: #f0ad4e;
}
.text-warning:hover {
color: #a47e3c;
color: #ec971f;
}
.text-danger {
color: #b94a48;
color: #d9534f;
}
.text-danger:hover {
color: #953b39;
color: #c9302c;
}
.text-success {
color: #468847;
color: #5cb85c;
}
.text-success:hover {
color: #356635;
color: #449d44;
}
.text-info {
color: #3a87ad;
color: #5bc0de;
}
.text-info:hover {
color: #2d6987;
color: #31b0d5;
}
.text-left {
......@@ -507,7 +507,7 @@ h6 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #999999;
color: #b3b3b3;
}
h1,
......@@ -686,7 +686,7 @@ dd {
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999999;
border-bottom: 1px dotted #b3b3b3;
}
abbr.initialism {
......@@ -713,7 +713,7 @@ blockquote p:last-child {
blockquote small {
display: block;
line-height: 1.428571429;
color: #999999;
color: #b3b3b3;
}
blockquote small:before {
......@@ -1743,7 +1743,7 @@ th {
}
.table .table {
background-color: #fcfcfc;
background-color: #ffffff;
}
.table-condensed > thead > tr > th,
......@@ -2026,19 +2026,19 @@ output {
}
.form-control:-moz-placeholder {
color: #999999;
color: #b3b3b3;
}
.form-control::-moz-placeholder {
color: #999999;
color: #b3b3b3;
}
.form-control:-ms-input-placeholder {
color: #999999;
color: #b3b3b3;
}
.form-control::-webkit-input-placeholder {
color: #999999;
color: #b3b3b3;
}
.form-control[disabled],
......@@ -2158,25 +2158,25 @@ textarea.input-lg {
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
color: #c09853;
color: #f0ad4e;
}
.has-warning .form-control {
border-color: #c09853;
border-color: #f0ad4e;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #a47e3c;
-webkit-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: #ec971f;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
}
.has-warning .input-group-addon {
color: #c09853;
color: #f0ad4e;
background-color: #fcf8e3;
border-color: #c09853;
border-color: #f0ad4e;
}
.has-error .help-block,
......@@ -2185,25 +2185,25 @@ textarea.input-lg {
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
color: #b94a48;
color: #d9534f;
}
.has-error .form-control {
border-color: #b94a48;
border-color: #d9534f;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #953b39;
-webkit-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: #c9302c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
}
.has-error .input-group-addon {
color: #b94a48;
color: #d9534f;
background-color: #f2dede;
border-color: #b94a48;
border-color: #d9534f;
}
.has-success .help-block,
......@@ -2212,25 +2212,25 @@ textarea.input-lg {
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color: #468847;
color: #5cb85c;
}
.has-success .form-control {
border-color: #468847;
border-color: #5cb85c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #356635;
-webkit-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: #449d44;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3;
}
.has-success .input-group-addon {
color: #468847;
color: #5cb85c;
background-color: #dff0d8;
border-color: #468847;
border-color: #5cb85c;
}
.form-control-static {
......@@ -2674,7 +2674,7 @@ fieldset[disabled] .btn-link {
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #999999;
color: #b3b3b3;
text-decoration: none;
}
......@@ -3644,7 +3644,7 @@ input[type="button"].btn-block {
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999999;
color: #b3b3b3;
}
.dropdown-menu > .disabled > a:hover,
......@@ -3669,7 +3669,7 @@ input[type="button"].btn-block {
padding: 3px 20px;
font-size: 14px;
line-height: 1.428571429;
color: #999999;
color: #b3b3b3;
}
.dropdown-backdrop {
......@@ -4282,12 +4282,12 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.nav > li.disabled > a {
color: #999999;
color: #b3b3b3;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #999999;
color: #b3b3b3;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
......@@ -4343,7 +4343,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
background-color: #fcfcfc;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
}
......@@ -4396,7 +4396,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fcfcfc;
border-bottom-color: #ffffff;
}
}
......@@ -4486,7 +4486,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fcfcfc;
border-bottom-color: #ffffff;
}
}
......@@ -4967,7 +4967,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-default {
background-color: #fcfcfc;
background-color: #ffffff;
border-color: transparent;
}
......@@ -5089,7 +5089,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-brand {
color: #999999;
color: #b3b3b3;
}
.navbar-inverse .navbar-brand:hover,
......@@ -5099,11 +5099,11 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-text {
color: #999999;
color: #b3b3b3;
}
.navbar-inverse .navbar-nav > li > a {
color: #999999;
color: #b3b3b3;
}
.navbar-inverse .navbar-nav > li > a:hover,
......@@ -5115,7 +5115,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #999999;
color: #b3b3b3;
background-color: transparent;
}
......@@ -5147,7 +5147,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #999999;
color: #b3b3b3;
background-color: transparent;
}
......@@ -5157,15 +5157,15 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color: #999999;
border-bottom-color: #999999;
border-top-color: #b3b3b3;
border-bottom-color: #b3b3b3;
}
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
border-top-color: #999999;
border-bottom-color: #999999;
border-top-color: #b3b3b3;
border-bottom-color: #b3b3b3;
}
@media (max-width: 767px) {
......@@ -5173,7 +5173,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
border-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #999999;
color: #b3b3b3;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
......@@ -5183,7 +5183,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #999999;
color: #b3b3b3;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
......@@ -5195,7 +5195,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-link {
color: #999999;
color: #b3b3b3;
}
.navbar-inverse .navbar-link:hover {
......@@ -5221,7 +5221,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.breadcrumb > .active {
color: #999999;
color: #b3b3b3;
}
.pagination {
......@@ -5274,7 +5274,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #999999;
color: #b3b3b3;
cursor: default;
background-color: #f5f5f5;
border-color: #f5f5f5;
......@@ -5286,7 +5286,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #999999;
color: #b3b3b3;
cursor: not-allowed;
background-color: #ffffff;
border-color: #dddddd;
......@@ -5418,7 +5418,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #999999;
color: #b3b3b3;
cursor: not-allowed;
background-color: #ffffff;
}
......@@ -5512,7 +5512,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #999999;
background-color: #b3b3b3;
border-radius: 10px;
}
......@@ -5549,7 +5549,7 @@ a.list-group-item.active > .badge,
font-weight: 200;
line-height: 2.1428571435;
color: inherit;
background-color: #f4f4f4;
background-color: #f7f7f7;
}
.jumbotron h1 {
......@@ -5587,7 +5587,7 @@ a.list-group-item.active > .badge,
padding: 4px;
margin-bottom: 22px;
line-height: 1.428571429;
background-color: #fcfcfc;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
......@@ -5650,59 +5650,59 @@ a.thumbnail.active {
}
.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
color: #ffffff;
background-color: #5cb85c;
border-color: #5cb85c;
}
.alert-success hr {
border-top-color: #c9e2b3;
border-top-color: #4cae4c;
}
.alert-success .alert-link {
color: #356635;
color: #e6e6e6;
}
.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
color: #ffffff;
background-color: #5bc0de;
border-color: #5bc0de;
}
.alert-info hr {
border-top-color: #a6e1ec;
border-top-color: #46b8da;
}
.alert-info .alert-link {
color: #2d6987;
color: #e6e6e6;
}
.alert-warning {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
color: #ffffff;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.alert-warning hr {
border-top-color: #f8e5be;
border-top-color: #eea236;
}
.alert-warning .alert-link {
color: #a47e3c;
color: #e6e6e6;
}
.alert-danger {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
color: #ffffff;
background-color: #d9534f;
border-color: #d9534f;
}
.alert-danger hr {
border-top-color: #e6c1c7;
border-top-color: #d43f3a;
}
.alert-danger .alert-link {
color: #953b39;
color: #e6e6e6;
}
@-webkit-keyframes progress-bar-stripes {
......@@ -6181,99 +6181,99 @@ a.list-group-item.active:focus .list-group-item-text {
}
.panel-success {
border-color: #d6e9c6;
border-color: #5cb85c;
}
.panel-success > .panel-heading {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
color: #5cb85c;
background-color: #5cb85c;
border-color: #5cb85c;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #d6e9c6;
border-top-color: #5cb85c;
}
.panel-success > .panel-heading > .dropdown .caret {
border-color: #468847 transparent;
border-color: #5cb85c transparent;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #d6e9c6;
border-bottom-color: #5cb85c;
}
.panel-warning {
border-color: #fbeed5;
border-color: #f0ad4e;
}
.panel-warning > .panel-heading {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
color: #f0ad4e;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
border-top-color: #fbeed5;
border-top-color: #f0ad4e;
}
.panel-warning > .panel-heading > .dropdown .caret {
border-color: #c09853 transparent;
border-color: #f0ad4e transparent;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #fbeed5;
border-bottom-color: #f0ad4e;
}
.panel-danger {
border-color: #eed3d7;
border-color: #d9534f;
}
.panel-danger > .panel-heading {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
color: #d9534f;
background-color: #d9534f;
border-color: #d9534f;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
border-top-color: #eed3d7;
border-top-color: #d9534f;
}
.panel-danger > .panel-heading > .dropdown .caret {
border-color: #b94a48 transparent;
border-color: #d9534f transparent;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #eed3d7;
border-bottom-color: #d9534f;
}
.panel-info {
border-color: #bce8f1;
border-color: #5bc0de;
}
.panel-info > .panel-heading {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
color: #5bc0de;
background-color: #5bc0de;
border-color: #5bc0de;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #bce8f1;
border-top-color: #5bc0de;
}
.panel-info > .panel-heading > .dropdown .caret {
border-color: #3a87ad transparent;
border-color: #5bc0de transparent;
}