aboutsummaryrefslogtreecommitdiff
path: root/assets/css/txt.css
diff options
context:
space:
mode:
authorYour Name <you@example.com>2017-12-31 13:34:06 +0100
committerYour Name <you@example.com>2017-12-31 13:34:06 +0100
commit1b04290809ca4282e75433e500c7e5e70b2d36aa (patch)
treeebbf10317bd05931a1b01bae8f866e5b0fdb7ea5 /assets/css/txt.css
parent512146d0267c58706a0e3ed265bb6a7db17010c0 (diff)
downloadlesoiseaux.io-1b04290809ca4282e75433e500c7e5e70b2d36aa.tar.gz
Finalize style for pages
Diffstat (limited to 'assets/css/txt.css')
-rw-r--r--assets/css/txt.css49
1 files changed, 27 insertions, 22 deletions
diff --git a/assets/css/txt.css b/assets/css/txt.css
index 3aabc4d..96e5e4f 100644
--- a/assets/css/txt.css
+++ b/assets/css/txt.css
@@ -864,14 +864,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;
@@ -890,7 +890,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 {
@@ -932,30 +932,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);
@@ -975,6 +975,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 {
@@ -1054,7 +1058,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;