fix(w3c validation): update CSS rules

fix #251
Pelican-Elegant · Aug 10, 2019 · 0b78d46 · 0b78d46
1 parent 8deb285
commit 0b78d46
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/static/css/elegant.css b/static/css/elegant.css
@@ -457,21 +457,21 @@ div.blog-archives h2 {
   position: relative;
   margin: 0;
 }
-div.blog-archives article,
-div.recent-posts article {
+div.blog-archives div,
+div.recent-posts-article {
   border-bottom: 1px dotted #aaa;
 }
-div.blog-archives article,
-div.recent-posts article {
+div.blog-archives div,
+div.recent-posts-article {
   font-size: 1.1em;
   padding: 0.3em 0.2em;
   position: relative;
   overflow: auto;
 }
-div.blog-archives article {
+div.blog-archives div {
   margin-left: 6em;
 }
-div.blog-archives article.last-entry-of-year {
+div.blog-archives div.last-entry-of-year {
   margin-bottom: 1em;
 }
 div.blog-archives time,
@@ -481,15 +481,15 @@ div.recent-posts time {
 }
 div.blog-archives time,
 div.recent-posts time,
-div.recent-posts section {
+div.recent-posts-posted {
   color: #8f8f8f;
   font: 0.9em "PT Sans", "Helvetica Neue", Arial, Sans-Serif;
 }
-div.recent-posts section a {
+div.recent-posts-posted a {
   color: inherit;
   padding-left: 0.3em;
 }
-div.recent-posts section a:hover {
+div.recent-posts-posted a:hover {
   border-bottom: 1px dashed;
   text-decoration: none;
 }

diff --git a/templates/index.html b/templates/index.html
@@ -100,7 +100,7 @@ <h1 id="recent-posts">Recent Posts <a id="allposts" href="{{ SITEURL }}/{{ ARCHI
         <div class="recent-posts">
             {% for article in articles %}
             {% if loop.index0 < RECENT_ARTICLES_COUNT %}
-            <div itemscope>
+            <div itemscope class="recent-posts-article">
                 <a href="{{ SITEURL }}/{{ article.url }}">
                     {{ article.title }}
                     {%if article.subtitle %}
@@ -109,10 +109,12 @@ <h1 id="recent-posts">Recent Posts <a id="allposts" href="{{ SITEURL }}/{{ ARCHI
                     </small>
                     {% endif %}
                 </a>
+                <div class="recent-posts-posted">
                     posted in
-                <a href="{{ SITEURL }}/{{ CATEGORIES_URL }}#{{ article.category.slug }}-ref">{{ article.category }}</a>
-                <div class="recent-posts-time">
-                <time itemprop="dateCreated" datetime="{{ article.date.isoformat() }}">{{ article.locale_date }}</time>
+                    <a href="{{ SITEURL }}/{{ CATEGORIES_URL }}#{{ article.category.slug }}-ref">{{ article.category }}</a>
+                    <div class="recent-posts-time">
+                        <time itemprop="dateCreated" datetime="{{ article.date.isoformat() }}">{{ article.locale_date }}</time>
+                    </div>
                 </div>
                 {% if RECENT_ARTICLE_SUMMARY %}
                     <p>{{article.summary}}</p>