projects / bootswatch / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
journal: adjust hero-unit spacing, darken textColor
[bootswatch] / journal / bootstrap.css
diff --git a/journal/bootstrap.css b/journal/bootstrap.css
index de76233..3f50ea4 100644 (file)
--- a/journal/bootstrap.css
+++ b/journal/bootstrap.css
@@ -147,15 +147,15 @@ body {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 14px;
   line-height: 20px;
-  color: #888888;
+  color: #777777;
   background-color: #ffffff;
 }
 a {
-  color: #888888;
+  color: #777777;
   text-decoration: none;
 }
 a:hover {
-  color: #888888;
+  color: #777777;
   text-decoration: underline;
 }
 .img-rounded {
@@ -703,7 +703,7 @@ pre {
   padding: 0 3px 2px;
   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
   font-size: 12px;
-  color: #888888;
+  color: #777777;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -759,7 +759,7 @@ legend {
   margin-bottom: 20px;
   font-size: 21px;
   line-height: 40px;
-  color: #888888;
+  color: #777777;
   border: 0;
   border-bottom: 1px solid #e5e5e5;
 }
@@ -1260,7 +1260,7 @@ select:focus:required:invalid:focus {
 }
 .help-block,
 .help-inline {
-  color: #aeaeae;
+  color: #9d9d9d;
 }
 .help-block {
   display: block;
@@ -2509,7 +2509,7 @@ button.close {
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  color: #888888;
+  color: #777777;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   background-color: #f5f5f5;
   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
@@ -2541,7 +2541,7 @@ button.close {
 .btn.active,
 .btn.disabled,
 .btn[disabled] {
-  color: #888888;
+  color: #777777;
   background-color: #e6e6e6;
   *background-color: #d9d9d9;
 }
@@ -2553,7 +2553,7 @@ button.close {
   *margin-left: 0;
 }
 .btn:hover {
-  color: #888888;
+  color: #777777;
   text-decoration: none;
   background-color: #e6e6e6;
   *background-color: #d9d9d9;
@@ -2647,17 +2647,17 @@ input[type="button"].btn-block {
 .btn-primary {
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #909090;
-  background-image: -moz-linear-gradient(top, #959595, #888888);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#959595), to(#888888));
-  background-image: -webkit-linear-gradient(top, #959595, #888888);
-  background-image: -o-linear-gradient(top, #959595, #888888);
-  background-image: linear-gradient(to bottom, #959595, #888888);
+  background-color: #7f7f7f;
+  background-image: -moz-linear-gradient(top, #848484, #777777);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#848484), to(#777777));
+  background-image: -webkit-linear-gradient(top, #848484, #777777);
+  background-image: -o-linear-gradient(top, #848484, #777777);
+  background-image: linear-gradient(to bottom, #848484, #777777);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff959595', endColorstr='#ff888888', GradientType=0);
-  border-color: #888888 #888888 #626262;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff848484', endColorstr='#ff777777', GradientType=0);
+  border-color: #777777 #777777 #515151;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #888888;
+  *background-color: #777777;
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
 
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
@@ -2668,12 +2668,12 @@ input[type="button"].btn-block {
 .btn-primary.disabled,
 .btn-primary[disabled] {
   color: #ffffff;
-  background-color: #888888;
-  *background-color: #7b7b7b;
+  background-color: #777777;
+  *background-color: #6a6a6a;
 }
 .btn-primary:active,
 .btn-primary.active {
-  background-color: #6f6f6f \9;
+  background-color: #5e5e5e \9;
 }
 .btn-warning {
   color: #ffffff;
@@ -2802,17 +2802,17 @@ input[type="button"].btn-block {
 .btn-inverse {
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #909090;
-  background-image: -moz-linear-gradient(top, #959595, #888888);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#959595), to(#888888));
-  background-image: -webkit-linear-gradient(top, #959595, #888888);
-  background-image: -o-linear-gradient(top, #959595, #888888);
-  background-image: linear-gradient(to bottom, #959595, #888888);
+  background-color: #7f7f7f;
+  background-image: -moz-linear-gradient(top, #848484, #777777);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#848484), to(#777777));
+  background-image: -webkit-linear-gradient(top, #848484, #777777);
+  background-image: -o-linear-gradient(top, #848484, #777777);
+  background-image: linear-gradient(to bottom, #848484, #777777);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff959595', endColorstr='#ff888888', GradientType=0);
-  border-color: #888888 #888888 #626262;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff848484', endColorstr='#ff777777', GradientType=0);
+  border-color: #777777 #777777 #515151;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #888888;
+  *background-color: #777777;
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
 
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
@@ -2823,12 +2823,12 @@ input[type="button"].btn-block {
 .btn-inverse.disabled,
 .btn-inverse[disabled] {
   color: #ffffff;
-  background-color: #888888;
-  *background-color: #7b7b7b;
+  background-color: #777777;
+  *background-color: #6a6a6a;
 }
 .btn-inverse:active,
 .btn-inverse.active {
-  background-color: #6f6f6f \9;
+  background-color: #5e5e5e \9;
 }
 button.btn,
 input[type="submit"].btn {
@@ -2867,18 +2867,18 @@ input[type="submit"].btn.btn-mini {
 .btn-link {
   border-color: transparent;
   cursor: pointer;
-  color: #888888;
+  color: #777777;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
 }
 .btn-link:hover {
-  color: #888888;
+  color: #777777;
   text-decoration: underline;
   background-color: transparent;
 }
 .btn-link[disabled]:hover {
-  color: #888888;
+  color: #777777;
   text-decoration: none;
 }
 .btn-group {
@@ -3014,7 +3014,7 @@ input[type="submit"].btn.btn-mini {
   background-color: #e6e6e6;
 }
 .btn-group.open .btn-primary.dropdown-toggle {
-  background-color: #888888;
+  background-color: #777777;
 }
 .btn-group.open .btn-warning.dropdown-toggle {
   background-color: #ff7f00;
@@ -3029,7 +3029,7 @@ input[type="submit"].btn.btn-mini {
   background-color: #336699;
 }
 .btn-group.open .btn-inverse.dropdown-toggle {
-  background-color: #888888;
+  background-color: #777777;
 }
 .btn .caret {
   margin-top: 8px;
@@ -3190,7 +3190,7 @@ input[type="submit"].btn.btn-mini {
 .nav-list > .active > a:hover {
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-  background-color: #888888;
+  background-color: #777777;
 }
 .nav-list [class^="icon-"] {
   margin-right: 2px;
@@ -3269,7 +3269,7 @@ input[type="submit"].btn.btn-mini {
 .nav-pills > .active > a,
 .nav-pills > .active > a:hover {
   color: #ffffff;
-  background-color: #888888;
+  background-color: #777777;
 }
 .nav-stacked > li {
   float: none;
@@ -3323,13 +3323,13 @@ input[type="submit"].btn.btn-mini {
   border-radius: 6px;
 }
 .nav .dropdown-toggle .caret {
-  border-top-color: #888888;
-  border-bottom-color: #888888;
+  border-top-color: #777777;
+  border-bottom-color: #777777;
   margin-top: 6px;
 }
 .nav .dropdown-toggle:hover .caret {
-  border-top-color: #888888;
-  border-bottom-color: #888888;
+  border-top-color: #777777;
+  border-bottom-color: #777777;
 }
 /* move down carets for tabs */
 .nav-tabs .dropdown-toggle .caret {
@@ -3471,7 +3471,7 @@ input[type="submit"].btn.btn-mini {
 .navbar {
   overflow: visible;
   margin-bottom: 20px;
-  color: #888888;
+  color: #777777;
   *position: relative;
   *z-index: 2;
 }
@@ -3913,7 +3913,7 @@ input[type="submit"].btn.btn-mini {
 .navbar-inverse .navbar-search .search-query:focus,
 .navbar-inverse .navbar-search .search-query.focused {
   padding: 5px 15px;
-  color: #888888;
+  color: #777777;
   text-shadow: 0 1px 0 #ffffff;
   background-color: #ffffff;
   border: 0;
@@ -4432,7 +4432,7 @@ input[type="submit"].btn.btn-mini {
   transition: all 0.2s ease-in-out;
 }
 a.thumbnail:hover {
-  border-color: #888888;
+  border-color: #777777;
   -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);
@@ -4510,11 +4510,11 @@ a.badge:hover {
 }
 .label-inverse,
 .badge-inverse {
-  background-color: #888888;
+  background-color: #777777;
 }
 .label-inverse[href],
 .badge-inverse[href] {
-  background-color: #6f6f6f;
+  background-color: #5e5e5e;
 }
 .btn .label,
 .btn .badge {
@@ -4827,7 +4827,7 @@ a.badge:hover {
   right: 0;
   bottom: 0;
   padding: 15px;
-  background: #888888;
+  background: #777777;
   background: rgba(0, 0, 0, 0.75);
 }
 .carousel-caption h4,
@@ -4886,7 +4886,8 @@ h3,
 h4,
 h5,
 h6 {
-  line-height: 1.5em;
+  margin: 0 0 10px;
+  line-height: 1.2;
 }
 h1 a,
 h2 a,
@@ -5001,7 +5002,7 @@ hr {
 .navbar .navbar-search .search-query,
 .navbar .navbar-search .search-query:hover {
   border: 2px solid #eeeeee;
-  color: #888888;
+  color: #777777;
 }
 .navbar .navbar-search .search-query:-moz-placeholder,
 .navbar .navbar-search .search-query:hover:-moz-placeholder {
@@ -5151,6 +5152,7 @@ legend {
   box-shadow: none;
 }
 .hero-unit {
+  padding: 30px 60px;
   border: 1px solid rgba(0, 0, 0, 0.05);
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
@@ -5160,7 +5162,8 @@ legend {
   box-shadow: none;
 }
 .hero-unit h1 {
-  line-height: 1.5em;
+  margin: 0 0 10px;
+  line-height: 1.2;
 }
 .modal {
   -webkit-border-radius: 0px;
Bootstrap watch themes