Working on Pro

master
Nick Sergeant 2012-08-27 23:57:40 -04:00
parent 688501d50d
commit 91ca0a0e8f
5 changed files with 73 additions and 32 deletions

View File

@ -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">

View File

@ -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>

View File

@ -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}

View File

@ -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;
}
}

View File

@ -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}