Adjust styles for unillustrated article

gizmecano · Mar 19, 2022 · 4af09ba · 4af09ba
1 parent 59ecd4d
commit 4af09ba
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 30 deletions.
diff --git a/css/hereditor-interim.css b/css/hereditor-interim.css
@@ -10,32 +10,6 @@
     margin: 0 0 50px;
   }*/
 
-/*.post .noarticleimage .author-image {
-    width: 30px;
-    height: 30px;
-    line-height: 30px;
-    margin-right: 8px;
-    margin-bottom: -10px;
-    float: left;
-    background-size: cover;
-    border-radius: 100%;
-    text-indent: -9999px;
-  }*/
-/*.post .noarticleimage .author-name {
-    display: inline;
-  }*/
-/*.post .noarticleimage .post-meta-text {
-    color: rgba(var(--tint-fore), 0.6);
-    letter-spacing: -0.02em;
-    font-weight: 400;
-    font-style: normal;
-    font-size: 14px;
-    overflow: hidden;
-    font-family: var(--font-sns);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }*/
-
 /* ==========================================================================
    Unused styles
    These styles were present in the original theme but seem not to be used by any of the templates

diff --git a/css/hereditor-outline.css b/css/hereditor-outline.css
@@ -279,18 +279,21 @@ a:active {
     text-shadow: 0px 1px 16px rgba(var(--tint-fore), 0.6), 0px 0px 1px rgba(var(--tint-fore), 0.6);
   }
   .post .article-image .post-meta-text {
-    color: rgb(var(--tint-back));
     letter-spacing: -0.02em;
     font-weight: 400;
     font-style: normal;
-    text-shadow: 0px 1px 4px rgba(var(--tint-fore), 0.4), 0px 0px 1px rgba(var(--tint-fore), 0.6);
     font-size: 14px;
     overflow: hidden;
     font-family: var(--font-sns);
     white-space: nowrap;
     text-overflow: ellipsis;
   }
-  .post .article-image .author-image {
+  .post .article-image .post-meta-text {
+    color: rgb(var(--tint-back));
+    text-shadow: 0px 1px 4px rgba(var(--tint-fore), 0.4), 0px 0px 1px rgba(var(--tint-fore), 0.6);
+  }
+  .post .article-image .author-image,
+  .post .noarticleimage .author-image {
     width: 30px;
     height: 30px;
     line-height: 30px;
@@ -301,14 +304,18 @@ a:active {
     border-radius: 100%;
     text-indent: -9999px;
   }
-  .post .article-image .author-name {
+  .post .article-image .author-name,
+  .post .noarticleimage .author-name {
     display: inline;
     margin-right: 1rem;
   }
   .post .noarticleimage .post-meta {
     font-family: var(--font-sns);
     padding-top: 60px;
   }
+  .post .noarticleimage .post-meta-text {
+    color: rgba(var(--tint-fore), 0.6);
+  }
   .post .noarticleimage .post-title {
     font-weight: 700;
     font-style: normal;