Commit cf09bb84 authored by Thomas Park's avatar Thomas Park
Browse files

journal: adjust hero-unit spacing, darken textColor

parent 25ff979e
......@@ -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;
......
This diff is collapsed.
......@@ -10,7 +10,8 @@
h1, h2, h3, h4, h5, h6 {
line-height: 1.5em;
margin: 0 0 10px;
line-height: 1.2;
a {
color: @headingsColor;
......@@ -263,12 +264,14 @@ legend {
}
.hero-unit {
padding: 30px 60px;
border: 1px solid rgba(0,0,0,.05);
.border-radius(0);
.box-shadow(none);
h1 {
line-height: 1.5em;
margin: 0 0 10px;
line-height: 1.2;
}
}
......
......@@ -13,7 +13,7 @@
// -------------------------
@black: #000;
@grayDarker: #222;
@grayDark: #888;
@grayDark: #777;
@gray: #999;
@grayLight: #bbb;
@grayLighter: #eee;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment