readable: underlines navbar active, fixes #175

[bootswatch] / readable / bootstrap.css

diff --git a/readable/bootstrap.css b/readable/bootstrap.css
index a39516c..2716263 100644 (file)
--- a/readable/bootstrap.css
+++ b/readable/bootstrap.css
@@ -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;
 }
 
 .panel-info > .panel-footer + .panel-collapse .panel-body {
-  border-bottom-color: #bce8f1;
+  border-bottom-color: #5bc0de;
 }
 
 .well {
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
-  background-color: #f4f4f4;
-  border: 1px solid #e3e3e3;
+  background-color: #f7f7f7;
+  border: 1px solid #e5e5e5;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
@@ -7494,10 +7494,19 @@ td.visible-print {
   padding-top: 20px;
 }
 
-.navbar-nav > li > a:hover {
+.navbar-nav > .active > a,
+.navbar-nav > .active > a:hover {
   text-decoration: underline;
 }
 
+.navbar-default .navbar-nav > .active > a:hover {
+  color: #134fb8;
+}
+
+.navbar-inverse .navbar-nav > .active > a:hover {
+  color: #ffffff;
+}
+
 .navbar-brand {
   padding-top: 19px;
 }
@@ -7525,6 +7534,25 @@ p {
   border-color: #ddd;
 }
 
+.pagination-lg > li > a,
+.pagination-lg > li > span {
+  padding: 14px 24px;
+}
+
+.alert a,
+.alert .alert-link {
+  color: #ffffff;
+  text-decoration: underline;
+}
+
+.panel-primary .panel-heading,
+.panel-success .panel-heading,
+.panel-warning .panel-heading,
+.panel-danger .panel-heading,
+.panel-info .panel-heading {
+  color: #fff;
+}
+
 .clearfix:before,
 .clearfix:after {
   display: table;