master
Nick Sergeant 2012-06-05 23:41:37 -04:00
parent a92657746a
commit 1d0ca012c1
7 changed files with 113 additions and 115 deletions

View File

@ -3,7 +3,7 @@
{% block body-class %}blog-site{% endblock %} {% block body-class %}blog-site{% endblock %}
{% block html-class %}blog-site{% endblock %} {% block html-class %}blog-site{% endblock %}
{% block page-title %}{% if blog_user.username == 'nick' %}// Nick Sergeant {% elif blog_user.username == 'blog' %}Snipt Blog{% else %}// {{ blog_user.username }}{% endif %}{% endblock %} {% block page-title %}{% if blog_user.username == 'nick' %}// Nick Sergeant {% elif blog_user.username == 'blog' %}// Snipt Blog{% else %}// {{ blog_user.username }}{% endif %}{% endblock %}
{% block page-description %}{% endblock %} {% block page-description %}{% endblock %}
{% block rochester-made %}{% endblock %} {% block rochester-made %}{% endblock %}
@ -36,6 +36,21 @@
{{ sidebar.stylized|safe }} {{ sidebar.stylized|safe }}
</section> </section>
{% endif %} {% endif %}
<section class="ad">
<div id="carbonads-container">
<div class="carbonad">
<div id="azcarbon"></div>
<script type="text/javascript">
var z = document.createElement("script");
z.type = "text/javascript";
z.async = true;
z.src = "http://engine.carbonads.com/z/12124/azcarbon_2_1_0_VERT";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(z, s);
</script>
</div>
</div>
</section>
<nav class="footer {% if sidebar %}with-sidebar{% endif %}"> <nav class="footer {% if sidebar %}with-sidebar{% endif %}">
<ul class="powered"> <ul class="powered">
<li class="snipt"><a href="https://snipt.net/">Blog powered by Snipt</a></li> <li class="snipt"><a href="https://snipt.net/">Blog powered by Snipt</a></li>

View File

@ -10,9 +10,12 @@ body.blog-site article.snipt div.group div.container header h1 {
body.blog-site section.main div.ruler { body.blog-site section.main div.ruler {
z-index: 50; z-index: 50;
} }
body.blog-site section.main aside.main nav.footer {
margin-right: 0;
}
body.blog-site section.main aside.main nav.footer ul.powered { body.blog-site section.main aside.main nav.footer ul.powered {
border-top: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD;
padding-top: 20px; padding-top: 30px;
} }
body.blog-site section.main aside.main nav.footer ul.powered li { body.blog-site section.main aside.main nav.footer ul.powered li {
background: transparent url("/static/images/favicon.png") center left no-repeat; background: transparent url("/static/images/favicon.png") center left no-repeat;
@ -27,9 +30,10 @@ body.blog-site section.main aside.main nav.footer ul.powered li a:hover {
color: #333; color: #333;
} }
body.blog-site section.main aside.main nav.footer.with-sidebar { body.blog-site section.main aside.main nav.footer.with-sidebar {
margin-top: 20px; margin-top: 30px;
} }
body.blog-site section.main aside.main section.sidebar { body.blog-site section.main aside.main section.sidebar {
margin-bottom: 30px;
margin-left: 15px; margin-left: 15px;
} }
body.blog-site section.main aside.main section.sidebar p { body.blog-site section.main aside.main section.sidebar p {

View File

@ -22,9 +22,11 @@ body.blog-site {
} }
aside.main { aside.main {
nav.footer { nav.footer {
margin-right: 0;
ul.powered { ul.powered {
border-top: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD;
padding-top: 20px; padding-top: 30px;
li { li {
background: transparent url('/static/images/favicon.png') center left no-repeat; background: transparent url('/static/images/favicon.png') center left no-repeat;
@ -42,10 +44,11 @@ body.blog-site {
} }
} }
&.with-sidebar { &.with-sidebar {
margin-top: 20px; margin-top: 30px;
} }
} }
section.sidebar { section.sidebar {
margin-bottom: 30px;
margin-left: 15px; margin-left: 15px;
p { p {
@ -100,6 +103,13 @@ body.blog-site {
z-index: 51; z-index: 51;
} }
} }
section.ad {
div.carbonad {
div#azcarbon {
}
}
}
} }
body.blog-detail { body.blog-detail {
section.main { section.main {

View File

@ -246,69 +246,37 @@ section.main aside.main {
width: 190px; width: 190px;
} }
section.main aside.main section.ad { section.main aside.main section.ad {
height: 209px; margin: 0 0 30px 15px;
margin-bottom: 28px;
} }
section.main aside.main section.ad div.asset { section.main aside.main section.ad div.carbonad {
background: #FFF; border-width: 1px;
border: 1px solid #DDDDDD; height: 231px;
margin: 0 15px 6px; width: auto;
padding: 15px 14px;
width: 130px;
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;
-webkit-border-radius: 4px; -webkit-border-radius: 5px;
-moz-background-clip: padding-box; -moz-background-clip: padding-box;
-moz-border-radius: 4px; -moz-border-radius: 5px;
border-radius: 4px; border-radius: 5px;
background-clip: padding-box; background-clip: padding-box;
} }
section.main aside.main section.ad div.asset a { section.main aside.main section.ad div.carbonad div#azcarbon span.carbonad-image a img {
color: #939393; margin-left: 21px;
display: block; margin-top: 21px;
font: normal 11px/12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
text-decoration: none;
} }
section.main aside.main section.ad div.asset a img { section.main aside.main section.ad div.carbonad div#azcarbon span.carbonad-text {
display: block; color: #999999;
margin-bottom: 10px; margin-left: 21px;
} }
section.main aside.main section.ad div.asset a:hover { section.main aside.main section.ad div.carbonad div#azcarbon span.carbonad-text a {
color: #666; color: #999999;
text-decoration: none;
} }
section.main aside.main section.ad div.meta { section.main aside.main section.ad div.carbonad div#azcarbon span.carbonad-tag {
color: #939393; margin-left: 0;
font: normal 11px/12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
margin: 0 15px;
text-align: center; text-align: center;
text-transform: uppercase; width: 100%;
} }
section.main aside.main section.ad div.meta a { section.main aside.main section.ad div.carbonad div#azcarbon span.carbonad-tag a {
color: #CCC; margin-left: 4px;
text-decoration: none;
}
section.main aside.main section.ad div.meta a:hover {
text-decoration: underline;
}
section.main aside.main section.ad.coffee {
margin-bottom: 27px;
}
section.main aside.main section.ad.coffee p {
display: block !important;
height: auto !important;
margin: 7px 0 0 0;
}
section.main aside.main section.ad.coffee > div {
height: auto !important;
margin-bottom: 0 !important;
}
section.main aside.main section.ad.coffee > div div:nth-child(1) {
margin-bottom: 6px !important;
}
section.main aside.main section.ad.coffee > div div:nth-child(2) {
font: normal 11px/12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
height: 12px;
margin: 0 !important;
} }
section.main aside.main section.tags { section.main aside.main section.tags {
margin: 0 0 45px 15px; margin: 0 0 45px 15px;

View File

@ -311,68 +311,39 @@ section.main {
width: 190px; width: 190px;
section.ad { section.ad {
height: 209px; margin: 0 0 30px 15px;
margin-bottom: 28px;
div.asset { div.carbonad {
background: #FFF; border-width: 1px;
border: 1px solid #DDDDDD; height: 231px;
margin: 0 15px 6px; width: auto;
padding: 15px 14px; @include border-radius(5px);
width: 130px;
@include border-radius(4px);
a { div#azcarbon {
color: #939393; span.carbonad-image {
display: block; a {
font: normal 11px/12px $Helvetica; img {
text-decoration: none; margin-left: 21px;
margin-top: 21px;
img { }
display: block; }
margin-bottom: 10px;
} }
&:hover { span.carbonad-text {
color: #666; color: #999999;
text-decoration: none; margin-left: 21px;
a {
color: #999999;
}
} }
} span.carbonad-tag {
} margin-left: 0;
div.meta { text-align: center;
color: #939393; width: 100%;
font: normal 11px/12px $Helvetica;
margin: 0 15px;
text-align: center;
text-transform: uppercase;
a { a {
color: #CCC; margin-left: 4px;
text-decoration: none; }
&:hover {
text-decoration: underline;
}
}
}
&.coffee {
margin-bottom: 27px;
p {
display: block !important;
height: auto !important;
margin: 7px 0 0 0;
}
& > div {
height: auto !important;
margin-bottom: 0 !important;
div:nth-child(1) {
margin-bottom: 6px !important;
}
div:nth-child(2) {
font: normal 11px/12px $Helvetica;
height: 12px;
margin: 0 !important;
} }
} }
} }

View File

@ -11,5 +11,20 @@
{% endblock %} {% endblock %}
{% block tags %} {% block tags %}
<section class="ad">
<div id="carbonads-container">
<div class="carbonad">
<div id="azcarbon"></div>
<script type="text/javascript">
var z = document.createElement("script");
z.type = "text/javascript";
z.async = true;
z.src = "http://engine.carbonads.com/z/12124/azcarbon_2_1_0_VERT";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(z, s);
</script>
</div>
</div>
</section>
{% include "snipts/tags-public.html" %} {% include "snipts/tags-public.html" %}
{% endblock %} {% endblock %}

View File

@ -34,5 +34,20 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
<section class="ad">
<div id="carbonads-container">
<div class="carbonad">
<div id="azcarbon"></div>
<script type="text/javascript">
var z = document.createElement("script");
z.type = "text/javascript";
z.async = true;
z.src = "http://engine.carbonads.com/z/12124/azcarbon_2_1_0_VERT";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(z, s);
</script>
</div>
</div>
</section>
{% include "snipts/tags-user.html" %} {% include "snipts/tags-user.html" %}
{% endblock %} {% endblock %}