fixed tablet layout.

layout/layout.ftl

@@ -99,7 +99,7 @@
                     <@widget 'right' />
                 <#else >
                     <#if is_index??>
-                        <div class="column is-12-tablet is-8-desktop is-9-widescreen is-9-fullhd has-order-2 column-main"
+                        <div class="column is-8-tablet is-8-desktop is-9-widescreen is-9-fullhd has-order-2 column-main"
                              style="margin-left: 10px">
                             <div class="columns">
                                 <div class="column is-12-tablet is-12-desktop is-12-widescreen has-order-2 column-main">

source/css/style.theme.css

@@ -11,8 +11,8 @@
     --btn-bg-color:#f5f5f5;
     --btn-color: #333;
     --btn-hover-color: #eee;
-    --link-color: #F55852;
-    --link-hover-color: #F55852;
+    --link-color: #1485FE;
+    --link-hover-color: #1485FE;
 
 
     /*code highlight*/
@@ -52,8 +52,8 @@
         --navbarbgcolor: rgba(255,255,255,0.7);
         --img-default-filter: none;
         --img-hover-filter: none;
-        --link-color: #F55852;
-        --link-hover-color: #F55852;
+        --link-color: #1485FE;
+        --link-hover-color: #1485FE;
 
         /*code highlight*/
         --code-bg-color: #F1F3F3;
@@ -96,8 +96,8 @@
         --btn-bg-color:#2c2a2a;
         --btn-color: #bcbcbc;
         --btn-hover-color: #333;
-        --link-color: #F55852;
-        --link-hover-color: #F55852;
+        --link-color: #1485FE;
+        --link-hover-color: #1485FE;
 
         /*code highlight*/
         --code-bg-color: #2c2a2a;
@@ -133,10 +133,13 @@ body > .footer, body > .navbar {
     background-color: var(--cardbgcolor);
     color: var(--cardcolor);
 }
-a {
+a:hover {
     color: var(--link-color);
 }
-a:hover {
+.content a {
+    color: var(--link-color);
+}
+.content a:hover {
     color: var(--link-hover-color);
     font-weight: 400;
 }
@@ -203,7 +206,7 @@ blockquote{
 }
 
 .menu-list .level {
-    color: var(--link-color);
+    color: var(--color);
 }
 
 
@@ -211,7 +214,7 @@ blockquote{
 .menu-list a:hover {
     background-color: var(--background);
     opacity: 0.6;
-    color: var(--link-color);
+    color: var(--link-hover-color);
 }
 .tag:not(body) {
     background-color: var(--background) !important;

source/css/widget_pin.css

@@ -10,8 +10,8 @@
 }
 @media screen and (max-width: 992px) {
   .blog-slider {
-    max-width: 680px;
-    height: 400px;
+    /*max-width: 680px;*/
+    /*height: 400px;*/
   }
 }
 @media screen and (max-width: 769px) {
@@ -22,11 +22,11 @@
     margin-top: 80px;
   }
 }
-@media screen and (max-height: 500px) and (min-width: 992px) {
-  .blog-slider {
-    height: 350px;
-  }
-}
+/*@media screen and (max-height: 500px) and (min-width: 992px) {*/
+/*  .blog-slider {*/
+/*    height: 350px;*/
+/*  }*/
+/*}*/
 .blog-slider__item {
   display: flex;
   align-items: center;
@@ -130,11 +130,11 @@
     width: 95%;
   }
 }
-@media screen and (max-height: 500px) and (min-width: 992px) {
-  .blog-slider__img {
-    height: 270px;
-  }
-}
+/*@media screen and (max-height: 500px) and (min-width: 992px) {*/
+/*  .blog-slider__img {*/
+/*    height: 270px;*/
+/*  }*/
+/*}*/
 .blog-slider__content {
   padding-right: 25px;
 }