[hideprofile][html]
<script src="https://forumstatic.ru/files/001c/93/12/30455.js?v=31"></script>
<div class="fc">
</div>
<style>
.fc {
margin: 5px;
padding: 25px 10px 10px;
box-shadow: var(--b-shad);
border-radius: 10px;
background-image: var(--bg-uni);
}
.fc h {
text-align: center;
text-transform: lowercase;
display: block;
font-size: 14px;
font-weight: 600;
padding: 5px 15px;
line-height: 1;
color: rgb(var(--col1));
background: rgb(var(--activ-bg));
border-radius: 5px;
margin-bottom: 5px;
position: absolute;
top: -11px;
right: 0;
box-shadow: var(--activ-shad);
}
.fc li {
background: rgb(var(--bg-sub) / .7);
padding: 2px 5px;
display: flex;
justify-content: space-between;
border-radius: 5px;
gap: 5px;
margin-right: 5px;
}
.fc a {}
.fc-wrap {
display: grid;
grid-template-columns: 70% 29%;
justify-items: center;
}
.fc-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px 10px;
}
.fc-block, .names, .surnames {
padding: 20px 10px 10px;
font-size: 10px;
backdrop-filter: blur(10px);
background-color: rgb(var(--bg-sub) / .7);
position: relative;
}
.fc-cell {
height: 200px;
width: 290px;
display: flex;
flex-direction: column;
gap: 3px;
justify-content: flex-start;
overflow-y: auto;
}
.name-list {
display: flex;
flex-direction: column;
gap: 15px;
}
.names-wrap {
height: 226px;
width: 250px;
display: flex;
flex-direction: column;
gap: 3px;
justify-content: flex-start;
overflow-y: auto;
}
.surnames-wrap {
height: 426px;
width: 250px;
display: flex;
flex-direction: column;
gap: 3px;
justify-content: flex-start;
overflow-y: auto;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/001c/93/12/76833.js?v=10"></script>
<script type="text/javascript" src="https://forumstatic.ru/files/001c/93/12/22685.js?v=2" encoding='windows-1251'>
[/html]























