heimoshuiyu/aether
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Lighten background and soften shadows

Browse Source
This commit is contained in:
Joseph Hutchinson
2018-03-28 15:35:41 -04:00
parent 1fdf88ba0d
commit 74b73473b3
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/_default/list.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}" dir="ltr">
{{ partial "head.html" . }}
<body style="background-color: #f3f3f3;">
<body style="background-color: #f9f9f9;">
{{ partial "header.html" . }}
<div class="card-content-container">
<header class="list-header">

12
static/css/style.css
View File

@@ -22,7 +22,7 @@ strong {
text-align: center;
background-color: rgba(255, 255, 255, 0.97);
-webkit-backdrop-filter: blur(0.5em);
box-shadow: 0 0.3em 1.5em 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0.3em 1.5em 0 rgba(0, 0, 0, 0.05);
}
.nav-header {
margin: 0 0;
@@ -46,6 +46,12 @@ strong {
}
.post-figure {
margin: 1.5em 0;
opacity: 0;
animation: fadein 0.3s ease-out 0.2s forwards;
}
@keyframes fadein {
from { opacity: 0;}
to { opacity: 1;}
}
.post > p:first-of-type::first-letter {
font-family: 'LatoLatinWebHeavyItalic';
@@ -106,11 +112,11 @@ img {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transition: transform 0.3s, box-shadow 0.3s;
box-shadow: 0 0.2em 0.5em 0 rgba(0, 0, 0, 0.1), 0 0 0.1em 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0.2em 0.7em 0 rgba(0, 0, 0, 0.1), 0 0 0.2em 0 rgba(0, 0, 0, 0.05);
}
.card-link-wrapper-active {
transform: scale(0.95);
box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0.1em 0.5em 0 rgba(0, 0, 0, 0.15);
}
.card {
padding: 1em;