Finalize style for pages

1 files changed, 27 insertions, 22 deletions

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 174d54c..b26d0e9 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -2062,14 +2062,14 @@ there.
 a {
   text-decoration: none; }
   a:link {
-    color: #f0f0f2; }
+    color: #177b5d; }
   a:hover {
-    color: white;
+    color: black;
     text-decoration: underline; }
   a:active {
-    color: black; }
+    color: white; }
   a:visited {
-    color: rgba(240, 240, 242, 0.8); }
+    color: rgba(23, 123, 93, 0.8); }
 
 span.ps {
   background: url(../img/logo-ps.svg) top left/5rem no-repeat;
@@ -2088,7 +2088,7 @@ body {
   font-family: Abel, "Open Sans", sans-serif;
   font-size: 1em;
   /* No rem here, bug workaround */
-  background: #f0f0f2;
+  background-color: #f0f0f2;
   color: black; }
 
 body > header {
@@ -2130,30 +2130,30 @@ body > main {
   max-width: 96rem;
   font-size: 1.6rem; }
   body > main > article {
+    background-color: #f0f0f2;
     margin: 0 auto;
-    background: rgba(166, 191, 112, 0.9);
     max-width: 60rem;
     min-height: calc(100vh - 24rem);
     padding: 12rem 9rem; }
 
-body.gfx > main > article {
-  background: #cda896; }
-body.gfx > aside:hover, body.gfx > aside:focus {
+body.gfx {
   background-color: #cda896; }
-  body.gfx > aside:hover nav ul li:first-child, body.gfx > aside:focus nav ul li:first-child {
-    background: #cda896; }
-body.txt > main > article {
-  background: #bbcd96; }
-body.txt > aside:hover, body.txt > aside:focus {
+  body.gfx > aside:hover, body.gfx > aside:focus {
+    background-color: #cda896; }
+    body.gfx > aside:hover nav ul li:first-child, body.gfx > aside:focus nav ul li:first-child {
+      background: #cda896; }
+body.txt {
   background-color: #bbcd96; }
-  body.txt > aside:hover nav ul li:nth-child(2), body.txt > aside:focus nav ul li:nth-child(2) {
-    background: #bbcd96; }
-body.vdo > main > article {
-  background: #6d90a2; }
-body.vdo > aside:hover, body.vdo > aside:focus {
+  body.txt > aside:hover, body.txt > aside:focus {
+    background-color: #bbcd96; }
+    body.txt > aside:hover nav ul li:nth-child(2), body.txt > aside:focus nav ul li:nth-child(2) {
+      background: #bbcd96; }
+body.vdo {
   background-color: #6d90a2; }
-  body.vdo > aside:hover nav ul li:last-child, body.vdo > aside:focus nav ul li:last-child {
-    background: #6d90a2; }
+  body.vdo > aside:hover, body.vdo > aside:focus {
+    background-color: #6d90a2; }
+    body.vdo > aside:hover nav ul li:last-child, body.vdo > aside:focus nav ul li:last-child {
+      background: #6d90a2; }
 body > aside {
   position: fixed;
   top: calc(50% - 150px);
@@ -2173,6 +2173,10 @@ body > aside {
       display: block;
       background: #f0f0f2 url(../img/aside-on.png) center left no-repeat;
       height: 100%; }
+      body > aside:hover nav h3 a:link, body > aside:hover nav h3 a:hover, body > aside:hover nav h3 a:active, body > aside:hover nav h3 a:visited, body > aside:focus nav h3 a:link, body > aside:focus nav h3 a:hover, body > aside:focus nav h3 a:active, body > aside:focus nav h3 a:visited {
+        color: transparent; }
+    body > aside:hover ul li:hover a:hover, body > aside:focus ul li:hover a:hover {
+      text-decoration: none; }
     body > aside:hover ul li:hover span, body > aside:focus ul li:hover span {
       display: block; }
     body > aside:hover ul li:hover:first-child, body > aside:focus ul li:hover:first-child {
@@ -2252,7 +2256,8 @@ body > footer {
   left: 0;
   right: 0;
   max-width: 60rem;
-  margin: 5rem auto 2rem auto; }
+  margin: 5rem auto 2rem auto;
+  font-size: 1.25rem; }
 
 article > header p {
   font-size: 2rem;