123
список занятых
Сообщений 1 страница 2 из 2
Поделиться22026-05-21 15:35:56
[html]
<style>
/* список персонажей */
.charnames-wrapper {
max-width: 600px;
display: flex;
gap: 5px;
align-items: center;
position: relative;
flex-wrap: wrap;
box-sizing: border-box;
padding-top: 131px;
padding-bottom: 15px;
margin: auto !important;
background: url(https://forumstatic.ru/files/001c/b8/3a/25450.png) no-repeat top / contain, rgb(var(--canvas-primary));
flex-direction: column;
}
.charnames-wrapper * {
box-sizing: border-box;
font-size: 11px;
text-align: left;
}
.charnames-wrapper p {
line-height: 17px;
padding: 0 !important;
margin: 0 !important;
text-transform: lowercase;
}
.charnames-wrapper p a {
line-height: 17px;
padding: 0 !important;
margin: 0 !important;
}
.names-wrapper-left {
position: relative;
display: flex;
align-content: flex-start;
flex-wrap: wrap;
gap: 0px 10px;
padding: 0 20px;
box-sizing: border-box;
width: 100%;
}
.alph-order {
text-align: center;
line-height: 29px;
font: 400 16px Bewlay;
color: rgb(var(--text-primary), 1);
border: none;
letter-spacing: 1px;
width: 630px;
height: 30px;
padding: 6px 25px;
box-sizing: border-box;
}
.names-wrapper-left>div:not(.alph-order) {
flex: 1;
width: 201px;
height: 134px;
background-color: rgb(var(--canvas-secondary));
padding: 10px ;
border: none;
box-sizing: border-box;
position: relative;
}
.names-wrapper-left>div>div {
width: 100%;
height: 100%;
overflow: auto;
padding-right: 5px;
display: flex;
box-sizing: border-box;
scrollbar-gutter: stable;
text-transform: lowercase;
flex-direction: column;
gap: 5px;
}
.wrapper-right {
position: relative;
width: 100%;
display: flex;
padding: 0 20px;
gap: 10px;
flex-grow: 1;
flex-direction: row;
}
.char-names,
.char-surnames {
text-align: center;
line-height: 29px;
font: 400 16px Bewlay;
color: rgba(35, 37, 40, 1);
letter-spacing: 1px;
border: none;
width: 100%;
height: 30px;
padding: 6px 25px;
box-sizing: border-box;
}
.wrapper-right>div{
flex-grow: 1;
width: 100%;
border: none;
box-sizing: border-box;
position: relative;
text-transform: lowercase;
}
.wrapper-right>div>div:not(.char-names, .char-surnames) {
width: 100%;
height: 134px;
background-color: rgb(var(--canvas-secondary));
padding: 10px;
box-sizing: border-box;
scrollbar-gutter: stable;
display: flex;
flex-direction: column;
gap: 5px;
}
.wrapper-right>div>div>div {
width: 100%;
height: 100%;
overflow: auto;
display: flex;
flex-direction: column;
gap: 5px;
}
.charnames-wrapper desc {
display: block;
width: 100%;
border-top: 5px solid rgba(50, 50, 52, 1);
padding: 16px 10px 11px;
background-color: rgb(var(--canvas-secondary));
text-align: justify;
}
.charnames-wrapper ttl {
font-family: Bewlay;
font-size: 20px;
line-height: 16px;
letter-spacing: 8%;
text-align: center;
text-transform: lowercase;
color: rgb(var(--accent));
}
</style>
<section class="charnames-wrapper">
<desc>
для удобства пользуйтесь поиском по странице. первыми идут занятые внешности, затем имя и фамилия персонажа. выкупленные имена и фамилии указаны сбоку, купить их можно в банке. если имя или фамилия не отмечены - можно повторять. дублирование внешностей разрешено в случае родственных связей и по договоренности.
</desc>
<ttl>занятые внешности и имена</ttl>
<div class="names-wrapper-left">
<div class="alph-order">abcdefghi</div>
<div>
<div>
<!--------- boys --------->
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
</div>
</div>
<div>
<div>
<!--------- girls --------->
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
</div>
</div>
<div class="alph-order">jklmnopqr</div>
<div>
<div>
<!--------- boys --------->
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
</div>
</div>
<div>
<div>
<!--------- girls --------->
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
</div>
</div>
<div class="alph-order">stuvwxyz</div>
<div>
<div>
<!--------- boys --------->
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
</div>
</div>
<div>
<div>
<!--------- girls --------->
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
<span> фи внешности на английском — <a href='ссылка на профиль'>ник</a> </span>
</div>
</div>
</div>
<div class="wrapper-right">
<div><div class="char-names">name</div>
<div><div>
<!--------- по имени --------->
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
<span><a href='ссылка на профиль'>name</a> </span>
</div></div>
</div>
<div> <div class="char-surnames">surname</div>
<div><div>
<!--------- по фамилии --------->
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
<span><a href='ссылка на профиль'>surname</a> </span>
</div></div>
</div>
</div>
</section>[/html]
[hideprofile]






