steal some css from the blog

technoweenie · technoweenie · commit 5fe72bc9fa47 · 2012-09-05T00:52:50.000-06:00
diff --git a/content/changes/index.html b/content/changes/index.html
@@ -2,8 +2,10 @@
 title: GitHub API Changes
 ---
 
+# API Changes
+
 <% sorted_articles.each do |article| %>
-<div class="article" id="article<%= article.path %>">
+<div class="change" id="<%= article.path %>">
   <%= render '_meta', :item => article, :level => :h2 %>
   <%= article.compiled_content %>
 </div>
diff --git a/layouts/_meta.html b/layouts/_meta.html
@@ -1,4 +1,4 @@
-<<%= @level %>>
+<<%= @level %> class="title">
   <a href="<%= @item.path %>"><%= @item[:title] %></a>
 </<%= @level %>>
 
diff --git a/static/shared/css/documentation.css b/static/shared/css/documentation.css
@@ -40,6 +40,14 @@ h2 {
   body.api .content h2 {
     background: transparent url(../images/crud-sprite.png) left 2px no-repeat;
     padding-left: 22px;
+    margin-bottom: 0.5em;
+    margin-top: 1em;
+  }
+
+  body.api .change h2.title {
+    background: none;
+    padding-left: 0;
+    font-size:24px;
   }
 
 h2 span.step {
@@ -541,6 +549,23 @@ p code {
 .content .intro {
   color: #868686;
 }
+
+.change {
+  padding-bottom: 1em;
+}
+
+  .change .meta {
+    font-size: 16px;
+  }
+
+    .change .who_when .author {
+      color: #eee;
+    }
+
+    .change .who_when .published {
+      color: #ccc;
+    }
+
 /* @end */
 
 /*------------------------------------------------------------------------------
