[hideprofile][html]
<!-- === ЗАНЯТЫЕ ВНЕШНОСТИ — в стиле frpg1920.ru + компактный мобайл === -->
<div id="faces-roster">
<div class="fr-wrap">
<div class="fr-head">
<div class="fr-title">Список занятых внешностей</div>
<div class="fr-sub">1920 • Нью-Йорк • Сухой закон • нуар • 18+</div>
<div class="fr-sep">♠ ♠ ♠ ♠ ♠</div>
</div>
<div class="fr-columns">
<!-- Колонка: Женские -->
<section class="fr-col">
<h2>ЖЕНСКИЕ ВНЕШНОСТИ</h2>
<article class="face-card">
<div class="face-photo"><img src="https://i.postimg.cc/X7mRzp2m/sophia-bw.jpg" alt="Anya Taylor-Joy"></div>
<div class="face-meta">
<div class="celebrity">Anya Taylor-Joy</div>
<div class="character">— <a href="https://frpg1920.ru/profile/16">Sophia Cohen</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/106/985434.png" alt="Chloe Annett"></div>
<div class="face-meta">
<div class="celebrity">Chloe Annett</div>
<div class="character">— <a href="https://frpg1920.ru/topic/60#post-409">Mabel Winchester </a> [NPC]</div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://forumavatars.ru/img/avatars/0019/49/95/89-1765622053.jpg" alt="Deborah Grover"></div>
<div class="face-meta">
<div class="celebrity">Deborah Grover</div>
<div class="character">— <a href="https://frpg1920.ru/profile/7">Astoria M. Gilbert</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://i.pinimg.com/1200x/90/43/13/904313c523882f88053f57dbecd848b7.jpg" alt="Deva Cassel"></div>
<div class="face-meta">
<div class="celebrity">Deva Cassel</div>
<div class="character">— <a href="https://frpg1920.ru/profile/49">Claudia Salazar</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/104/556807.png" alt="Emma Thompson"></div>
<div class="face-meta">
<div class="celebrity">Emma Thompson</div>
<div class="character">— <a href="https://frpg1920.ru/topic/60#post-371">Edith Lilian Barnes</a> [NPC]</div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/105/812467.jpg" alt="Elizabeth Debicki"></div>
<div class="face-meta">
<div class="celebrity">Elizabeth Debicki</div>
<div class="character">— <a href="https://frpg1920.ru/profile/17">Vanessa Crane</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/106/278156.jpg" alt="Isabelle Huppert"></div>
<div class="face-meta">
<div class="celebrity">Isabelle Huppert</div>
<div class="character">— <a href="https://frpg1920.ru/topic/60#post-380">Lucille Fairfax </a> [NPC]</div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://i.pinimg.com/originals/a3/a7/d9/a3a7d98db513b37675b736b6966dee1e.gif" alt="Holliday Grainger"></div>
<div class="face-meta">
<div class="celebrity">Holliday Grainger</div>
<div class="character">— <a href="https://frpg1920.ru/profile/10">Amy Carroll</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/106/987144.png" alt="Jaimie Alexander"></div>
<div class="face-meta">
<div class="celebrity">Jaimie Alexander</div>
<div class="character">— <a href="https://frpg1920.ru/profile/19">Cleo Bainbridge</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/115/857705.png" alt="Jenna Coleman"></div>
<div class="face-meta">
<div class="celebrity">Jenna Coleman</div>
<div class="character">— <a href="https://frpg1920.ru/profile/26">Olivia Norwood</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/104/893199.jpg" alt="Jodie Foster"></div>
<div class="face-meta">
<div class="celebrity">Jodie Foster</div>
<div class="character">— <a href="https://frpg1920.ru/topic/60#post-394">Priscilla Barnes </a> [NPC]</div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/82/832014.jpg" alt="Kaya Scodelario"></div>
<div class="face-meta">
<div class="celebrity">Kaya Scodelario</div>
<div class="character">— <a href="https://frpg1920.ru/profile/15">Nataly Fogelman</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://i.pinimg.com/736x/0c/93/09/0c93091b08922c099373350d6ba8adb5.jpg" alt="Lily James "></div>
<div class="face-meta">
<div class="celebrity">Lily James</div>
<div class="character">— <a href="https://frpg1920.ru/topic/60#post-1212">Viktoria O'Donnell </a> [NPC]</div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0014/d9/c9/2/86073.png" alt="Margot Robbie"></div>
<div class="face-meta">
<div class="celebrity">Margot Robbie</div>
<div class="character">— <a href="https://frpg1920.ru/profile/46">Lorelei Fontaine</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/2/494494.png" alt="Michelle Dockery"></div>
<div class="face-meta">
<div class="celebrity">Michelle Dockery</div>
<div class="character">— <a href="https://frpg1920.ru/profile/2">Ruth O'Donnell</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://i.pinimg.com/1200x/98/d7/2f/98d72fbcb13f5b86755dc1e2680c23c2.jpg" alt="Penélope Cruz"></div>
<div class="face-meta">
<div class="celebrity">Penélope Cruz</div>
<div class="character">— <a href="https://frpg1920.ru/profile/52">Catalina Moreno</a></div>
</div>
</article>
<!-- добавляй новые <article class="face-card"> ... </article> -->
</section>
<!-- Колонка: Мужские -->
<section class="fr-col">
<h2>МУЖСКИЕ ВНЕШНОСТИ</h2>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/115/494198.png" alt="Alex Michael Jennings"></div>
<div class="face-meta">
<div class="celebrity">Alex Michael Jennings</div>
<div class="character">— <a href="https://frpg1920.ru/topic/60#post-395">Arnold Anwright </a> [NPC]</div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://i.pinimg.com/1200x/0d/0b/13/0d0b13b00ef0c0b531671160ca503dd1.jpg" alt="Nathaniel Bachtel"></div>
<div class="face-meta"><div class="celebrity">Callum Turner</div><div class="character">— <a href="https://frpg1920.ru/profile/47">Nathaniel Bachtel</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://s2.radikal.cloud/2025/12/18/diiiego0fa740c47fab124a.png" alt="Диего, просто Диего"></div>
<div class="face-meta"><div class="celebrity">CHAT GPT</div><div class="character">— <a href="https://frpg1920.ru/profile/21">Diego de Arteaga</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://i.gyazo.com/d89b4457c46053d9c520724ff7fc95d7.png" alt="Chris Hemsworth"></div>
<div class="face-meta"><div class="celebrity">Chris Hemsworth</div><div class="character">— <a href="https://frpg1920.ru/profile/18">Donald Barnes</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://i.pinimg.com/736x/50/bc/d8/50bcd8336e45cfaca39ed0af111923d5.jpg" alt="Cory Michael Smith"></div>
<div class="face-meta"><div class="celebrity">Cory Michael Smith</div><div class="character">— <a href="https://frpg1920.ru/profile/8">Aron Klein</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/2/352663.jpg" alt="David Harbour"></div>
<div class="face-meta"><div class="celebrity">David Harbour</div><div class="character">— <a href="https://frpg1920.ru/profile/48">Harrier Du Bois</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/67/643716.png" alt="Jake Gyllenhaal"></div>
<div class="face-meta"><div class="celebrity">Jake Gyllenhaal</div><div class="character">— <a href="https://frpg1920.ru/profile/43">Ivor Doe</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://s1.radikal.cloud/2026/01/04/Ramonbb9b7edec7dbb5ce.png" alt="Ernest Hartley"></div>
<div class="face-meta">
<div class="celebrity">Ernest Hartley</div>
<div class="character">— <a href="https://frpg1920.ru/topic/60#post-427">Ramon de Curado </a> [NPC]</div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://forumavatars.ru/img/avatars/0019/49/95/68-1753197711.jpg" alt="Jack Roth"></div>
<div class="face-meta"><div class="celebrity">Jack Roth</div><div class="character">— <a href="https://frpg1920.ru/profile/12">Jack Donovan</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/67/240423.png" alt="Jeff Bridges"></div>
<div class="face-meta"><div class="celebrity">Jeff Bridges</div><div class="character">— <a href="https://frpg1920.ru/topic/60#post-645">James Carroll</a> [NPC]</div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/67/514131.png" alt="Jeremy Allen White"></div>
<div class="face-meta"><div class="celebrity">Jeremy Allen White</div><div class="character">— <a href="https://frpg1920.ru/topic/60#post-643">Roy Brown</a> [NPC]</div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://forumavatars.ru/img/avatars/0019/49/95/81-1763712165.gif" alt="Jon Bernthal"></div>
<div class="face-meta"><div class="celebrity">Jon Bernthal</div><div class="character">— <a href="https://frpg1920.ru/profile/14">John Whittaker</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/106/688496.jpg" alt="Kenneth Branagh"></div>
<div class="face-meta"><div class="celebrity">Kenneth Branagh</div><div class="character">— <a href="https://frpg1920.ru/topic/60#post-376">Frederick Bainbridge</a> [NPC]</div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://forumavatars.ru/img/avatars/0019/49/95/107-1758914818.png" alt="Hugh Bonneville"></div>
<div class="face-meta"><div class="celebrity">Hugh Bonneville</div><div class="character">— <a href="https://frpg1920.ru/profile/20">Edward Barnes</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://frpg1920.ru/static/uploads/avatars/41__1.jpg" alt="Mark Strong"></div>
<div class="face-meta"><div class="celebrity">Mark Strong</div><div class="character">— <a href="https://frpg1920.ru/profile/41">Isaac Goldman</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/67/295033.gif" alt="Nikolaj Coster-Waldau"></div>
<div class="face-meta"><div class="celebrity">Nikolaj Coster-Waldau</div><div class="character">— <a href="https://frpg1920.ru/profile/6">James Jackson</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/106/570991.png" alt="Nicholas Hewetson"></div>
<div class="face-meta">
<div class="celebrity">Nicholas Hewetson</div>
<div class="character">— <a href="https://frpg1920.ru/topic/60#post-407">Cyril W. Davenport </a> [NPC]</div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://forumavatars.ru/img/avatars/0019/49/95/91-1753197537.jpg" alt="Ralph Fiennes"></div>
<div class="face-meta"><div class="celebrity">Ralph Fiennes</div><div class="character">— <a href="https://frpg1920.ru/profile/4">Charles M. Crane</a></div></div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://s1.radikal.cloud/2026/02/17/n69-KGo3XMdkfOUGGCb51Q7VNgIZmqdwfLMyb4haMKIwnBsRo5uFXhFb_gpGE0kgKSwQjhs05cd4ec4315e99f4f.jpg" alt="Tamino"></div>
<div class="face-meta">
<div class="celebrity">Tamino</div>
<div class="character">— <a href="https://frpg1920.ru/profile/36">Julian Rossi</a></div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://upforme.ru/uploads/0019/49/95/2/117860.png" alt="Tyrone Power"></div>
<div class="face-meta">
<div class="celebrity">Tyrone Power</div>
<div class="character">— <a href="https://frpg1920.ru/topic/60#post-436">Federico Gonzalez </a> [NPC]</div>
</div>
</article>
<article class="face-card">
<div class="face-photo"><img src="https://forumavatars.ru/img/avatars/0019/49/95/5-1753197083.jpg" alt="Viggo Mortensen"></div>
<div class="face-meta"><div class="celebrity">Viggo Mortensen</div><div class="character">— <a href="https://frpg1920.ru/profile/3">Nikolaus Rothstein</a></div></div>
</article>
<!-- добавляй новые карточки -->
</section>
</div>
</div>
</div>
<style>
/* === Палитра под форум: коричневый/беж + квадратные углы === */
#faces-roster{
--bg: url(https://upforme.ru/uploads/0019/49/95/2/257050.jpg);
--ink: #3a2a1f;
--muted: #6b4f33;
--title: #1b140e;
--paper: rgba(242,232,216,.88);
--paper2: rgba(230,216,195,.82);
--border: rgba(176,138,87,.85);
--border2: rgba(198,169,122,.85);
--chip: rgba(255,253,248,.92);
--radius: 0px; /* квадрат */
--gap: 14px;
--font: «American Typewriter», Georgia, «Times New Roman», serif;
}
/* Фон секции */
#faces-roster{
background-image: var(--bg);
background-repeat: repeat; /* ← дублирование */
background-size: auto; /* ← не растягивать */
background-position: top left; /* ← откуда начинать */
background-attachment: scroll; /* ← чтобы нормально на мобиле */
padding: 18px;
color: var(--ink);
font-family: var(--font);
}
/* Контейнер */
#faces-roster .fr-wrap{
max-width: 1100px;
margin: 0 auto;
background: var(--paper);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 18px;
}
/* Шапка */
#faces-roster .fr-head{
text-align:center;
padding: 12px 12px 8px;
border: 1px solid var(--border2);
background: var(--paper2);
}
#faces-roster .fr-title{
margin: 0;
font-size: 26px;
letter-spacing: .22em;
text-transform: uppercase;
font-weight: 700;
color: var(--title);
}
#faces-roster .fr-sub{
margin-top: 6px;
font-size: 13px;
letter-spacing: .12em;
color: var(--muted);
}
#faces-roster .fr-sep{
margin: 12px 0 2px;
color: #9c7a4a;
letter-spacing: .2em;
}
/* Колонки */
#faces-roster .fr-columns{
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--gap);
margin-top: 14px;
}
#faces-roster .fr-col{
background: var(--paper2);
border: 1px solid var(--border2);
border-radius: var(--radius);
padding: 14px;
}
#faces-roster .fr-col > h2{
margin: 0 0 12px;
padding: 10px 10px;
text-align: center;
font-size: 14px;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--title);
background: rgba(242,232,216,.95);
border: 1px solid var(--border2);
}
/* Карточка */
#faces-roster .face-card{
display: grid;
grid-template-columns: 64px 1fr;
gap: 10px;
align-items: center;
padding: 10px;
margin-bottom: 10px;
background: var(--chip);
border: 1px dashed var(--border);
border-radius: var(--radius);
}
#faces-roster .face-photo{
width:64px; height:64px;
overflow:hidden;
border-radius: var(--radius);
border: 1px solid var(--border2);
}
#faces-roster .face-photo img{
width:100%; height:100%;
object-fit: cover;
display:block;
filter: sepia(.14) contrast(1.05);
}
/* Тексты */
#faces-roster .celebrity{
font-weight: 700;
color: var(--title);
line-height: 1.25;
}
#faces-roster .character{
font-weight: 600;
color: var(--ink);
margin-top: 2px;
line-height: 1.25;
}
#faces-roster .face-meta a{
color: var(--muted);
text-decoration: none;
border-bottom: 1px dotted rgba(107,79,51,.7);
}
#faces-roster .face-meta a:hover{ border-bottom-color: transparent; }
/* === АДАПТИВ (сильно компактнее) === */
@media (max-width: 900px){
#faces-roster{ padding: 12px; background-attachment: scroll; }
#faces-roster .fr-wrap{ padding: 12px; }
#faces-roster .fr-columns{ grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 520px){
#faces-roster{ padding: 8px; }
#faces-roster .fr-wrap{ padding: 10px; }
#faces-roster .fr-head{ padding: 10px 10px 6px; }
#faces-roster .fr-title{ font-size: 18px; letter-spacing: .18em; }
#faces-roster .fr-sub{ font-size: 11px; letter-spacing: .10em; }
#faces-roster .fr-sep{ margin: 10px 0 0; }
#faces-roster .fr-col{ padding: 10px; }
#faces-roster .fr-col > h2{ font-size: 12px; padding: 8px; margin-bottom: 10px; }
#faces-roster .face-card{
grid-template-columns: 48px 1fr;
gap: 8px;
padding: 8px;
margin-bottom: 8px;
}
#faces-roster .face-photo{ width:48px; height:48px; }
#faces-roster .celebrity{ font-size: 13px; }
#faces-roster .character{ font-size: 12px; }
}
</style>
<!-- === /ЗАНЯТЫЕ ВНЕШНОСТИ === -->
[/html]
