| ... | ... |
@@ -10,6 +10,7 @@ $page-bg: #252525; |
| 10 | 10 |
$header-bg: #333; //#0c2e46; //darken(#238bd2, 32); //#263448; //#323232; |
| 11 | 11 |
$header-border: lighten($header-bg, 15); |
| 12 | 12 |
$title-color: #f2f2f2; |
| 13 |
+$subtitle-color: #aaa; |
|
| 13 | 14 |
|
| 14 | 15 |
$nav-bg: #ccc;//#3a6ea5; |
| 15 | 16 |
$nav-color: darken($nav-bg, 38); |
| ... | ... |
@@ -1,5 +1,5 @@ |
| 1 | 1 |
body > header {
|
| 2 |
- background-color: $header_bg; |
|
| 2 |
+ background-color: $header-bg; |
|
| 3 | 3 |
h1 {
|
| 4 | 4 |
display: inline-block; |
| 5 | 5 |
margin: 0; |
| ... | ... |
@@ -8,4 +8,10 @@ body > header {
|
| 8 | 8 |
text-decoration: none; |
| 9 | 9 |
} |
| 10 | 10 |
} |
| 11 |
+ h2 {
|
|
| 12 |
+ margin: .2em 0 0; |
|
| 13 |
+ @extend .sans; |
|
| 14 |
+ font-size: 1em; |
|
| 15 |
+ color: $subtitle-color; |
|
| 16 |
+ } |
|
| 11 | 17 |
} |
| ... | ... |
@@ -12,9 +12,9 @@ body > nav {
|
| 12 | 12 |
@include background-clip(padding-box); |
| 13 | 13 |
margin: 0; padding: 0; |
| 14 | 14 |
.search {
|
| 15 |
- padding: .25em .5em 0; |
|
| 15 |
+ padding: .3em .5em 0; |
|
| 16 | 16 |
font-size: .85em; |
| 17 |
- line-height: 1em; |
|
| 17 |
+ line-height: 1.1em; |
|
| 18 | 18 |
width: 95%; |
| 19 | 19 |
@include border-radius(.5em); |
| 20 | 20 |
@include background-clip(padding-box); |
| ... | ... |
@@ -41,7 +41,6 @@ body > nav {
|
| 41 | 41 |
ul {
|
| 42 | 42 |
@include horizontal-list(0); |
| 43 | 43 |
float: left; |
| 44 |
- //float: right; |
|
| 45 | 44 |
display: block; |
| 46 | 45 |
padding-top: .25em; |
| 47 | 46 |
} |
| ... | ... |
@@ -92,6 +91,12 @@ body > nav {
|
| 92 | 92 |
} |
| 93 | 93 |
} |
| 94 | 94 |
} |
| 95 |
+.no-placeholder {
|
|
| 96 |
+ body > nav .search {
|
|
| 97 |
+ background: lighten($nav-bg, 15) image-url('search.png') .3em .25em no-repeat;
|
|
| 98 |
+ text-indent: 1.3em; |
|
| 99 |
+ } |
|
| 100 |
+} |
|
| 95 | 101 |
.maskImage {
|
| 96 | 102 |
ul[role=subscription] { li, a { border: 0; padding: 0; }}
|
| 97 | 103 |
a[rel=subscribe-rss]{
|
| ... | ... |
@@ -24,12 +24,17 @@ function addSidebarToggler() {
|
| 24 | 24 |
function testFeatures() {
|
| 25 | 25 |
var features = ['maskImage']; |
| 26 | 26 |
$(features).map(function(feature){
|
| 27 |
- if(Modernizr.testAllProps(feature)) {
|
|
| 27 |
+ if (Modernizr.testAllProps(feature)) {
|
|
| 28 | 28 |
$('html').addClass(feature);
|
| 29 | 29 |
} else {
|
| 30 | 30 |
$('html').addClass('no-'+feature);
|
| 31 | 31 |
} |
| 32 | 32 |
}); |
| 33 |
+ if ("placeholder" in document.createElement("input")) {
|
|
| 34 |
+ $('html').addClass('placeholder');
|
|
| 35 |
+ } else {
|
|
| 36 |
+ $('html').addClass('no-placeholder');
|
|
| 37 |
+ } |
|
| 33 | 38 |
} |
| 34 | 39 |
|
| 35 | 40 |
function addDivLines(){
|