aboutsummaryrefslogtreecommitdiff
path: root/.themes/classic/sass/partials
diff options
context:
space:
mode:
Diffstat (limited to '.themes/classic/sass/partials')
-rw-r--r--.themes/classic/sass/partials/_blog.scss13
-rw-r--r--.themes/classic/sass/partials/_footer.scss2
-rw-r--r--.themes/classic/sass/partials/_navigation.scss19
-rw-r--r--.themes/classic/sass/partials/_sharing.scss2
-rw-r--r--.themes/classic/sass/partials/_sidebar.scss1
-rw-r--r--.themes/classic/sass/partials/_syntax.scss46
-rw-r--r--.themes/classic/sass/partials/sidebar/_base.scss3
-rw-r--r--.themes/classic/sass/partials/sidebar/_googleplus.scss26
-rw-r--r--.themes/classic/sass/partials/sidebar/_twitter.scss2
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;