1. Added html5 video with flash fallback.

2. Added Rack support
3. Disqus support
4. Improved Readme
5. Improved Syntax flexibility and styling
6. Improved blockquote styling

5 files changed, 17 insertions, 20 deletions

diff --git a/themes/classic/sass/core/_layout.scss b/themes/classic/sass/core/_layout.scss
index 8ad14a98..b24e1b29 100644
--- a/themes/classic/sass/core/_layout.scss
+++ b/themes/classic/sass/core/_layout.scss
@@ -1,8 +1,12 @@
 $max-width: 1200px !default;
+
+// Padding used for layout margins
 $pad-min: 18px !default;
 $pad-narrow: 25px !default;
 $pad-medium: 35px !default;
 $pad-wide: 55px !default;
+
+// Sidebar widths used in media queries
 $sidebar-width-medium: 240px !default;
 $sidebar-pad-medium: 15px !default;
 $sidebar-pad-wide: 20px !default;
@@ -15,7 +19,7 @@ body {
   max-width: $max-width;
   position: relative;
   margin: 0 auto;
-  > header, > nav, > footer, #articles > article {
+  > header, > nav, > footer, #articles > article, #articles > nav {
     @extend .group;
     padding-left: $pad-min;
     padding-right: $pad-min;
diff --git a/themes/classic/sass/core/_typography.scss b/themes/classic/sass/core/_typography.scss
index 3e07c93c..8ab0e657 100644
--- a/themes/classic/sass/core/_typography.scss
+++ b/themes/classic/sass/core/_typography.scss
@@ -53,7 +53,7 @@ h6, section h5, section section h4, section section section h3 {
 }
 p, blockquote, ul, ol { margin-bottom: 1.5em; }
 
-ul{ list-style-type: disc; }
+ul{ list-style-type: circle; }
 
 ol{ list-style-type: decimal; ol { list-style-type: lower-alpha; } }
 ul ul, ol ol { margin-left: 1.75em; }
diff --git a/themes/classic/sass/partials/_blog.scss b/themes/classic/sass/partials/_blog.scss
index 485f5e89..12f596a1 100644
--- a/themes/classic/sass/partials/_blog.scss
+++ b/themes/classic/sass/partials/_blog.scss
@@ -46,7 +46,6 @@ $border: inline-image('dotted-border.png');
         background: $border bottom left repeat-x;
         p.meta { position: static; }
       }
-
     }
     h1.feature {
       padding-top: .5em;
@@ -58,12 +57,15 @@ $border: inline-image('dotted-border.png');
     }
     .entry-content {
       img, video { max-width: 100%; height: auto; }
-      video { display: block; margin-bottom: 1.5em;
+      video {
+        width: 100%; display: block; margin-bottom: 1.5em;
         padding: .8em; background: #fff; border: 1px solid #eee;
         @include box-sizing(border-box);
       }
       .flash-video {
         max-width: 100%;
+        margin-bottom: 1.5em;
+        @include box-sizing(border-box);
         padding: .8em; background: #fff; border: 1px solid #eee;
         > div {
           position: relative;
@@ -82,12 +84,7 @@ $border: inline-image('dotted-border.png');
         }
       }
     }
-    #disqus_thread { }
-
     iframe.twitter-share-button {
-      //display: block;
-      //margin-top: .5em;
-      //padding: .2em 0;
       position: relative;
       top: .3em;
       padding-left: .5em;
diff --git a/themes/classic/sass/partials/_page.scss b/themes/classic/sass/partials/_page.scss
index 8bda58e1..99a07ebc 100644
--- a/themes/classic/sass/partials/_page.scss
+++ b/themes/classic/sass/partials/_page.scss
@@ -2,7 +2,6 @@ html {
   background: $page-bg inline-image('line-tile.png') top left;
 }
 body {
-  border: 0 0 1px 0 solid darken($page-bg, 5);
   > div {
     background-color: $sidebar-bg;
     border-bottom: 1px solid $page-border-bottom;
@@ -12,7 +11,3 @@ body {
     }
   }
 }
-
-@media only screen and (min-width: 1400px) {
-  body { border: 0 1px 0 solid darken($page-bg, 5); }
-}
diff --git a/themes/classic/sass/partials/_syntax.scss b/themes/classic/sass/partials/_syntax.scss
index 7ee650cb..dc6472f2 100644
--- a/themes/classic/sass/partials/_syntax.scss
+++ b/themes/classic/sass/partials/_syntax.scss
@@ -51,17 +51,20 @@ html .gist .gist-file {
   }
 }
 pre {
-  background: #fff;
-  border: 1px solid #ddd;
+  background: #333;
   @include border-radius(.4em);
   @extend .mono;
   line-height: 1.45em;
   font-size: .8em;
   margin-bottom: 1.5em;
   padding: .8em 1em;
-  color: #555;
+  color: #ccc;
   overflow: auto;
 }
+h3.filename {
+  @extend .code-title;
+  + pre { @include border-top-radius(0px); }
+}
 
 p code {
   @extend .mono;
@@ -172,16 +175,14 @@ figure {
   }
   .highlight { margin-bottom: 0; border-bottom: 1px solid darken($base03, 2) !important; }
 }
-h3.filename { @extend .code-title; }
 .code-title {
   text-align: center;
   font-size: 13px;
   line-height: 2em;
   text-shadow: #cbcccc 0 1px 0;
   color: #474747;
-  font-style: normal;
+  font-weight: normal;
   margin-bottom: 0;
-
   @include border-top-radius(5px);
   font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
   background: #aaaaaa image-url("code_bg.png") top repeat-x;