Typographic trying out some webfonts

Media query layout improvements
Twitter now splits tweets with <br> and </p><p> on \n and \n\n
RSS icon made a bit smaller

themes/classic/sass/default/core/_layout.scss

@@ -14,7 +14,7 @@ $sidebar-width-wide: 300px;
 //html {  }
 body {
   -webkit-text-size-adjust: none;
-  max-width: 1400px;
+  max-width: 1350px;
   position: relative;
   margin: 0 auto;
   > header, > nav, > footer, #articles > article {
@@ -112,7 +112,6 @@ body {
 }
 
 @media only screen and (min-width: 992px) {
-  body > * { font-size: 1.1em; }
   body > header {
     font-size: 1.3em;
   }

themes/classic/sass/default/core/_theme.scss

@@ -25,7 +25,7 @@ $sidebar-border: darken($sidebar-bg, 7);
 
 // Blog
 $article-border: #eeeeee;
-$main-bg: #f7f7f7;
+$main-bg: #f9f8f6;
 
 $footer-color: #999999;
 //$footer-bg: #444444;

themes/classic/sass/default/core/_typography.scss

@@ -7,11 +7,10 @@ $mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
 // Fonts
 //@include font-face("Adelle", font-files("adellebasic_bold-webfont.woff", woff, "adellebasic_bold-webfont.ttf", truetype, "adellebasic_bold-webfont.svg#webfontKykxqSyz", svg), $eot: "adellebasic_bold-webfont.eot" );
 .heading {
-  font-family: "Georgia", "PT Sans", "Helvetica Neue", Arial, sans-serif;
-  font-weight: bold;
+  font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif;
 }
-.sans { font-family: "Helvetica Neue", Arial, sans-serif; }
-.serif { font-family: Georgia, Times, "Times New Roman", serif; }
+.sans { font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif; }
+.serif { font-family: "PT Serif", Georgia, Times, "Times New Roman", serif; }
 .mono { font-family: $mono; }
 
 body > header h1 {
@@ -28,7 +27,6 @@ body {
   @extend .serif;
 }
 
-
 #{headings()}{
   @extend .heading;
   text-rendering: optimizelegibility;
@@ -36,8 +34,8 @@ body {
   font-weight: normal;
 }
 h1 {
-  font-size: 2em;
-  line-height: 1.3334em
+  font-size: 2.4em;
+  line-height: 1.2em
 }
 h2, section h1 {
   font-size: 1.5em;

themes/classic/sass/default/partials/_blog.scss

@@ -1,11 +1,11 @@
+$border: inline-image('dotted-border.png');
 #articles {
   > article {
     padding-bottom: 1em;
     &:last-child { margin-bottom: 0; border-bottom: none; }
     h2 {
       padding-top: 0.8em;
-      //border-top: 3px double $type-border;
-      background: inline-image('dotted-border.png') top left repeat-x;
+      background: $border top left repeat-x;
     }
     .byline + time:before, .byline + time +time:before {
       content: "\2022 ";
@@ -17,7 +17,7 @@
       padding-top: 2em;
       margin-bottom: 1.5em;
       padding-bottom: 1.5em;
-      background: inline-image('dotted-border.png') bottom left repeat-x;
+      background: $border bottom left repeat-x;
       h1 {
         margin: 0;
         a { text-decoration: none;
@@ -30,7 +30,8 @@
         padding-top: 0;
         margin: 0;
         font-style: italic;
-        font-family: "Georgia", Palatino, Times, "Times New Roman";
+        @extend .sans;
+        //font-family: "Georgia", Palatino, Times, "Times New Roman";
       }
     }
     .entry-content {

themes/classic/sass/default/partials/_navigation.scss

@@ -95,7 +95,7 @@ body > nav {
 .maskImage {
   ul[role=subscription] { li, a { border: 0; padding: 0; }}
   a[rel=subscribe-rss]{
-    position: relative; top: -2px;
+    position: relative; top: 0px;
     width: image-width('rss.png');
     height: image-height('rss.png');
     @include mask-image('rss.png');

themes/classic/source/javascripts/twitter.js

@@ -26,7 +26,7 @@ function showTwitterFeed(tweets, twitter_user){
   var timeline = document.getElementById('tweets');
   timeline.innerHTML='';
   for (t in tweets){
-    timeline.innerHTML+='<li>'+'<p>'+'<a href="http://twitter.com/'+twitter_user+'/status/'+tweets[t].id_str+'">'+prettyDate(tweets[t].created_at)+'</a>'+linkifyTweet(tweets[t].text)+'</p>'+'</li>';
+    timeline.innerHTML+='<li>'+'<p>'+'<a href="http://twitter.com/'+twitter_user+'/status/'+tweets[t].id_str+'">'+prettyDate(tweets[t].created_at)+'</a>'+linkifyTweet(tweets[t].text.replace(/\n{2}/, '</p><p>').replace(/\n/, '<br>'))+'</p>'+'</li>';
   }
 }
 function linkifyTweet(text){