[hideprofile]
* [rep] — representative; "представитель факультета". помечается возле имен представителей каждого из факультетов.
* [ΣΨ] — сообщество Сигма Пси; помечается возле имен членов сообщества.
* [ΚΤΙ] — сообщество Каппа Тау Йота; помечается возле имен членов сообщества.
* [GS] — Graylock Sirens, сестринство "Грейлокские сирены"; помечается возле имен членов сестринства.
[html]
<div class="vneshki">
<!-------------------------- ВАМПУС -------------------------------------->
<div class="table-users">
<div class="header">Wampus</div>
<table cellspacing="0">
<!--------------------------------------- ПАРНИ ------------------------------------------->
<tr>
<th>MALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr><td><a href="https://greylock.mybb.ru/profile.php?id=15">Aloysius Archer</a> (6)</td></tr>
<tr>
<td><a href='https://greylock.mybb.ru/profile.php?id=5'>vinter esposito (6)</a></td>
</tr>
<tr>
<td><a href='...'>— (курс)</a></td>
</tr>
<!--------------------------------------- ДЕВУШКИ ------------------------------------------->
<tr>
<th>FEMALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href="https://greylock.mybb.ru/profile.php?id=14">lottie lourd (6)</a></td>
</tr>
<tr>
<td><a href='...'>— (курс)</a></td>
</tr>
</table>
</div>
<!-------------------------- ПАКВАДЖИ -------------------------------------->
<div class="table-users">
<div class="header">Pukwudgie</div>
<table cellspacing="0">
<!--------------------------------------- ПАРНИ ------------------------------------------->
<tr>
<th>MALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (курс)</a></td>
</tr>
<tr>
<td><a href='...'>— (курс)</a></td>
</tr>
<!--------------------------------------- ДЕВУШКИ ------------------------------------------->
<tr>
<th>FEMALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (курс)</a></td>
</tr>
<tr>
<td><a href='...'>— (курс)</a></td>
</tr>
</table>
</div>
<!-------------------------- ПТИЦА-ГРОМ -------------------------------------->
<div class="table-users">
<div class="header">Thunderbird</div>
<table cellspacing="0">
<!--------------------------------------- ПАРНИ ------------------------------------------->
<tr>
<th>MALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (курс)</a></td>
</tr>
<tr>
<td><a href='...'>— (курс)</a></td>
</tr>
<!--------------------------------------- ДЕВУШКИ ------------------------------------------->
<tr>
<th>FEMALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href="https://greylock.mybb.ru/profile.php?id=10">gabriella bayley (6)</a> [ΚΤΙ]</td>
</tr>
<tr>
<td><a href='https://greylock.mybb.ru/profile.php?section=view&id=8'>samantha washington (6)</a></td>
</tr>
</table>
</div>
<!-------------------------- РОГАТЫЙ ЗМЕЙ -------------------------------------->
<div class="table-users">
<div class="header">Horned Serpent</div>
<table cellspacing="0">
<!--------------------------------------- ПАРНИ ------------------------------------------->
<tr>
<th>MALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='https://greylock.mybb.ru/profile.php?id=4'>sebastian graves (7)</a> [rep] [ΣΨ]</td>
</tr>
<tr>
<td><a href='...'>— (курс)</a></td>
</tr>
<!--------------------------------------- ДЕВУШКИ ------------------------------------------->
<tr>
<th>FEMALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href="https://greylock.mybb.ru/profile.php?id=9">ariadna zimina (6)</a></td>
</tr>
<tr>
<td><a href='...'>— (курс)</a></td>
</tr>
</table>
</div>
<!-------------------------- ШКОЛЬНЫЕ РАБОТНИКИ -------------------------------------->
<div class="table-users">
<div class="header">SCHOOL STAFF</div>
<table cellspacing="0">
<!--------------------------------------- ПАРНИ ------------------------------------------->
<tr>
<th>MALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<!--------------------------------------- ДЕВУШКИ ------------------------------------------->
<tr>
<th>FEMALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
</table>
</div>
<!-------------------------- ВСЕ ДРУГИЕ ПЕРСОНАЖИ -------------------------------------->
<div class="table-users">
<div class="header">OTHERS</div>
<table cellspacing="0">
<!--------------------------------------- ПАРНИ ------------------------------------------->
<tr>
<th>MALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<!--------------------------------------- ДЕВУШКИ ------------------------------------------->
<tr>
<th>FEMALE</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href="https://greylock.mybb.ru/profile.php?id=6">renee gates (мракоборец, журналист)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
</table>
</div>
<!-------------------------- КВИДДИЧ -------------------------------------->
<div class="table-users">
<div class="header">Quiddich</div>
<table cellspacing="0">
<!--------------------------------------- ВАМПУС ------------------------------------------->
<tr>
<th>Wampus</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='https://greylock.mybb.ru/profile.php?id=5'>vinter esposito (капитан, загонщик)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<!--------------------------------------- РОГАТЫЙ ЗМЕЙ ------------------------------------------->
<tr>
<th>Horned Serpent</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<!--------------------------------------- ПТИЦА-ГРОМ ------------------------------------------->
<tr>
<th>Thunderbird</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<!--------------------------------------- ПАКВАДЖИ ------------------------------------------->
<tr>
<th>Pukwudgie</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
</table>
</div>
<!-------------------------- КВОДПОТ -------------------------------------->
<div class="table-users">
<div class="header">Quodpot</div>
<table cellspacing="0">
<!--------------------------------------- ВАМПУС ------------------------------------------->
<tr>
<th>Wampus</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<!--------------------------------------- РОГАТЫЙ ЗМЕЙ ------------------------------------------->
<tr>
<th>Horned Serpent</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='https://greylock.mybb.ru/profile.php?id=4'>sebastian graves (капитан, квотербек)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<!--------------------------------------- ПТИЦА-ГРОМ ------------------------------------------->
<tr>
<th>Thunderbird</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href="https://greylock.mybb.ru/profile.php?id=10">gabriella bayley (раннинбек)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<!--------------------------------------- ПАКВАДЖИ ------------------------------------------->
<tr>
<th>Pukwudgie</th>
</tr>
<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
<tr>
<td><a href='...'>— (позиция)</a></td>
</tr>
</table>
</div>
</div>
<style>
.vneshki {
position: relative!important;
display: flex!important;
flex-wrap: wrap;
justify-content: space-evenly;
}
.header {
background-color: #48462D;
color: #DADAD3;
font-size: 30px;
padding: 10px;
text-align: center;
text-transform: lowercase;
font-family: Bartina;
letter-spacing: 5px;
}
.table-users {
border-radius: 10px;
max-width: calc(100% - 2em);
margin: 10px auto;
overflow: hidden;
width: 300px;
position: relative;
margin: 10px;
}
table {
width: 100%;
}
td {
text-align: center;
vertical-align: middle;
text-transform: lowercase;
letter-spacing: 2px;
color: #eee;
}
td a {color: #eee!important;}
td a:hover {color: #e83b17!important;}
th {
background-color: #D0D0C6;
text-align: right;
text-transform: uppercase;
letter-spacing: 2px;
padding: 10px 30px 10px 0;
}
tr {
&:nth-child(2n) {background-color: #686846;}
&:nth-child(2n+1) {background-color: #5B5940;}
}
</style>
[/html]
