Styling updates, from Selena.

diff --git a/template/index.tmpl b/template/index.tmpl
index 87b16760ee13fa419ab310bb5e5f6d29047f6887..68a35761a5744441019af4ada75ba9a4d05a2322 100644 (file)
--- a/template/index.tmpl
+++ b/template/index.tmpl
@@ -21,12 +21,17 @@
     <div id="planetLeft">
 {% for post in posts %}
      <div class="planetPost">
-      <div class="planetPostTitle"><a href="{{post.link}}">{{post.title}}</a></div>
-      <div class="planetPostAuthor">
-       <div class="ppa_top">&nbsp;</div>
-       <p>Posted by {%if post.blogurl%}<a href="{{post.blogurl}}">{{post.author}}</a>{%else%}{{post.author}}{%endif%} on <span class="date">{{post.datetime}}</span></p>
-       <div class="ppa_bottom">&nbsp;</div>
-      </div>
+      <div class="planetPostHeaderWrap">
+       <div class="planetPostHeader">
+        <div class="planetPostTitle"><a href="{{post.link}}">{{post.title}}</a></div>
+        <b class="blf"></b><b class="b2f"></b><b class="b3f"></b><b class="b4f"></b>
+        <div class="planetPostAuthor">
+         Posted by {%if post.blogurl%}<a href="{{post.blogurl}}">{{post.author}}</a>{%else%}{{post.author}}{%endif%} on <span class="date">{{post.datetime}}</span>
+        </div><!-- end planetPostHeader -->
+        <b class="b4f"></b><b class="b3f"></b><b class="b2f"></b><b class="b1f"></b>
+        <div class="cl"></div>
+       </div><!-- end planetPostHeaderWrap -->
+      </div><!-- end planet Post -->
       <div class="planetPostContent">{{post.contents|safe}}</div>
       <div class="cl"></div>
      </div>

diff --git a/www/css/planet.css b/www/css/planet.css
index 3c7ca879f27b556f99e916d4f32bbb6c64453b78..73813a4b5f63e54786ca83e127f488b046ab6034 100644 (file)
--- a/www/css/planet.css
+++ b/www/css/planet.css
@@ -34,6 +34,9 @@ div#planetLeft {
   padding-top: 10px;
 }
 
+div.planetPostHeaderWrap {
+}
+
 div.planetNewDate {
   display: none;
   color: #ec5800;
@@ -49,11 +52,16 @@ div.planetPost {
   border-bottom: thin solid #dadada;
 }
 
+div.planetPostHeader {
+       float: left;
+       width: 100%;
+}
+
 div.planetPostTitle {
-  font-size: 20px;
+  font-size: 1.5em;
   font-style: bold;
   font-family: verdana, helvetica, arial, sans-serif;
-  padding-bottom: 15px;
+  padding-bottom: 5px;
 }
 
 div.planetPostTitle a {
@@ -64,27 +72,11 @@ div.planetPostTitle a:hover {
   text-decoration: underline;
 }
 
-div.ppa_top {
-   margin: 0 10px 0 -10px;
-   height: 27px;
-   background: url(/img/tleft.png) no-repeat top left;
-}
-
-div.ppa_bottom {
-   margin: 0 10px 0 -10px;
-   height: 27px;
-   background: url(/img/bleft.png) no-repeat top left;
-}
-
 div.planetPostAuthor {
-/*   color: #ec5800; */
-  width: 57px;
   color: #909090;
-  text-align: center;
   font-size: .8em;
   margin: 0;
   padding: 0 10px 0 10px;
-  float: left;
   background-color: #dadada;
   overflow: hidden;
 }  
@@ -99,17 +91,16 @@ div.planetPostAuthor span.date {
 
 div.planetPostContent {
   text-align: left;
-/*  float: right; 
-  width: 480px; */
-  margin-left: 85px;
+  margin-top: 20px;
 }
 
 div.planetPostContent img {
    display: block;
    margin-left: auto;
    margin-right: auto;
-max-height: 100px;
-max-width: 100px;
+   max-height: 100px;
+   max-width: 100px;
+   clear: left;
 }
 
 div#planetRight {
@@ -152,4 +143,11 @@ div.serendipity_authorpic {
    float: right;
    margin: 5px;
 }
-}
+
+.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
+.b1f {height:1px; background:#ddd; margin:0 5px;}
+.b2f {height:1px; background:#ddd; margin:0 3px;}
+.b3f {height:1px; background:#ddd; margin:0 2px;}
+.b4f {height:2px; background:#ddd; margin:0 1px;}
+.contentf {background: #ddd;}
+.contentf div {margin-left: 5px;}