news date and author moved below the teaser

static/main.css

@@ -3,8 +3,24 @@ a.news-title {
   color: #222
 }
 
-#hs_content .news h3 {
-  padding-left: 90px;
+p.news-footer {
+  font-size: 12px !important;
+  color: #999;
+  text-align: right !important;
+}
+
+.news-rectangle {
+  background-color: #21a;
+  border-radius: 5px;
+  color: #fff;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: bold;
+  margin: 8px 5px 5px 5px;
+  padding: 0 0 2px 0;
+  text-align: center;
+  vertical-align: middle;
+  width: 80px;
 }
 
 .news .date:before {

templates/main.html

@@ -24,13 +24,14 @@
   {% for e in entries %}
   <li class="{{e.tag}}">
       <a class="news-title" href="{{e.link}}">
-        <span class="date">{{e.updated_display}}</span>
-        <h3>{{e.title|safe}}</h3>
-        by <span class="author">{{e.author_detail.name or 'Anonymous'}}</span> 
+        <h3><span class="news-rectangle">blog</span>{{e.title|safe}}</h3>
       </a>
       <p class="news">
         {{e.summary|safe}}
       </p>
+      <p class="news-footer">
+        Ostatnio aktualizowane {{e.updated_display}} przez {{e.author_detail.name or 'Anonymous'}}
+      </p>
     </li>
   {% endfor %}
   </ul>