Finalize style for pages

1 files changed, 19 insertions, 16 deletions

diff --git a/assets/scss/txt.scss b/assets/scss/txt.scss
index a331d7b..ab7edef 100644
--- a/assets/scss/txt.scss
+++ b/assets/scss/txt.scss
@@ -10,10 +10,10 @@ $bg-txt-on: rgba(187, 205, 150, 1);
 $bg-vdo:    rgba(109, 144, 162, 0.7);
 $bg-vdo-on: rgba(109, 144, 162, 1);
 
-$a-link:    $bg-main;
-$a-hover:   white;
-$a-active:  black;
-$a-visited: rgba(240,240,242, 0.8);
+$a-link:    rgba(23, 123, 93, 1);
+$a-hover:   black;
+$a-active:  white;
+$a-visited: rgba(23, 123, 93, 0.8);
 
 a {
     text-decoration: none;
@@ -56,7 +56,7 @@ h1,h2,h3,h4,h5,h6 {
 body {
     font-family: $sans-serif;
     font-size: 1em; /* No rem here, bug workaround */
-    background: $bg-main;
+    background-color: $bg-main;
     color: rgba(0, 0, 0, 1);
 }
 
@@ -114,8 +114,8 @@ body > main {
     font-size: 1.6rem;
     
     > article {
+	background-color: $bg-main;
 	margin: 0 auto;
-	background: $bg-txt;
 	max-width: 60rem;
 	min-height: calc(100vh - 24rem);
 	padding: 12rem 9rem;	
@@ -126,9 +126,7 @@ body > main {
 body {
 
     &.gfx {
-	> main > article {
-	    background: $bg-gfx-on;
-	}
+	background-color: $bg-gfx-on;
 	> aside {
 	    &:hover, &:focus {
 		background-color: $bg-gfx-on;
@@ -140,9 +138,7 @@ body {
     }
     
     &.txt {
-	> main > article {
-	    background: $bg-txt-on;
-	}
+	background-color: $bg-txt-on;
 	> aside {
 	    &:hover, &:focus {
 		background-color: $bg-txt-on;
@@ -154,9 +150,7 @@ body {
     }
     
     &.vdo {
-	> main > article {
-	    background: $bg-vdo-on;
-	}
+	background-color: $bg-vdo-on;
 	> aside {
 	    &:hover, &:focus {
 		background-color: $bg-vdo-on;
@@ -189,9 +183,18 @@ body {
 		display: block;
 		background: $bg-main url(../img/aside-on.png) center left no-repeat;
 		height: 100%;
+
+		h3 {
+		    a:link, a:hover, a:active, a:visited {
+			color: transparent;
+		    }
+		}
 	    }
 
 	    ul li:hover {
+		a:hover {
+		    text-decoration: none;
+		}
 		span {
 		    display: block;
 		}
@@ -308,7 +311,7 @@ body > footer {
     right: 0;
     max-width: 60rem;
     margin: 5rem auto 2rem auto;
-
+    font-size: 1.25rem;
 }
 
 article > header {