From 91ca0a0e8f97a2cdbabdb5f2f545ed52435c79a8 Mon Sep 17 00:00:00 2001
From: Nick Sergeant <nick@nicksergeant.com>
Date: Mon, 27 Aug 2012 23:57:40 -0400
Subject: [PATCH] Working on Pro

---
 .../blogs/themes/pro-adams/base.html          |  2 +-
 .../blogs/themes/pro-adams/snipt-list.html    | 44 ++++++++-------
 media/css/blog-themes/pro-adams/style.css     |  2 +-
 media/css/blog-themes/pro-adams/style.scss    | 55 ++++++++++++++++---
 media/css/pro.css                             |  2 +-
 5 files changed, 73 insertions(+), 32 deletions(-)

diff --git a/blogs/templates/blogs/themes/pro-adams/base.html b/blogs/templates/blogs/themes/pro-adams/base.html
index dde53e7..8802988 100644
--- a/blogs/templates/blogs/themes/pro-adams/base.html
+++ b/blogs/templates/blogs/themes/pro-adams/base.html
@@ -62,7 +62,7 @@
         {% endblock %}
         <section class="main group">
             <section class="content group">
-                <!--{% block content %}{% endblock %}-->
+                {% block content %}{% endblock %}
             </section>
             <aside class="main">
                 <section class="module projects">
diff --git a/blogs/templates/blogs/themes/pro-adams/snipt-list.html b/blogs/templates/blogs/themes/pro-adams/snipt-list.html
index 86abb7b..83726c7 100644
--- a/blogs/templates/blogs/themes/pro-adams/snipt-list.html
+++ b/blogs/templates/blogs/themes/pro-adams/snipt-list.html
@@ -1,24 +1,28 @@
-<article class="group">
+<article class="group {% if detail %}detail{% endif %}">
     <div class="gutter"></div>
     <div class="content-inner">
-        <a href="{{ snipt.get_full_absolute_url }}">{{ snipt.title }}</a>
-        {% if detail %}
-            {{ snipt.stylized|safe }}
-            <div id="disqus_thread"></div>
-            <script type="text/javascript">
-                var disqus_shortname = 'snipt-net';
-                {% if debug %}
-                    var disqus_developer = 1;
-                {% endif %}
-                var disqus_url = '{{ snipt.get_full_absolute_url }}{% if not snipt.public %}?key={{ snipt.key }}{% endif %}';
-                var disqus_title = '{{ snipt.title }}';
-                var disqus_identifier = {{ snipt.id }};
-                (function() {
-                    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
-                    dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
-                    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
-                })();
-            </script>
-        {% endif %}
+        <h1><a href="{{ snipt.get_full_absolute_url }}">{% firstof snipt.title 'Untitled' %}</a></h1>
+        <div class="post-content">
+            {% if not detail %}
+                {{ snipt.stylized|safe }}
+            {% else %}
+                {{ snipt.stylized|safe }}
+                <div id="disqus_thread"></div>
+                <script type="text/javascript">
+                    var disqus_shortname = 'snipt-net';
+                    {% if debug %}
+                        var disqus_developer = 1;
+                    {% endif %}
+                    var disqus_url = '{{ snipt.get_full_absolute_url }}{% if not snipt.public %}?key={{ snipt.key }}{% endif %}';
+                    var disqus_title = '{{ snipt.title }}';
+                    var disqus_identifier = {{ snipt.id }};
+                    (function() {
+                        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+                        dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
+                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+                    })();
+                </script>
+            {% endif %}
+        </div>
     </div>
 </article>
diff --git a/media/css/blog-themes/pro-adams/style.css b/media/css/blog-themes/pro-adams/style.css
index ef59d5a..ef2fbc3 100644
--- a/media/css/blog-themes/pro-adams/style.css
+++ b/media/css/blog-themes/pro-adams/style.css
@@ -1 +1 @@
-html,body{background:#FFF}body{color:#666;font:normal 14px/16px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-rendering:optimizeLegibility}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hidden{display:none}div.frame{margin:0 auto;position:relative;width:980px}div.frame div.ruler{background:#EAEAEA;height:100%;position:fixed;top:0;width:1px;z-index:49}div.frame div.left-y{margin-left:40px}div.frame div.right-y{margin-left:760px}header.main{padding:20px 0;position:relative;z-index:50}header.main a.logo{display:inline-block}header.main a.logo span.avatar{display:inline-block;height:80px;width:80px;-webkit-background-clip:padding-box;-webkit-border-radius:80px;-moz-background-clip:padding-box;-moz-border-radius:80px;border-radius:80px;background-clip:padding-box;-webkit-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-webkit-transition:box-shadow .05s linear;-moz-transition:box-shadow .05s linear;-o-transition:box-shadow .05s linear;transition:box-shadow .05s linear}header.main a.logo:hover span.avatar{-webkit-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;-moz-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000}header.main a.logo:active span.avatar{-webkit-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6)}header.main div.bio{display:inline-block;margin:9px 0 0 12px;vertical-align:top}header.main div.bio a.name{color:#666;font:500 18px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-decoration:none;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio a.name:hover{color:black}header.main div.bio p{color:#B7B7B7;font:500 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;margin-top:1px;max-width:400px}header.main div.bio p a{color:#B7B7B7;font-weight:bold;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio p a:hover{color:#666}section.main section.content{float:left;width:760px}section.main section.content div.gutter{float:left;width:80px}section.main section.content div.content-inner{float:right;margin-left:16px;width:664px}section.main aside.main{float:right;padding-left:20px;width:220px}section.main aside.main section.module{margin-bottom:40px}section.main aside.main section.module h1{color:#999;font:bold 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin-bottom:10px}section.main aside.main section.module ul li{margin:0}section.main aside.main section.module ul li a{color:#999;display:block;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;max-width:220px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}section.main aside.main section.module ul li a:before{background:#EEE;content:"";display:inline-block;margin-right:10px;height:9px;width:9px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;-moz-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;background-clip:padding-box}section.main aside.main section.module ul li a:hover{color:#666}section.main aside.main section.module ul li a:hover:before{background:#CCC}div.pagination{clear:left;margin-left:96px}
+html,body{background:#FFF}body{color:#666;font:normal 14px/16px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-rendering:optimizeLegibility}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hidden{display:none}div.frame{margin:0 auto;position:relative;width:980px}div.frame div.ruler{background:#EAEAEA;height:100%;position:fixed;top:0;width:1px;z-index:49}div.frame div.left-y{margin-left:40px}div.frame div.right-y{margin-left:760px}header.main{padding:20px 0 40px 0;position:relative;z-index:50}header.main a.logo{display:inline-block}header.main a.logo span.avatar{display:inline-block;height:80px;width:80px;-webkit-background-clip:padding-box;-webkit-border-radius:80px;-moz-background-clip:padding-box;-moz-border-radius:80px;border-radius:80px;background-clip:padding-box;-webkit-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-webkit-transition:box-shadow .05s linear;-moz-transition:box-shadow .05s linear;-o-transition:box-shadow .05s linear;transition:box-shadow .05s linear}header.main a.logo:hover span.avatar{-webkit-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;-moz-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000}header.main div.bio{display:inline-block;margin:9px 0 0 12px;vertical-align:top}header.main div.bio a.name{color:#666;font:500 18px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-decoration:none;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio a.name:hover{color:black}header.main div.bio p{color:#B7B7B7;font:500 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;margin-top:1px;max-width:400px}header.main div.bio p a{color:#B7B7B7;font-weight:bold;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio p a:hover{color:#666}section.main section.content{float:left;width:760px}section.main section.content div.gutter{float:left;width:80px}section.main section.content div.content-inner{float:right;margin-left:16px;margin-right:55px;width:609px}section.main aside.main{float:right;padding-left:20px;width:220px}section.main aside.main section.module{margin-bottom:40px}section.main aside.main section.module h1{color:#999;font:bold 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin-bottom:10px}section.main aside.main section.module ul li{margin:0}section.main aside.main section.module ul li a{color:#999;display:block;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;max-width:220px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}section.main aside.main section.module ul li a:before{background:#EEE;content:"";display:inline-block;margin-right:10px;height:9px;width:9px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;-moz-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;background-clip:padding-box}section.main aside.main section.module ul li a:hover{color:#666}section.main aside.main section.module ul li a:hover:before{background:#CCC}div.pagination{clear:left;margin-left:96px}article{margin:50px 0}article h1{margin-bottom:20px}article h1 a{color:#666;display:block;font:500 20px/26px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-decoration:none;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}article h1 a:hover{color:#000}article div.post-content{color:#666;font:normal 14px/22px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif}article div.post-content p{margin:20px 0}article div.post-content a{color:#666}article div.post-content a:hover{color:#000}article:first-of-type{margin-top:0}article:last-of-type{margin-bottom:0}
diff --git a/media/css/blog-themes/pro-adams/style.scss b/media/css/blog-themes/pro-adams/style.scss
index afa01a0..c6340ef 100644
--- a/media/css/blog-themes/pro-adams/style.scss
+++ b/media/css/blog-themes/pro-adams/style.scss
@@ -107,7 +107,7 @@ div.frame {
     }
 }
 header.main {
-    padding: 20px 0;
+    padding: 20px 0 40px 0;
     position: relative;
     z-index: 50;
 
@@ -134,13 +134,6 @@ header.main {
                 box-shadow: 0 0 0px 1px white, 0 0 15px 0px rgba(0, 0, 0, 1);
             }
         }
-        &:active {
-            span.avatar {
-                -webkit-box-shadow: 0 0 0px 1px white, 0 0 10px 0px rgba(0, 0, 0, .6);
-                -moz-box-shadow: 0 0 0px 1px white, 0 0 10px 0px rgba(0, 0, 0, .6);
-                box-shadow: 0 0 0px 1px white, 0 0 10px 0px rgba(0, 0, 0, .6);
-            }
-        }
     }
     div.bio {
         display: inline-block;
@@ -194,7 +187,8 @@ section.main {
         div.content-inner {
             float: right;
             margin-left: 16px;
-            width: 664px;
+            margin-right: 55px;
+            width: 609px;
         }
     }
     aside.main {
@@ -251,3 +245,46 @@ div.pagination {
     clear: left;
     margin-left: 96px;
 }
+article {
+    margin: 50px 0;
+
+    h1 {
+        margin-bottom: 20px;
+
+        a {
+            color: #666;
+            display: block;
+            font: 500 20px/26px $Helvetica;
+            text-decoration: none;
+            -webkit-transition: color .05s linear;
+            -moz-transition: color .05s linear;
+            -o-transition: color .05s linear;
+            transition: color .05s linear;
+
+            &:hover {
+                color: #000;
+            }
+        }
+    }
+    div.post-content {
+        color: #666;
+        font: normal 14px/22px $Helvetica;
+
+        p {
+            margin: 20px 0;
+        }
+        a {
+            color: #666;
+
+            &:hover {
+                color: #000;
+            }
+        }
+    }
+    &:first-of-type {
+        margin-top: 0;
+    }
+    &:last-of-type {
+        margin-bottom: 0;
+    }
+}
diff --git a/media/css/pro.css b/media/css/pro.css
index 2b68525..95bed4b 100644
--- a/media/css/pro.css
+++ b/media/css/pro.css
@@ -31,4 +31,4 @@ table {
     border-collapse: collapse;
     border-spacing: 0;
 }
-html,body{background:#FFF}body{color:#666;font:normal 14px/16px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-rendering:optimizeLegibility}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hidden{display:none}div.frame{margin:0 auto;position:relative;width:980px}div.frame div.ruler{background:#EAEAEA;height:100%;position:fixed;top:0;width:1px;z-index:49}div.frame div.left-y{margin-left:40px}div.frame div.right-y{margin-left:760px}header.main{padding:20px 0;position:relative;z-index:50}header.main a.logo{display:inline-block}header.main a.logo span.avatar{display:inline-block;height:80px;width:80px;-webkit-background-clip:padding-box;-webkit-border-radius:80px;-moz-background-clip:padding-box;-moz-border-radius:80px;border-radius:80px;background-clip:padding-box;-webkit-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-webkit-transition:box-shadow .05s linear;-moz-transition:box-shadow .05s linear;-o-transition:box-shadow .05s linear;transition:box-shadow .05s linear}header.main a.logo:hover span.avatar{-webkit-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;-moz-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000}header.main a.logo:active span.avatar{-webkit-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6)}header.main div.bio{display:inline-block;margin:9px 0 0 12px;vertical-align:top}header.main div.bio a.name{color:#666;font:500 18px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-decoration:none;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio a.name:hover{color:black}header.main div.bio p{color:#B7B7B7;font:500 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;margin-top:1px;max-width:400px}header.main div.bio p a{color:#B7B7B7;font-weight:bold;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio p a:hover{color:#666}section.main section.content{float:left;width:760px}section.main section.content div.gutter{float:left;width:80px}section.main section.content div.content-inner{float:right;margin-left:16px;width:664px}section.main aside.main{float:right;padding-left:20px;width:220px}section.main aside.main section.module{margin-bottom:40px}section.main aside.main section.module h1{color:#999;font:bold 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin-bottom:10px}section.main aside.main section.module ul li{margin:0}section.main aside.main section.module ul li a{color:#999;display:block;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;max-width:220px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}section.main aside.main section.module ul li a:before{background:#EEE;content:"";display:inline-block;margin-right:10px;height:9px;width:9px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;-moz-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;background-clip:padding-box}section.main aside.main section.module ul li a:hover{color:#666}section.main aside.main section.module ul li a:hover:before{background:#CCC}div.pagination{clear:left;margin-left:96px}
+html,body{background:#FFF}body{color:#666;font:normal 14px/16px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-rendering:optimizeLegibility}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hidden{display:none}div.frame{margin:0 auto;position:relative;width:980px}div.frame div.ruler{background:#EAEAEA;height:100%;position:fixed;top:0;width:1px;z-index:49}div.frame div.left-y{margin-left:40px}div.frame div.right-y{margin-left:760px}header.main{padding:20px 0 40px 0;position:relative;z-index:50}header.main a.logo{display:inline-block}header.main a.logo span.avatar{display:inline-block;height:80px;width:80px;-webkit-background-clip:padding-box;-webkit-border-radius:80px;-moz-background-clip:padding-box;-moz-border-radius:80px;border-radius:80px;background-clip:padding-box;-webkit-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-webkit-transition:box-shadow .05s linear;-moz-transition:box-shadow .05s linear;-o-transition:box-shadow .05s linear;transition:box-shadow .05s linear}header.main a.logo:hover span.avatar{-webkit-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;-moz-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000}header.main div.bio{display:inline-block;margin:9px 0 0 12px;vertical-align:top}header.main div.bio a.name{color:#666;font:500 18px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-decoration:none;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio a.name:hover{color:black}header.main div.bio p{color:#B7B7B7;font:500 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;margin-top:1px;max-width:400px}header.main div.bio p a{color:#B7B7B7;font-weight:bold;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio p a:hover{color:#666}section.main section.content{float:left;width:760px}section.main section.content div.gutter{float:left;width:80px}section.main section.content div.content-inner{float:right;margin-left:16px;margin-right:55px;width:609px}section.main aside.main{float:right;padding-left:20px;width:220px}section.main aside.main section.module{margin-bottom:40px}section.main aside.main section.module h1{color:#999;font:bold 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin-bottom:10px}section.main aside.main section.module ul li{margin:0}section.main aside.main section.module ul li a{color:#999;display:block;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;max-width:220px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}section.main aside.main section.module ul li a:before{background:#EEE;content:"";display:inline-block;margin-right:10px;height:9px;width:9px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;-moz-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;background-clip:padding-box}section.main aside.main section.module ul li a:hover{color:#666}section.main aside.main section.module ul li a:hover:before{background:#CCC}div.pagination{clear:left;margin-left:96px}article{margin:50px 0}article h1{margin-bottom:20px}article h1 a{color:#666;display:block;font:500 20px/26px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-decoration:none;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}article h1 a:hover{color:#000}article div.post-content{color:#666;font:normal 14px/22px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif}article div.post-content p{margin:20px 0}article div.post-content a{color:#666}article div.post-content a:hover{color:#000}article:first-of-type{margin-top:0}article:last-of-type{margin-bottom:0}