christoffer/takunomi-blog
1
0
Fork 0
forked from ohayo-jacob/takunomi-blog
Code Pull Requests Activity

changed background colors

Browse Source
This commit is contained in:
Jacob 2021-02-20 19:10:49 +01:00
parent 8b4098afb9
commit 29a13f119e
1 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
css/style.css
View File

@ -4,8 +4,10 @@ html, body {
font-family: 'HelveticaNeue-Light','Helvetica Neue', Helvetica, Arial, sans-serif;; font-family: 'HelveticaNeue-Light','Helvetica Neue', Helvetica, Arial, sans-serif;;
font-size: 15px; font-size: 15px;
line-height: 170%; line-height: 170%;
color: #35465D; //color: #35465D;
background-color: #506692; color: #506692;
background-color: #d6e2fa;
//background-color: #506692;
} }
.title { .title {
@ -13,7 +15,9 @@ html, body {
} }
.title:hover { .title:hover {
background-color: #687fad; //background-color: #687fad;
color: lightblue;
background-color: #d6e2fa;
} }
article { article {
@ -38,7 +42,8 @@ article {
.posts{ .posts{
width: 700px; width: 700px;
background-color: #506692; //background-color: #506692;
background-color: #d6e2fa;
} }
.post{ .post{
@ -53,7 +58,8 @@ article {
h1 { h1 {
letter-spacing: 5px; letter-spacing: 5px;
font-size: 40px; font-size: 40px;
color: #97c5e0; //color: #97c5e0;
color: #506692;
text-align: center; text-align: center;
padding-top: 30px; padding-top: 30px;
} }
@ -69,11 +75,12 @@ a {
} }
a:hover { a:hover {
background-color: #ffffff; color: lightblue;
--background-color: #ffffff;
} }
img { img {
border-radius: 10px; //border-radius: 10px;
display: block; display: block;
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
@ -93,7 +100,8 @@ ul {
.tagline{ .tagline{
text-align: center; text-align: center;
color: #97c5e0; color: #506692;
//color: #97c5e0;
} }
.menu{ .menu{
@ -115,7 +123,9 @@ ul {
} }
.menuElement:hover { .menuElement:hover {
background-color: #687fad; //background-color: #687fad;
color: lightblue;
background-color: #d6e2fa;
} }
.bottomMenu { .bottomMenu {
@ -132,7 +142,9 @@ ul {
} }
.bottomMenuElement:hover { .bottomMenuElement:hover {
background-color: #ffffff; //background-color: #ffffff;
//color: lightblue;
//background-color: #d6e2fa;
} }
#menu ul{ #menu ul{