make post lists look a bit more natural
authorLucian Mogosanu <lucian.mogosanu@gmail.com>
Wed, 1 Jan 2014 20:54:56 +0000 (22:54 +0200)
committerLucian Mogosanu <lucian.mogosanu@gmail.com>
Wed, 1 Jan 2014 20:54:56 +0000 (22:54 +0200)
css/default.css
templates/post-list.html

index e69028d..a750e9b 100644 (file)
@@ -13,11 +13,11 @@ h1, #header, .info {
 }
 
 h1 {
-       font-size: 26px;
+       font-size: 35px;
 }
 
 h2 {
-       font-size: 21px;
+       font-size: 27px;
 }
 
 h3 {
@@ -86,7 +86,7 @@ math {
 }
 
 .postlist {
-       font-size: 90%;
+       /*font-size: 90%;*/
 }
 
 /*
@@ -100,16 +100,24 @@ h3.pldate {
 }
 */
 
-p.plexcerpt {
+.plitem {
+       margin: 10px 0px 10px 0px;
+}
+
+.plitem a {
+       font-weight: bold;
+}
+
+.plexcerpt {
        font-size: 90%;
-       margin-top: -3px;
+       /*margin-top: -3px;*/
 }
 
 .info {
        color: #889;
        font-size: 14px;
        font-style: italic;
-       margin-top: -15px;
+       margin-top: -25px;
 }
 
 .info sup {
index f7f45ee..0d1f43a 100644 (file)
@@ -1,10 +1,8 @@
 <ul class="postlist">
 $for(posts)$
-               <li class="pltitle"><a href="$url$">$title$</a>
-               $if(excerpt)$
-               <p class="plexcerpt">
-               $excerpt$
-               </p>
+               <li class="plitem">$date$:
+               <a href="$url$">$title$</a>$if(excerpt)$:
+               <span class="plexcerpt">$excerpt$</span>
                $endif$
                </li>
 $endfor$