Permalink
Browse files

css changes for ads4good ad code

  • Loading branch information...
1 parent 65b4017 commit ba792fcfb98ba1e2b3086c0fa88e41af4e01506b @anildigital committed Feb 15, 2010
Showing with 79 additions and 65 deletions.
  1. +11 −6 _layouts/post.html
  2. +39 −35 css/screen.css
  3. +29 −24 index.html
View
@@ -14,10 +14,15 @@
</div>
<div id="related">
- <h2>Recent Posts</h2>
- <ul class="posts">
- {% for post in site.related_posts limit:3 %}
- <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ post.url }}">{{ post.title }}</a></li>
- {% endfor %}
- </ul>
+ <div class="related_left">
+ <h2>Recent Posts</h2>
+ <ul class="posts small">
+ {% for post in site.related_posts limit:3 %}
+ <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ post.url }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </div>
+ <div class="related_right">
+ <script type="text/javascript" src="http://static.ads4good.org/adjet.js"></script> <script>ADS4GOOD.Adjet.init({ userid: 19, causeid: 4, width: 300, height: 250 }); ADS4GOOD.Adjet.render(); </script> <noscript> <a href="http://ads4good.org">Ads4Good - Engaging people in the act of Giving</a>. <a href="http://ads4good.org/causes">Support your favorite cause through your blog or website</a>. </noscript>
+ </div>
</div>
View
@@ -62,6 +62,10 @@ ul.posts {
margin-bottom: 2em;
}
+.small {
+ font-size:90%;
+}
+
ul.posts li {
line-height: 1.75em;
}
@@ -87,16 +91,6 @@ ul.posts span {
line-height: 1.5em;
}
-.site_left{
-
-
-}
-
-.site_right{
-
-
-}
-
.title {
color: #a00;
font-weight: bold;
@@ -124,44 +118,45 @@ ul.posts span {
.header {
- border-bottom:1px solid #CCCCCC;
- color:#0000AA;
- font-weight:bold;
- margin-bottom:2em;
- text-align:left;
+ border-bottom:1px solid #CCCCCC;
+ color:#0000AA;
+ font-weight:bold;
+ margin-bottom:2em;
+ text-align:left;
}
.site .header h1 {
- font-family:"Lucida Grande",Verdana,Arial,sans-serif;
- font-size:26px;
- font-weight:normal;
+ font-family:"Lucida Grande",Verdana,Arial,sans-serif;
+ font-size:26px;
+ font-weight:normal;
}
.site .header a {
- color:#0000AA;
- text-decoration:none;
+ color:#0000AA;
+ text-decoration:none;
}
.site .header a:hover {
- color:black;
+ color:black;
}
.site .header a.extra {
- color:#999;
- margin-right:2em;
- text-decoration:none;
+ color:#999;
+ margin-right:2em;
+ text-decoration:none;
}
.site .header a.extra:hover {
- color:black;
+ color:black;
}
.site #intro{
- color:#000000;
- font-size:18px;
- margin-bottom:1em;
+ color:#000000;
+ font-size:18px;
+ margin-bottom:1em;
}
.site .meta {
color: #aaa;
}
.site .footer {
+ clear:both;
font-size: 80%;
color: #666;
border-top: 4px solid #eee;
@@ -196,7 +191,7 @@ ul.posts span {
overflow: hidden;
}
.site .footer2 a {
- color: #666;
+ color: #666;
}
/*****************************************************************************/
@@ -206,9 +201,9 @@ ul.posts span {
/*****************************************************************************/
.post {
- border-bottom: 1px #ccc solid;
- padding-bottom: 10px;
- margin-bottom:30px;
+ border-bottom: 1px #ccc solid;
+ padding-bottom: 10px;
+ margin-bottom:30px;
}
/* standard */
@@ -245,11 +240,10 @@ ul.posts span {
}
-
/* date */
.post .date{
- color:#666666;
- font-style:italic;
+ color:#666666;
+ font-style:italic;
}
#related {
@@ -260,6 +254,16 @@ ul.posts span {
margin-bottom: 1em;
}
+.related_left {
+ float:left;
+ width:45%;
+}
+
+.related_right {
+ float:right;
+}
+
+
.view_comments_link {
font-size:12px;
text-align:right;
View
@@ -5,29 +5,34 @@
<div id="home">
- <h1 id="intro">The three most recent posts.</h1>
- <div>
- </div>
- {% for post in site.posts limit:3 %}
- <div class="post">
- <h2><a href="{{ post.url }}">{{post.title}}</a></h2>
- <span class="date">{{ post.date | date:"%B %d, %Y" }}</span>
- {{ post.content }}
- <div class="view_comments_link">
- <a href="{{ post.url }}#disqus_thread">View Comments</a> <br />
- </div>
- </div>
- {% endfor %}
- <div id="related">
- <h2>Previous posts</h2>
- <ul class="posts">
- {% for post in site.posts offset:3 limit:3 %}
- <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ post.url }}">{{ post.title }}</a></li>
- {% endfor %}
- </ul>
- </div>
- <div>
- <h2>Older posts... (see <a href="/archive.html">archive</a> for more)</h2>
- </div>
+ <h1 id="intro">The three most recent posts.</h1>
+ <div>
+ </div>
+ {% for post in site.posts limit:3 %}
+ <div class="post">
+ <h2><a href="{{ post.url }}">{{post.title}}</a></h2>
+ <span class="date">{{ post.date | date:"%B %d, %Y" }}</span>
+ {{ post.content }}
+ <div class="view_comments_link">
+ <a href="{{ post.url }}#disqus_thread">View Comments</a> <br />
+ </div>
+ </div>
+ {% endfor %}
+ <div id="related">
+ <div class="related_left">
+ <h2>Previous posts</h2>
+ <ul class="posts small">
+ {% for post in site.posts offset:3 limit:3 %}
+ <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ post.url }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </div>
+ <div class="related_right">
+ <script type="text/javascript" src="http://static.ads4good.org/adjet.js"></script> <script>ADS4GOOD.Adjet.init({ userid: 19, causeid: 4, width: 300, height: 250 }); ADS4GOOD.Adjet.render(); </script> <noscript> <a href="http://ads4good.org">Ads4Good - Engaging people in the act of Giving</a>. <a href="http://ads4good.org/causes">Support your favorite cause through your blog or website</a>. </noscript>
+ </div>
+ </div>
+ <div>
+ <h2>Older posts... (see <a href="/archive.html">archive</a> for more)</h2>
+ </div>
</div>

0 comments on commit ba792fc

Please sign in to comment.