Tweak header and improve card design
This commit is contained in:
@@ -18,14 +18,15 @@ strong {
|
||||
top: 0;
|
||||
z-index: 3;
|
||||
width: 100%;
|
||||
height: 3em;
|
||||
transition: top 0.2s ease-in-out;
|
||||
background-color: lightseagreen;
|
||||
box-shadow: 0 0.3em 0.6em 0 rgba(0, 0, 0, 0.2), 0 0 0.2em 0 rgba(0, 0, 0, 0.1);
|
||||
padding: 0.45em 0;
|
||||
text-align: center;
|
||||
background-color: rgba(255, 255, 255, 0.98);
|
||||
backdrop-filter: blur(1.5em);
|
||||
-webkit-backdrop-filter: blur(1.5em);
|
||||
box-shadow: 0 0 0.3em 0 rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.nav-bar-up {
|
||||
top: -3em;
|
||||
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
.nav-header {
|
||||
margin: 0 0;
|
||||
}
|
||||
.post {
|
||||
line-height: 1.5;
|
||||
@@ -87,12 +88,14 @@ img {
|
||||
display: block;
|
||||
background-color: white;
|
||||
border-radius: 0.2em;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
transition: transform 0.3s, box-shadow 0.3s;
|
||||
box-shadow: 0 0.3em 0.6em 0 rgba(0, 0, 0, 0.2), 0 0 0.2em 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0.3em 0.6em 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.23em 0.5em 0 rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 0.20em 0.5em 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.card {
|
||||
padding: 1em;
|
||||
@@ -150,6 +153,7 @@ hr {
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #3A3B3C;
|
||||
}
|
||||
table {
|
||||
color: #3A3B3C;
|
||||
|
||||
Reference in New Issue
Block a user