diff options
Diffstat (limited to '.themes/classic/sass/partials')
| -rw-r--r-- | .themes/classic/sass/partials/_blog.scss | 13 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/_footer.scss | 2 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/_navigation.scss | 19 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/_sharing.scss | 2 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/_sidebar.scss | 1 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/_syntax.scss | 46 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/sidebar/_base.scss | 3 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/sidebar/_googleplus.scss | 26 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/sidebar/_twitter.scss | 2 |
9 files changed, 76 insertions, 38 deletions
diff --git a/.themes/classic/sass/partials/_blog.scss b/.themes/classic/sass/partials/_blog.scss index 558f0a22..57fe7a8a 100644 --- a/.themes/classic/sass/partials/_blog.scss +++ b/.themes/classic/sass/partials/_blog.scss @@ -1,5 +1,4 @@ article { - overflow: hidden; padding-top: 1em; a { @extend .force-wrap; } header { @@ -74,6 +73,8 @@ article { p.meta { margin-bottom: .8em; font-size: .85em; + clear: both; + overflow: hidden; } .byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before { @extend .separator; @@ -121,14 +122,12 @@ article + article { display: inline-block; } -#content nav[role=pagination] { +#content div.pagination { text-align: center; font-size: .95em; - div { - position: relative; - background: $img-border top left repeat-x; - padding: {top: 1.5em; bottom: 1.5em;} - } + position: relative; + background: $img-border top left repeat-x; + padding: {top: 1.5em; bottom: 1.5em;} a { text-decoration: none; color: $text-color-light; diff --git a/.themes/classic/sass/partials/_footer.scss b/.themes/classic/sass/partials/_footer.scss index e750342c..37411225 100644 --- a/.themes/classic/sass/partials/_footer.scss +++ b/.themes/classic/sass/partials/_footer.scss @@ -4,7 +4,7 @@ body > footer { color: $footer-color; text-shadow: lighten($footer-bg, 5) 0 1px; background-color: $footer-bg; - @include background(image-url('noise.png'), linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11))); + @include background($footer-bg-front, $footer-bg-back); border-top: 1px solid $footer-border-top; position: relative; padding-top: 1em; diff --git a/.themes/classic/sass/partials/_navigation.scss b/.themes/classic/sass/partials/_navigation.scss index 7af9f9f7..30fa011d 100644 --- a/.themes/classic/sass/partials/_navigation.scss +++ b/.themes/classic/sass/partials/_navigation.scss @@ -1,7 +1,7 @@ body > nav { position: relative; background-color: $nav-bg; - @include background(image-url('noise.png'), linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11))); + @include background($nav-bg-front, $nav-bg-back); border: { top: 1px solid $nav-border-top; bottom: 1px solid $nav-border-bottom; } @@ -13,7 +13,7 @@ body > nav { .search { padding: .3em .5em 0; font-size: .85em; - @extend .sans; + font-family: $sans; line-height: 1.1em; width: 95%; @include border-radius(.5em); @@ -31,8 +31,8 @@ body > nav { } } } - fieldset[role=site-search]{ float: right; width: 48%; } - fieldset[role=mobile-nav]{ float: left; width: 48%; + fieldset[role=search]{ float: right; width: 48%; } + fieldset.mobile-nav{ float: left; width: 48%; select{ width: 100%; font-size: .8em; border: 1px solid #888;} } ul { display: none; } @@ -44,7 +44,7 @@ body > nav { display: block; padding-top: .15em; } - ul[role=subscription] { + ul.subscription { margin-left: .8em; float: right; li:last-child a { padding-right: 0; } @@ -54,7 +54,7 @@ body > nav { } a { @include link-colors($nav-color, $nav-color-hover, $visited: $nav-color); - @extend .sans; + font-family: $sans; text-shadow: lighten($nav-bg, 12) 0 1px; float: left; text-decoration: none; @@ -85,8 +85,8 @@ body > nav { width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 58px; .search { width: 91%; } } - fieldset[role=mobile-nav] { display: none; } - fieldset[role=site-search]{ width: 99%; } + fieldset.mobile-nav { display: none; } + fieldset[role=search]{ width: 99%; } } @media only screen and (min-width: 992px) { form { @@ -130,7 +130,8 @@ body > nav { } } } - ul[role=subscription] { position: relative; top: .2em; li, a { border: 0; padding: 0; }} + ul.subscription { position: relative; top: .2em; li, a { border: 0; padding: 0; }} a[rel=subscribe-rss]{ @include mask-subscription-nav('rss.png'); } a[rel=subscribe-email]{ @include mask-subscription-nav('email.png'); } } + diff --git a/.themes/classic/sass/partials/_sharing.scss b/.themes/classic/sass/partials/_sharing.scss index 1fa97750..3eecb488 100644 --- a/.themes/classic/sass/partials/_sharing.scss +++ b/.themes/classic/sass/partials/_sharing.scss @@ -4,3 +4,5 @@ background: $img-border top left repeat-x; } } + +#fb-root { display: none; } diff --git a/.themes/classic/sass/partials/_sidebar.scss b/.themes/classic/sass/partials/_sidebar.scss index ac790e04..eec540ba 100644 --- a/.themes/classic/sass/partials/_sidebar.scss +++ b/.themes/classic/sass/partials/_sidebar.scss @@ -1,4 +1,5 @@ @import "sidebar/base"; @import "sidebar/twitter"; +@import "sidebar/googleplus"; @import "sidebar/pinboard"; @import "sidebar/delicious"; diff --git a/.themes/classic/sass/partials/_syntax.scss b/.themes/classic/sass/partials/_syntax.scss index 25e8d329..77ac8d78 100644 --- a/.themes/classic/sass/partials/_syntax.scss +++ b/.themes/classic/sass/partials/_syntax.scss @@ -1,4 +1,5 @@ .highlight, html .gist .gist-file .gist-syntax .gist-highlight { + table td.code { width: 100%; } .line-numbers { text-align: right; font-size: 13px; @@ -20,17 +21,19 @@ } border: 1px solid $pre-border !important; } +figure.code, .gist-file, pre { + @include box-shadow(rgba(#000, .06) 0 0 10px); + .highlight pre { @include box-shadow(none); } +} + html .gist .gist-file { margin-bottom: 1.8em; position: relative; border: none; padding-top: image-height("code_bg.png") !important; .gist-syntax { - @if $solarized == dark { - border-bottom: 1px solid $base03 !important; - } @else if $solarized == light { - border-bottom: 0px; - } + border-bottom: 0 !important; + background: none !important; .gist-highlight{ background: $base03 !important; pre { @@ -45,6 +48,7 @@ html .gist .gist-file { font-size: .7em !important; @if $solarized == light { background: lighten($base03, 2) $noise-bg; + border: 1px solid $pre-border !important; border-top: 1px solid lighten($base03, 2) !important; } @else { background: $base02 $noise-bg; @@ -85,19 +89,21 @@ h3.filename { + pre { @include border-top-radius(0px); } } -p code, -li code { - @extend .mono; - display: inline-block; - white-space: no-wrap; - background: #fff; - font-size: .8em; - line-height: 1.5em; - color: #555; - border: 1px solid #ddd; - @include border-radius(.4em); - padding: 0 .3em; - margin: -1px 0; +p, li { + code { + @extend .mono; + display: inline-block; + white-space: no-wrap; + background: #fff; + font-size: .8em; + line-height: 1.5em; + color: #555; + border: 1px solid #ddd; + @include border-radius(.4em); + padding: 0 .3em; + margin: -1px 0; + } + pre code { font-size: 1em !important; background: none; border: none; } } .pre-code { @@ -201,7 +207,7 @@ pre, .highlight, .gist-highlight { } .highlight code { @extend .pre-code; background: #000;} -figure[role=code] { +figure.code { background: none; padding: 0; border: 0; @@ -216,6 +222,7 @@ figure[role=code] { margin-bottom: 0; } } + .code-title { text-align: center; font-size: 13px; @@ -243,3 +250,4 @@ figure[role=code] { text-shadow: #cbcccc 0 1px 0; padding-left: 3em; } + diff --git a/.themes/classic/sass/partials/sidebar/_base.scss b/.themes/classic/sass/partials/sidebar/_base.scss index a0d1c09e..5441304e 100644 --- a/.themes/classic/sass/partials/sidebar/_base.scss +++ b/.themes/classic/sass/partials/sidebar/_base.scss @@ -1,7 +1,8 @@ .side-shadow-border { @include box-shadow(lighten($sidebar-bg, 5) 0 1px); } -aside[role=sidebar] { +aside.sidebar { + overflow: hidden; color: $sidebar-color; text-shadow: lighten($sidebar-bg, 8) 0 1px; a { @extend .force-wrap; } diff --git a/.themes/classic/sass/partials/sidebar/_googleplus.scss b/.themes/classic/sass/partials/sidebar/_googleplus.scss new file mode 100644 index 00000000..c2a693ee --- /dev/null +++ b/.themes/classic/sass/partials/sidebar/_googleplus.scss @@ -0,0 +1,26 @@ +.googleplus { + h1 { + -moz-box-shadow: none !important; + -webkit-box-shadow: none !important; + -o-box-shadow: none !important; + box-shadow: none !important; + border-bottom: 0px none !important; + } + a { + text-decoration: none; + white-space: normal !important; + line-height: 32px; + + img { + float: left; + margin-right: 0.5em; + border: 0 none; + } + } +} + +.googleplus-hidden { + position: absolute; + top: -1000em; + left: -1000em; +} diff --git a/.themes/classic/sass/partials/sidebar/_twitter.scss b/.themes/classic/sass/partials/sidebar/_twitter.scss index ccc9b53d..dfd49b55 100644 --- a/.themes/classic/sass/partials/sidebar/_twitter.scss +++ b/.themes/classic/sass/partials/sidebar/_twitter.scss @@ -13,7 +13,7 @@ position: relative; padding-right: 1em; } - a[href*=status]{ + a[href*=status]:first-child { color: $twitter-status-link; float: right; padding: 0 0 .1em 1em; |
