Changes to hover and link colors.

Author: fluca1978

_includes/categories.html

@@ -8,7 +8,7 @@
 
     {% for cat in page.tags %}
     {% if cat == page.tags[0] %}
-    <a class="tag" href="/#{{ cat | slugify }}">
+    <a class="tag-main" href="/#{{ cat | slugify }}">
         <strong>{{ cat  }}</strong>
     </a>
     {% else %}

_includes/post_categories.html

@@ -9,11 +9,9 @@
     {% for cat in post.tags %}
     {% if cat == post.tags[0] %}
 
-    <strong>
-        <a class="tag" href="/#{{ cat | slugify }}">
+        <a class="tag-main" href="/#{{ cat | slugify }}">
             {{ cat  }}
         </a>
-    </strong>
     {% else %}
     ,
     <a class="tag" href="/#{{ cat | slugify }}">

_sass/_variables.scss

@@ -19,11 +19,6 @@ $green: #66ff66;
 $green2: #2ddbb3;
 $orange: #ff2222;
 
-$background_post_first:  #cceee6;
-$background_post_left:   #eeeeee;
-$background_post_right:  #eeeeee;
-$post_border:            #ccccff;
-$post_highlight_color:   #ccccff;
 
 // Main theme colors
 // Some cool main top: ;heme colors(violet:#8476ad;blue:#5cacee;red:#ff7373,#ff6f69;green:#6acf64,#2ddbb3;orange:#ffa268)
@@ -34,6 +29,15 @@ $navbar-hover-color:$green;        // navbar hover color (site name and navbar l
 $link-color: $orange;        // normal hyperlink color other than the ones above.
 
 
+$background_post_first:  #cceee6;
+$background_post_left:   #eeeeee;
+$background_post_right:  #eeeeee;
+$post_border:            #ccccff;
+//$post_highlight_color:   #ccccff;
+$post_highlight_color:   $mono-color;
+
+
+
 // Heading colors
 // You can play around with these too!
 $h1-color: $mono-color;

index.html

@@ -45,13 +45,13 @@
         {% else %}
 
         <div class="entry" >
-            <h1>
-                {{ loopindex }} {{ postcounter }}
-                <a href="{{ site.baseurl }}{{ post.url }}">
+            <a href="{{ site.baseurl }}{{ post.url }}">
+            <h1 align="center" >
                     {% include post_categories_icon.html %}
+                    <br/>
                     {{ post.title }}
-                </a>
             </h1>
+            </a>
 
             {{ post.excerpt }}
             <div class="categories">

style.scss

@@ -265,7 +265,7 @@ nav {
 
 .post_table_container {
     margin: 0 auto;
-    max-width: 1680px;
+    max-width: 1280px;
     padding: 0 10px;
     width: 100%;
     table-layout: fixed;
@@ -278,20 +278,48 @@ nav {
 }
 
 .post_table_article_first {
-    border: 6px solid $post_border;
+    border: 4px solid $post_border;
     background-color: $background_post_first;
     padding: 0 10px;
 }
 
+
+.categories {
+    color: $mono-color;
+
+    a {
+        color: $mono-color;
+    }
+    a:hover {
+        color: red !important;
+    }
+
+    // first tag, means it is important
+    .tag-main {
+        font-weight: bold;
+    }
+
+     // other categories/tags
+    .tag {
+        font-style: slant;
+    }
+}
+
+
 .table_posts {
     border-spacing: 10px;
     border-collapse: separate;
 
-    // hightlight table cells when mouse hover
+    // highlight table cells when mouse hover
     td:hover {
-        background: $post_highlight_color !important;
-    }
 
+        border: 4px solid red !important;
+        // background: $post_highlight_color !important;
+
+        a > h1 {
+            color: red !important;
+        }
+    }
 }
 
 .post_table_article_right {