poststyle

4 files changed, 39 insertions, 48 deletions

diff --git a/assets/css/_buttom.scss b/assets/css/_buttom.scss
index e8e36de..8674f23 100644
--- a/assets/css/_buttom.scss
+++ b/assets/css/_buttom.scss
@@ -1,4 +1,4 @@
-.button {
+a.button {
   display: inline-block;
   padding: 10px 20px;
   max-width: 90%;
@@ -15,50 +15,50 @@
   }
 }
 
-.button:hover {
+a.button:hover {
   color: #333;
   background-color: #FFF;
 }
 
-.button-big {
+a.button-big {
   padding: 15px 30px;
   font-size: 160%;
   font-weight: bold;
 }
 
-.button-white {
+a.button-white {
   background-color: #FFF;
   color: #333;
   border-color: #333;
 }
 
-.button-white:hover {
+a.button-white:hover {
   background-color: #000;
   color: #FFF;
 }
 
-.button-black {
+a.button-black {
   background-color: #000;
   color: #FFF;
   border-color: #FFF;
 }
 
-.button-black:hover {
+a.button-black:hover {
   background-color: #FFF;
   color: #333;
 }
 
-.button-red {
+a.button-red {
   background-color: #fb0021;
   border: solid 2px #fb0021;
 }
 
-.button-red:hover {
+a.button-red:hover {
   background-color: #FFF;
   color: #fb0021;
 }
 
-.big-grey-button {
+a.big-grey-button {
   display: inline-block;
   max-width: 90%;
   box-sizing: border-box;
@@ -74,7 +74,7 @@
   margin: 50px auto 0;
 }
 
-.big-grey-button:hover {
+a.big-grey-button:hover {
   background-color: #FFF;
   color: #666;
 }
\ No newline at end of file
diff --git a/assets/css/_partial/_share-icon.scss b/assets/css/_partial/_share-icon.scss
index 3e1e164..b7fcd1d 100644
--- a/assets/css/_partial/_share-icon.scss
+++ b/assets/css/_partial/_share-icon.scss
@@ -1,7 +1,9 @@
 .post-info-share {
   text-align: center;
   padding: 40px 0 40px 0;
+}
 
+.post-share {
   a.share-icon {
     border-bottom: none;
     color: white;
@@ -31,9 +33,8 @@
 }
 
 .share-icon {
-  color: white;
   border-radius: 6px;
-  padding: 8px 16px 6px;
+  padding: 8px 16px 6px 16px;
 }
 
 .share-telegram {
diff --git a/assets/css/_ublogger.scss b/assets/css/_ublogger.scss
index 25f045b..9c028d4 100644
--- a/assets/css/_ublogger.scss
+++ b/assets/css/_ublogger.scss
@@ -33,23 +33,24 @@ header {
 
 article {
 
-  a:visited {
-    color: #70a0b0;
-
-    [theme=dark] & {
+  .content-block {
+    a:visited {
       color: #70a0b0;
+
+      [theme=dark] & {
+        color: #70a0b0;
+      }
     }
-  }
 
-  a {
-    border-bottom: dashed 1px;
-  }
+    a {
+      border-bottom: dashed 1px;
+    }
 
-  a[class="header-mark"], .post-footer a {
-    border-bottom: none;
+    a[class="header-mark"], .post-footer a {
+      border-bottom: none;
+    }
   }
 
-
   .content-block {
     border-radius: $article-border-radius;
     box-shadow: (0 0 1.5rem 0 rgba(0, 0, 0, .1));
@@ -362,33 +363,21 @@ a.post-tag-summary {
 }
 
 .footer-post-author {
-  margin: 20px 0 0 0;
   padding: 20px;
   background-color: $global-background-secondary-color;
   color: black;
-  border-radius: 10px 10px 0 0;
   display: inline-block;
   width: 100%;
   box-sizing: border-box;
   border: solid 2px $global-secondary-color;
-  border-bottom: none;
+  border-radius: 10px;
+  border-bottom: solid 2px #DDD;
 
   [theme=dark] & {
     background-color: $global-background-secondary-color;
   }
 }
 
-.footer-donate {
-  border: solid 2px $global-secondary-color;
-  display: inline-block;
-  width: 100%;
-  box-sizing: border-box;
-  background-color: $global-background-secondary-color;
-  color: black;
-  border-radius: 0 0 10px 10px;
-  padding: 10px;
-}
-
 .author-avatar {
   width: 105px;
   padding: 0 25px 0 0;
@@ -736,31 +725,33 @@ footer {
 
 }
 
-.post-tags {
+.post-share {
   max-width: 900px;
   width: 100%;
   min-width: 200px;
-  box-sizing: border-box;
   text-align: center;
   margin: 1rem auto;
+}
+
+.post-tags {
+  box-sizing: border-box;
 
   .tag {
     margin-top: 10px;
     margin-right: 10px;
     padding: 5px 10px 5px 10px;
-    background: $global-color-accent;
     border-radius: 4px;
-    color: white;
+    color: #DDD;
     display: inline-block;
+    border: 2px solid #DDD;
 
     [theme=dark] & {
-      background-color: $global-font-color-dark;
-      color: black;
+      color: #DDD;
     }
   }
 }
 
-.post-tags-toc {
+.post-share-toc {
   margin: 1rem 0;
 }
 
diff --git a/assets/css/_ublogger_media.scss b/assets/css/_ublogger_media.scss
index 800379e..a59e5eb 100644
--- a/assets/css/_ublogger_media.scss
+++ b/assets/css/_ublogger_media.scss
@@ -35,7 +35,7 @@
     width: 100%;
   }
 
-  .post-tags-toc {
+  .post-share-toc {
     margin: 1rem auto;
   }
 }
@@ -335,8 +335,7 @@
 
 @media print {
 
-  div.menu, .fixed-button, .toc, #toc-auto, .post-info-share,
-  .footer-donate, .post-footer, .comments, .post-tags, footer, .breadcrumbs {
+  div.menu, .fixed-button, .toc, #toc-auto, .post-info-share, .post-footer, .comments, .post-tags, footer, .breadcrumbs {
     display: none !important;
   }