aboutsummaryrefslogtreecommitdiff
path: root/themes/classic/sass/partials
diff options
context:
space:
mode:
authorBrandon Mathis <brandon@imathis.com>2011-06-27 16:59:21 -0400
committerBrandon Mathis <brandon@imathis.com>2011-06-27 16:59:21 -0400
commit91f0190184b605a47183d9741ea0f08e208c2cb2 (patch)
treef2fe6c99d6992844a0bc0b777ffe554d6d04a913 /themes/classic/sass/partials
parent353ccfd4ebec153a46b12faffff8ab2bba36efc8 (diff)
downloadmy_new_personal_website-91f0190184b605a47183d9741ea0f08e208c2cb2.tar.xz
my_new_personal_website-91f0190184b605a47183d9741ea0f08e208c2cb2.zip
Included Sass files which should have been in my previous commit. Oops!
How embarrassing. Also I've updated the gitignore.
Diffstat (limited to 'themes/classic/sass/partials')
-rw-r--r--themes/classic/sass/partials/_archive.scss72
-rw-r--r--themes/classic/sass/partials/_page.scss13
-rw-r--r--themes/classic/sass/partials/sidebar/_base.scss56
-rw-r--r--themes/classic/sass/partials/sidebar/_delicious.scss4
-rw-r--r--themes/classic/sass/partials/sidebar/_pinboard.scss12
-rw-r--r--themes/classic/sass/partials/sidebar/_twitter.scss33
6 files changed, 177 insertions, 13 deletions
diff --git a/themes/classic/sass/partials/_archive.scss b/themes/classic/sass/partials/_archive.scss
new file mode 100644
index 00000000..fbf0dac6
--- /dev/null
+++ b/themes/classic/sass/partials/_archive.scss
@@ -0,0 +1,72 @@
+#articles .blog-archives {
+ article {
+ padding: 1em 0 1em;
+ position: relative;
+ background: $img-border bottom left repeat-x;
+ &:last-child {
+ background: none;
+ }
+ }
+ h2 {
+ background: none;
+ display: none;
+ }
+ h1, h2 { color: $text-color; margin-bottom: .3em; }
+ h1 {
+ font-size: 1.5em;
+ a {
+ @include hover-link;
+ color: inherit;
+ &:hover { color: $link-color-hover; }
+ font-weight: normal;
+ display: inline-block;
+ }
+ }
+ a.category, time {
+ @extend .sans;
+ color: $text-color-light;
+ }
+ color: $text-color-light;
+ .entry-content { display: none; }
+ time {
+ font-size: .9em;
+ line-height: 1em;
+ .month, .day { display: inline-block; }
+ .month { text-transform: uppercase; }
+ }
+ p { margin-bottom: 1em; }
+ &, .entry-content { a { @include link-colors(inherit, $link-color-hover); }}
+ a:hover { color: $link-color-hover; }
+ @media only screen and (min-width: 550px) {
+ article { margin-left: 5em; }
+ h2 {
+ background: none;
+ display: inline-block;
+ float: left;
+ padding-top: .75em;
+ &:first-child { padding-top: .75em; }
+ }
+ time {
+ position: absolute;
+ text-align: right;
+ left: 0em;
+ top: 1.8em;
+ }
+ .year { display: none; }
+ article {
+ padding:{left: 4.5em; bottom: .7em;}
+ }
+ a.category {
+ //text-align: right;
+ line-height: 1.1em;
+ //float: right;
+ }
+ }
+}
+#articles .blog-archives.category {
+ article {
+ margin-left: 0;
+ padding-left: 6.8em;
+ }
+ .year { display: inline; }
+}
diff --git a/themes/classic/sass/partials/_page.scss b/themes/classic/sass/partials/_page.scss
deleted file mode 100644
index d8ff5449..00000000
--- a/themes/classic/sass/partials/_page.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-html {
- background: $page-bg image-url('line-tile.png') top left;
-}
-body {
- > div {
- background: $sidebar-bg image-url('noise.png') top left;
- border-bottom: 1px solid $page-border-bottom;
- > div {
- background: $main-bg image-url('noise.png') top left;
- border-right: 1px solid $sidebar-border;
- }
- }
-}
diff --git a/themes/classic/sass/partials/sidebar/_base.scss b/themes/classic/sass/partials/sidebar/_base.scss
new file mode 100644
index 00000000..861efc91
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_base.scss
@@ -0,0 +1,56 @@
+.side-shadow-border {
+ @include box-shadow(lighten($sidebar-bg, 5) 0 1px);
+}
+#articles + aside {
+ color: $sidebar-color;
+ padding-top: 1.2em;
+ text-shadow: lighten($sidebar-bg, 8) 0 1px;
+ section {
+ @extend .sans;
+ font-size: .8em;
+ line-height: 1.4em;
+ margin-bottom: 1.5em;
+ h1 {
+ margin: 1.5em 0 0;
+ padding-bottom: .2em;
+ border-bottom: 1px solid $sidebar-border;
+ @extend .side-shadow-border;
+ + p {
+ padding-top: .4em;
+ }
+ }
+ }
+ ul {
+ margin-bottom: 0.5em;
+ }
+ li {
+ list-style: none;
+ padding: .5em 0;
+ margin: 0;
+ border-bottom: 1px solid $sidebar-border;
+ @extend .side-shadow-border;
+ p:last-child {
+ margin-bottom: 0;
+ }
+ }
+ a {
+ color: inherit;
+ @include transition(color, .5s);
+ }
+ &:hover a, &:hover #tweets a { color: $sidebar-link-color;
+ &:hover { color: $sidebar-link-color-hover; }
+ }
+ #recent_posts {
+ time {
+ text-transform: uppercase;
+ font-size: .9em;
+ color: #666;
+ }
+ }
+}
+.aside-alt-link {
+ color: $sidebar-link-color-subdued;
+ &:hover {
+ color: $sidebar-link-color-subdued-hover;
+ }
+}
diff --git a/themes/classic/sass/partials/sidebar/_delicious.scss b/themes/classic/sass/partials/sidebar/_delicious.scss
new file mode 100644
index 00000000..e962702e
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_delicious.scss
@@ -0,0 +1,4 @@
+.delicious-posts {
+ a.delicious-link { margin-bottom: .5em; display: block; }
+ p { font-size: 1em; }
+}
diff --git a/themes/classic/sass/partials/sidebar/_pinboard.scss b/themes/classic/sass/partials/sidebar/_pinboard.scss
new file mode 100644
index 00000000..9f9ab461
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_pinboard.scss
@@ -0,0 +1,12 @@
+#pinboard_linkroll {
+ .pin-title, .pin-description {
+ display: block;
+ margin-bottom: .5em;
+ }
+ .pin-tag {
+ @include hover-link;
+ @extend .aside-alt-link;
+ &:after { content: ','; }
+ &:last-child:after { content: ''; }
+ }
+}
diff --git a/themes/classic/sass/partials/sidebar/_twitter.scss b/themes/classic/sass/partials/sidebar/_twitter.scss
new file mode 100644
index 00000000..36c6f62b
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_twitter.scss
@@ -0,0 +1,33 @@
+#tweets {
+ .loading {
+ background: inline-image('bird_32_gray.png') no-repeat center .5em;
+ color: darken($sidebar-bg, 18);
+ text-shadow: $main-bg 0 1px;
+ text-align: center;
+ padding: 2.5em 0 .5em;
+ &.error {
+ background: inline-image('bird_32_gray_fail.png') no-repeat center .5em;
+ }
+ }
+ a { color: $sidebar-link-color-subdued; @include hover-link; }
+ p {
+ position: relative;
+ padding-right: 1em;
+ }
+ a[href*=status]{
+ color: $twitter-status-link;
+ float: right;
+ padding: 0 0 .1em 1em;
+ position: relative; right: -1.3em;
+ text-shadow: #fff 0 1px;
+ font-size: .7em;
+ span { font-size: 1.5em; }
+ &:hover {
+ color: $sidebar-link-color-subdued-hover;
+ text-decoration: none;
+ }
+ }
+ a[href*='twitter.com/search']{
+ @extend .aside-alt-link;
+ }
+}