Lighten gravestone to keep the asset's original shading
The first tint crushed the PNG into the same dark slate as the old CSS stone. Now only a subtle cool cast is applied so chips, pocks and the 3D side read clearly; moss overlay softened and engraving darkened for contrast on the lighter stone. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_015HtPHsTnDcLVSCiF5FGHZj
This commit is contained in:
parent
1338879e1d
commit
aa832727da
2 changed files with 7 additions and 7 deletions
|
|
@ -1300,9 +1300,9 @@ body.dia:not(.balada):not(.chuva) .grave-wrap { opacity: 1; }
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
background:
|
background:
|
||||||
radial-gradient(circle at 18% 96%, rgba(74,105,60,0.60), transparent 40%),
|
radial-gradient(circle at 18% 96%, rgba(74,105,60,0.42), transparent 36%),
|
||||||
radial-gradient(circle at 80% 97%, rgba(58,88,46,0.50), transparent 36%),
|
radial-gradient(circle at 80% 97%, rgba(58,88,46,0.34), transparent 32%),
|
||||||
radial-gradient(circle at 50% 100%, rgba(66,96,52,0.42), transparent 46%);
|
radial-gradient(circle at 50% 100%, rgba(66,96,52,0.28), transparent 42%);
|
||||||
-webkit-mask: url('gravestone.png') center / contain no-repeat;
|
-webkit-mask: url('gravestone.png') center / contain no-repeat;
|
||||||
mask: url('gravestone.png') center / contain no-repeat;
|
mask: url('gravestone.png') center / contain no-repeat;
|
||||||
}
|
}
|
||||||
|
|
@ -1312,8 +1312,8 @@ body.dia:not(.balada):not(.chuva) .grave-wrap { opacity: 1; }
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 3.2vh;
|
font-size: 3.2vh;
|
||||||
color: #8d81a8;
|
color: #55496e;
|
||||||
text-shadow: 0 1px 0 rgba(255,255,255,0.16), 0 -1px 1px rgba(0,0,0,0.70);
|
text-shadow: 0 1px 0 rgba(255,255,255,0.30), 0 -1px 1px rgba(0,0,0,0.55);
|
||||||
}
|
}
|
||||||
/* inscrição gravada (rebaixo: sombra clara embaixo, escura em cima) */
|
/* inscrição gravada (rebaixo: sombra clara embaixo, escura em cima) */
|
||||||
.grave-text {
|
.grave-text {
|
||||||
|
|
@ -1325,8 +1325,8 @@ body.dia:not(.balada):not(.chuva) .grave-wrap { opacity: 1; }
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 2.4vh;
|
font-size: 2.4vh;
|
||||||
letter-spacing: 0.4vh;
|
letter-spacing: 0.4vh;
|
||||||
color: #9187ae;
|
color: #5a4e74;
|
||||||
text-shadow: 0 1px 0 rgba(255,255,255,0.20), 0 -1px 1px rgba(5,3,14,0.80);
|
text-shadow: 0 1px 0 rgba(255,255,255,0.32), 0 -1px 1px rgba(5,3,14,0.60);
|
||||||
}
|
}
|
||||||
.grave-line {
|
.grave-line {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 6 KiB After Width: | Height: | Size: 6.2 KiB |
Loading…
Add table
Add a link
Reference in a new issue