adding styling to update_at and create_at

Author: Niutoseq

docs/_static/css/general.css

@@ -15,6 +15,10 @@ p {
     }
 }
 
+span, p, div {
+    color: #404040;
+}
+
 a {
     text-decoration: none;
 }
@@ -806,6 +810,27 @@ li.wy-breadcrumbs-aside a {
 
 /* header end */
 
+/* article meta */
+.article-meta {
+    display: inline-block;
+    position: relative;
+    top: 30px;
+    font-size: 11px;
+    font-weight: 600;
+    opacity: 0.35;
+
+    &--updated {
+        opacity: 0.5;
+
+        &::after {
+            content: "•";
+            padding-left: 5px;
+        }
+    }
+}
+
+/* article meta end */
+
 /* footer */
 .edit {
     text-align: center;

docs/_static/css/main.css

@@ -215,11 +215,11 @@
         {%- endif %}
           <div role="main" class="document main-content" itemscope="itemscope" itemtype="https://schema.org/Article">
           {%- block document %}
-           {%- if created_at %}
-            <div itemprop="dateCreated">{{ created_at }}</div>
+          {%- if updated_at %}
+            <div class="article-meta article-meta--updated" itemprop="dateModified">Updated {{ updated_at }}</div>
            {%- endif %}
-           {%- if updated_at %}
-            <div itemprop="dateModified">{{ updated_at }}</div>
+           {%- if created_at %}
+            <div class="article-meta" itemprop="dateCreated">Created {{ created_at }}</div>
            {%- endif %}
            <div itemprop="articleBody">
              {% block body %}{% endblock %}