design updates

htdocs/scss/app/blog.scss

@@ -408,6 +408,7 @@ body.wide .blog-post {
   }
 
   &-item {
+    @include no-underline();
     display: block;
     padding: 6px 8px;
     margin-left: -8px;

htdocs/scss/app/common.scss

@@ -112,9 +112,21 @@ a {
   text-decoration: none;
   color: $link-color;
   outline: none;
+  border-bottom: 1px $link-color-underline solid;
 }
 a:hover {
-  text-decoration: underline;
+  border-bottom-color: $link-color-underline-hover;
+}
+@mixin no-underline($underline-on-hover: false) {
+  &, &:hover {
+    border-bottom: none !important;
+  }
+
+  @if $underline-on-hover {
+    &:hover {
+      border-bottom: 1px solid $link-color-underline-hover !important;
+    }
+  }
 }
 
 p, p code {
@@ -280,6 +292,7 @@ table.contacts div.note {
 .md-image-wrap > a {
   display: block;
   max-width: 100%;
+  @include no-underline();
 }
 .md-image-note {
   line-height: 130%;
@@ -304,6 +317,9 @@ table.contacts div.note {
     float: left;
     width: 300px;
     height: 463px;
+    > a {
+      @include no-underline();
+    }
   }
   &-image {
     background: url(/img/cover.jpg?1) no-repeat 0 0;
@@ -363,19 +379,20 @@ table.contacts div.note {
   }
 }
 a.index-dl-line {
+  @include no-underline();
   text-decoration: none;
-  &:hover {
+  //&:hover {
-    > b:after {
+  //  > b:after {
-      display: block;
+  //    display: block;
-      content: '';
+  //    content: '';
-      position: absolute;
+  //    position: absolute;
-      bottom: 0;
+  //    bottom: 0;
-      left: 0;
+  //    left: 0;
-      right: 0;
+  //    right: 0;
-      height: 1px;
+  //    height: 1px;
-      background-color: $link-color-underline;
+  //    background-color: $link-color-underline;
-    }
+  //  }
-  }
+  //}
 }
 
 .bc {
@@ -397,6 +414,7 @@ a.index-dl-line {
   }
 
   > a.bc-item {
+    @include no-underline();
     background-color: $hover-hl;
     border-radius: 4px;
   }

htdocs/scss/app/files.scss

@@ -5,6 +5,7 @@
 }
 .files-list {}
 .files-list-item {
+  @include no-underline();
   display: block;
   padding: 5px 8px;
   margin-left: -8px;

htdocs/scss/app/foot.scss

@@ -6,4 +6,7 @@
   text-align: right;
   color: $dark_grey;
   > span { color: $fg; }
+  > a {
+    @include no-underline(true);
+  }
 }

htdocs/scss/app/head.scss

@@ -83,6 +83,7 @@
   padding-top: 15px;
 }
 a.head-item {
+  @include no-underline();
   color: $fg;
   font-size: $fs;
   display: inline-block;

htdocs/scss/app/mobile.scss

@@ -75,6 +75,9 @@ a.head-item:last-child > span {
   height: auto;
   margin: 0 auto 15px;
   max-width: 100%;
+  > a {
+    @include no-underline();
+  }
 }
 .index-book-updates {
   float: none;
@@ -83,6 +86,7 @@ a.head-item:last-child > span {
 .index-dl-line {
   margin-left: 0;
   padding: 20px 15px;
+  @include no-underline();
 }
 
 .footer {

htdocs/scss/colors/dark.scss

@@ -1,7 +1,8 @@
 $head_green_color: #0bad19;
 $head_red_color: #e23636;
 $link-color: #71abe5;
-$link-color-underline: #69849d;
+$link-color-underline: #42566e;
+$link-color-underline-hover: #537ca6;
 
 $hover-hl: rgba(255, 255, 255, 0.09);
 $hover-hl-darker: rgba(255, 255, 255, 0.12);

htdocs/scss/colors/light.scss

@@ -1,7 +1,10 @@
+@use 'sass:color';
+
 $head_green_color: #0bad19;
 $head_red_color: #ce1a1a;
 $link-color: #116fd4;
-$link-color-underline: #95b5da;
+$link-color-underline: rgba(17, 111, 212, 0.18);
+$link-color-underline-hover: rgba(17, 111, 212, 0.5);
 
 $hover-hl: #f0f0f0;
 $hover-hl-darker: #ebebeb;