Сайт: галерея стала историей — дни и сны с номерами
This commit is contained in:
parent
b3c6ba927e
commit
5c8c79bb3c
68 changed files with 894 additions and 450 deletions
|
|
@ -200,6 +200,60 @@ footer a:hover { color: var(--accent-soft); border-color: var(--accent); text-de
|
|||
color: var(--text);
|
||||
}
|
||||
|
||||
/* -- история: день за днём, ночь за ночью --------------------------------- */
|
||||
|
||||
.day { padding: 2.2rem 0 0.6rem; }
|
||||
.day:first-of-type { border-top: none; }
|
||||
|
||||
.day-title {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.6rem;
|
||||
margin: 0 0 1rem;
|
||||
font-size: 0.95rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.04em;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.day-title time { text-transform: uppercase; }
|
||||
|
||||
.day-note {
|
||||
max-width: 62ch;
|
||||
margin: 0 0 1rem;
|
||||
color: var(--muted);
|
||||
font-size: 0.98rem;
|
||||
}
|
||||
|
||||
.badge {
|
||||
display: inline-block;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.03em;
|
||||
color: var(--accent-soft);
|
||||
background: rgba(232, 176, 75, 0.07);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 999px;
|
||||
padding: 0.08rem 0.6rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.day .card { position: relative; }
|
||||
|
||||
.day .card .badge {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
background: rgba(14, 16, 19, 0.78);
|
||||
}
|
||||
|
||||
.grid.compact {
|
||||
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
|
||||
gap: 12px;
|
||||
}
|
||||
.grid.compact .card-title { padding: 8px 10px; font-size: 13px; }
|
||||
|
||||
/* -- страница одной работы ------------------------------------------------ */
|
||||
|
||||
.work {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue