1
0
mirror of https://github.com/mxpv/podsync.git synced 2024-05-11 05:55:04 +00:00

Add shadows

This commit is contained in:
Maksym Pavlenko
2016-12-18 13:59:42 -08:00
parent 0bc117b761
commit 8080d5734b
2 changed files with 8 additions and 3 deletions

View File

@@ -22,7 +22,7 @@
</div>
<div class="main">
<div class="main-border">
<div class="main-border shadow">
<div class="input-border">
<input id="url-input" type="url" placeholder="paste your link here" spellcheck="false" autofocus />
<div class="arrow-button">
@@ -52,6 +52,6 @@
<div>
<a href="https://www.patreon.com/podsync" target="_blank">
<img class="patreon" width="400" src="img/become_patreon.png" />
<img class="patreon shadow" width="400" src="img/become_patreon.png" />
</a>
</div>

View File

@@ -72,6 +72,11 @@ a {
/* Main block + input */
.shadow {
box-shadow: 0 12px 8px -6px #a79d87;
box-shadow: 0 12px 8px -6px rgba(167, 157, 135, 0.4);
}
.main {
text-align: center;
padding: 5em 2em 10em;
@@ -173,7 +178,7 @@ a {
.patreon {
background: rgb(171, 163, 149);
border: 1px rgb(240, 232, 214) solid;
bottom: 5em;
bottom: 6em;
float: right;
position: absolute;
right: 2em;