updated background colors and link style

This commit is contained in:
Phuntsok Drak-pa 2019-04-25 00:00:58 +02:00
parent 2727102fa6
commit ce6e9e700c

View File

@ -11,7 +11,7 @@ body {
'ribbon ribbon' 'ribbon ribbon'
'sidebar content'; 'sidebar content';
grid-template-columns: 300px auto; grid-template-columns: 300px auto;
background-color: #3498db; background-color: #34495e;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: 'Fira Sans', serif; font-family: 'Fira Sans', serif;
@ -23,13 +23,13 @@ a {
color: #ecf0f1; color: #ecf0f1;
text-decoration: none; text-decoration: none;
font-style: italic; font-style: italic;
border-bottom: 5px solid #9b59b6; box-shadow: inset 0 -3px 0 #9b59b6;
transition: color 0.2s; transition: all .3s ease-in-out;
} }
a:hover { a:hover {
color: #9b59b6; box-shadow: inset 0 -21px 0 #9b59b6;
transition: color 0.4s; transition: all .3s ease-in-out;
} }
h1, h1,
@ -41,7 +41,7 @@ h2 {
.sidebar, .sidebar,
.content { .content {
padding: 10px; padding: 10px;
background-color: #bdc3c7; background-color: #2c3e50;
} }
.center { .center {
@ -128,7 +128,7 @@ h2 {
.side-card { .side-card {
margin: 10px; margin: 10px;
background-color: #2c3e50; background-color: #34495e;
} }
.side-card h4, .side-card h4,