Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Tweaks to blog post design

  • Loading branch information...
commit ab2107d1625dcddf138d5eb43b2c9174bb48f1ca 1 parent 6034c85
@jamessanders jamessanders authored
View
5 blogdata/templates/post.tpl
@@ -2,11 +2,12 @@
<apply template="page">
<div id="blog-post">
- <h2>
+
+ <h2 class="crumb-title">
<span itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a itemprop="url" href="/blog"><span itemprop="title">Blog</span></a>
</span>
- <span style="color: #ccc;">&raquo;</span>
+ <span class="crumb-divider" >&raquo;</span>
<span itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a itemprop="url" href="#"><span itemprop="title"><post:title/></span></a>
</span>
View
83 static/media/css/main.css
@@ -4,7 +4,7 @@
* tag definitions
------------------------------------------------------------------------*/
body,html{
- font-size: 18px;
+ font-size: 16px;
font-family: "Georgia", serif;
line-height: 29px;
color:#0c1a30;
@@ -20,7 +20,10 @@ tt, code, pre {
}
/*a:link,a:visited{ color: #ad104f; text-decoration: none; }*/
-a:link,a:visited{ color: #2B7EA1; text-decoration: none; }
+a:link,a:visited{
+ color: #2B7EA1;
+ text-decoration: none;
+}
h1{
font-size: 22px;
@@ -69,6 +72,7 @@ ul {
ul li{
list-style-type: none;
+ margin-bottom: 1em;
}
ul li p:first-child { display: inline; }
@@ -80,6 +84,9 @@ ul li p {
ul li:before {
content: "» ";
+ font-size: 120%;
+ color: #666;
+
}
img {
@@ -133,12 +140,49 @@ pre.code, pre.sourceCode, pre.shell, .faqs {
color: #FFFAEB;
}
-#blog-index table {
- border-collapse:collapse;
- border-spacing:0;
+#blog-post .crumb-title {
+ font-size: 30px;
+}
+
+#blog-post .crumb-divider {
+ color:#d0e0f2;
+ font-size: 42px;
+}
+
+#blog-post .post-meta {
+ width: 180px;
+ float: left;
+ padding-top: 0px;
+ color: #456999;
+}
+
+
+#blog-post .post-date {
+ font-family: "Gill Sans", "PT Sans", "Arial", sans-serif;
+ font-size: 24px;
+ text-transform: uppercase;
+ text-align: right;
+}
+
+#blog-post .post-summary {
+ font-family: "PT Sans", "Arial", sans-serif;
+ text-align: right;
+
+ font-size: 14px;
+ line-height: 1.6em;
+}
+
+#blog-post .post-content {
margin-bottom: 29px;
+ margin-left: 20px;
+ border-left: 1px solid #c2d1e1;
+ padding-left: 20px;
+ width: 700px;
+ padding-right: 8px;
+ float: left;
}
+
#blog-index .left, #blog-index .right {
margin: 0px;
padding: 0px;
@@ -196,32 +240,6 @@ pre.code, pre.sourceCode, pre.shell, .faqs {
}
-#blog-post .post-content {
- margin-bottom: 29px;
-}
-
-#blog-post .post-meta {
- width: 226px;
- padding: 0 22px 0 0;
- float: left;
-}
-
-#blog-post .post-date {
- line-height: 29px;
- font-size: 70%;
- margin-bottom: 29px;
-}
-
-#blog-post .post-summary {
- line-height: 29px;
- color: #666;
-}
-
-#blog-post .post-content {
- width: 680px;
- padding-right: 8px;
- float: left;
-}
#blog-post .post-content hr {
width: 66%;
@@ -785,11 +803,14 @@ p.foundabug {
float:left;
margin-right: 10px;
}
+
.photo{
float: left;
margin-right: 10px;
}
+
+
#footer{
position: relative;
top: 0;
View
6 templates/index.tpl
@@ -87,14 +87,14 @@ $ mkdir foo; cd foo; snap init</pre>
<div class="inner">
<h2>New: Snap 0.6</h2>
<p>
- Snap 0.6 is an exciting new release which offers a completely
+ <strong>Snap 0.6</strong> is an exciting new release which offers a completely
redesigned extension system called
- <a href="/docs/tutorials/snaplets-tutorial">"snaplets"</a>.
+ <strong><a href="/docs/tutorials/snaplets-tutorial">&#8220;snaplets&#8221;</a></strong>.
It is now easier then ever before to write, share, reuse
code, and get your applications up and running in no time.
</p>
<p>
- <a href="/download">Install</a> Snap 0.6 now, check out the
+ <strong><a href="/download">Install</a></strong> Snap 0.6 now, check out the
<a href="/snaplets">available snaplets</a>, and
start <a href="/docs/tutorials/snaplets-tutorial">writing</a>
your own!
Please sign in to comment.
Something went wrong with that request. Please try again.