Zost/site
1
0
Fork 1
forked from TonTon-UFPA-Comput/site
Code Pull requests Activity

Remodelation of style and new information in Chapa Sigmóide

Browse source
This commit is contained in:
Mateus Cezário Barreto 2025-11-15 00:42:08 -03:00
commit 526bc510ec
4 changed files with 100 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

43
public/css/chapa_sigmoide.css
View file

@ -14,7 +14,9 @@
--main-font: "Victor Mono";
--border-width: 0.1rem;
--border-width: 0.6vw;
--default-distance: min(1vw, 1vh);
--color-background-1: #060e1e;
@ -50,7 +52,7 @@ html, body, :modal
color: var(--color-text-normal);
background-color: var(--color-background-1);
font-family: var(--main-font);
font-size: 1.05rem;
font-size: 1rem;
}
header
@ -144,7 +146,7 @@ img, video
figure { width: fit-content; padding: 0.8rem;}
mark, code, kbd, blockquote > *
strong, mark, code, kbd, blockquote > *
{
color: var(--color-text-marked);
background-color: unset;
@ -154,7 +156,7 @@ math { font-size: 1.4rem; }
p math { font-size: 1em; }
figcaption { color: var(--color-text-shadowed); }
figcaption, p.shadowed { color: var(--color-text-shadowed); }
a
{
@ -236,34 +238,41 @@ div.ficha
{
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 35% auto;
column-gap: 0;
grid-template-columns: max(60%) minmax(40%, 60%);
width: 100%;
max-width: unset;
text-wrap: unset;
padding: var(--default-distance);
}
div.ficha h2
div.ficha div.names
{
grid-row: 1;
grid-column: 1 / 3;
grid-column: 1;
border: 0;
overflow-wrap: break-word;
overflow: unset;
text-wrap: unset;
padding: var(--default-distance);
width: 100%;
}
div.ficha figure
{
grid-row: 2;
grid-column: 1;
grid-row: 1;
grid-column: 2;
justify-self: end;
margin: 0;
max-width: 100%;
width: 100%;
height: fit-content;
text-align: center;
position: relative;
padding: 0.6rem;
padding: 0;
}
div.ficha figure img
{
margin-bottom: 0.5rem;
margin: 0;
aspect-ratio: 3 / 4;
animation-name: image-change;
animation-timing-function: ease-in-out;
@ -271,21 +280,17 @@ div.ficha figure img
animation-duration: 10s;
}
div.ficha figure figcaption
{
margin: auto;
}
div.ficha div.description
{
grid-row: 2;
grid-column: 2;
grid-column: 1 / 3;
max-width: unset;
border: unset;
width: 100%;
overflow-wrap: break-word;
overflow: unset;
text-wrap: unset;
padding: var(--default-distance);
}
@keyframes image-change