[hideprofile]

[html]<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">

<style>
#gary input {display: none}
#gary {width: 660px; height: 650px; position: relative; background: #eee; margin: auto; box-sizing: border-box; border: 25px solid transparent; overflow: auto;}
#gary .imgbit {height: 600px; width: 200px; position: fixed; }
#gary .imgbit img {height: 100%; width: 100%; object-fit: cover; position: absolute}
#gary .firstlast {width:610px; height: 30px; background: none; position: absolute; transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg); top: 290px; left: -82.5px; display: flex; align-items: center; justify-content: space-between; }
#gary .firstlast .li1 {height: 3px; width: calc(100% - 10px); background: #BD5D5D;  position: absolute; right: 0;}
#gary .firstlast .namebit {height: 100%;position: absolute; display: flex; align-items: center; background:  #eee; padding: 0 15px 0 0; font-family: poppins; text-transform: uppercase; font-weight: 800; font-size: 13px; letter-spacing: 2px; color:#BD5D5D; left: 10px}
#gary #tabe1+label, #gary #tabe2+label, #gary #tabe3+label {width: calc(100% - 200px - 40px); display: block; height: 20px; position: relative; left: 240px; font-family: poppins; font-weight: 800; letter-spacing: 1px; line-height: 20px; font-size: 11px; text-transform: uppercase; color: #BD5D5D; margin-bottom: 5px; top: 0px; }
#gary #tabe1:checked+label, #gary #tabe2:checked+label, #gary #tabe3:checked+label {color: #487478}
#gary .li2 {height: 3px; width: 50px; position: absolute; background:  #BD5D5D; top: 80px; left: 222px}
#gary .cont1, #gary .cont2, #gary .cont3 {
    top: 100px;
    right: 0;
    width: calc(100% - 200px - 40px);
    position: absolute;
    display: flex;
    flex-direction: column;
    color: #02030e;
    font-family: calibri;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 1.6;
    border: 10px solid transparent;
    box-sizing: border-box;
}
#gary .cont1 bit span {color: #487478; border-bottom: 2px solid #487478; font-size: 10px;}
#gary .cont1 bit {margin-top: 10px; margin-bottom: 3px}
#gary .cont1 bit:nth-child(1) {margin-top: 0;}
#gary #tabe1:checked+label ~ .cont1  {opacity: 1; z-index: 5}
#gary #tabe2:checked+label ~ .cont2  {opacity: 1; z-index: 5}
#gary #tabe3:checked+label ~ .cont3  {opacity: 1; z-index: 5}
#gary .cont1, #gary .cont2, #gary .cont3 {opacity: 0; transition: 0.4s ease; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;}
#gary .cont2::-webkit-scrollbar, #gary .cont3::-webkit-scrollbar {width: 0}
</style>

<div id="gary">
<div class="imgbit">
   <img src="https://i.pinimg.com/564x/2d/e8/66/2de866f1c1b54cf3b32bd460423534f0.jpg">
</div>
<div class="firstlast"> <div class="li1"></div>
   <div class="namebit">процесс обучения</div>
</div>
<input type="radio" id="tabe1" name="shiptabs"checked>
<label for="tabe1">Про нашу академию</label>
<input type="radio" id="tabe2" name="shiptabs">
<label for="tabe2">Школьная форма</label>
<input type="radio" id="tabe3" name="shiptabs">
<label for="tabe3">Школьный устав</label>
<div class="li2"></div>
<div class="cont1">
Обучением занимается единственная в магическом мире академия Солар Эклипс. С древних времен она существует для того, чтобы воспитывать будущих волшебников, и найти среди них избранных, которые остановят распространение проклятия согласно древнейшему пророчеству со времен возникновения магов.
<br>
<br><i>...Темное отрицает, светлое создает.
Однажды появятся связанные вместе души и
приведут оба мира, людской и волшебный, к абсолютному равновесию.</i>
<br>
<br>В академии происходит деление магов на два факультета, как и два общих направления в магии: свет и тьма, которым нужно находится в балансе, чтобы не подвергнуть оба мира уничтожению. Путь каждого мага при рождении предопределен, он не может родиться с темным потенциалом и стать светлым, маги рождаются в строгом балансе.
<br>
<br>Поступление всех магов начинается с 16 лет.
<br>Начальное образование для них предоставляется либо домашним обучением, либо прохождением учебы в специальных подготовительных классах (которые также организовываются частными преподавателями).
<br>
<br>История академии уходит корнями в те далекие времена, когда магия и волшебство только зарождались как явление, магических детей нужно было обучать и с ростом популяции потребность в грамотных и опытных наставниках все росла. Тогда на собрании верховных магов было решено организовать образовательное заведение для молодых магов. Изначально академия располагалась на основном магическом архипелаге и представляла собой небольшое здание с несколькими классами для обучения. Лишь с годами и ростом урбанизации в магическом мире, для академии был искусственно создан небольшой остров.
<br>
<br>Переехав на остров, академия Солар Эклипс стала разрастаться:  длинные коридоры учебных классов, залы факультетов, общежития, все это занимало огромное пространство, чтобы многочисленным ученикам было где разместиться и чем заняться в течение пяти лет обучения. Позже, с возникновением проблемы химер, маги поняли, что те стали стекаться к Академии - ведь там для них было весьма простое пропитание, которое не даст толковый отпор, на острове была основана дополнительная база Светлого и Темного Дозора, был основан отдельный остров, накрытый магическим куполом, куда отлавливали расползающихся по острову химер.
<br>
<br>Около 30 лет назад неподалеку от Академии был основан город и ферма, работающие, в основном, на обеспечение академии всем необходимым и являющийся популярным местом для студентов, уходящих на каникулы.

<center><b>ИЕРАРХИЯ</b></center>
<br>
<br>Во главе академии стоит Директор. Его власть является неоспоримой.
<br>За ним идет заведующий учебной частью (Завуч).
<br>За факультетами света и тьмы присматривают светлый и темный Деканы соответственно.
<br>
<br>Также в академии существует должность Смотрителя (Наблюдателя или Зорчего), который обязан докладывать директору и ордену о всех происшествиях, возникших под его надзором.
<br>
<br>У каждого курса есть свои кураторы (из педагогического состава) и старосты (из учеников заведения).
10 старост формируют собой Студенческий совет, 10 кураторов-педагоги - Контрольно-дисциплинарный комитет (КДК); оба дисциплинарных органа могут выносить наказания за провинности и нарушения школьных правил.
<br>
<br>Помимо этого на территории академии помимо преподавателей и учеников находятся лаборанты, практиканты и методисты (выпускники, отказавшиеся покидать Академию Солар Эклипс и принявшие посвятить остаток жизни помощи обучению юных магов).
<br>
<br>За готовку и чистоту в классах отвечают дежурные классы, исключений нет (кроме заболевших и присутствующих на экзаменах или отработке дополнительных занятий).
</div>
<div class="cont2">
<br>Для студентов факультетов существует цветовое разделение по форме. Преподаватели также одеваются в соответствии расцветки своего факультета, но вольны добавлять в свои одеяния цветные акценты (оттенки алого, синего, фиолетового и других цветов).
<br>
<br>Светлым - белое, тьме - черное. Это потому что во время обучения юные волшебники представляют собой чистый лист. Светлые маги, как белоснежная бумага оттенка солнечных лучей, а темные колдуны - черный, как ночь без звезд, холст.<br>
<br><a href="https://forumstatic.ru/files/001c/2f/90/47752.png">форма девочек</a>
<br><a href="https://forumstatic.ru/files/001c/2f/90/89588.png">форма мальчиков</a>
</div>

<div class="cont3">

<br><center><b>ШКОЛЬНЫЙ УСТАВ* ГЛАСИТ: </b></center>
<br>

<br>1. Не посмей воззвать к атакующей магии вне занятий, ибо сила ее не подвластна контролю и понесут потери те, в ком нет вины.
<br>2. На занятиях твой внешний вид должен соответствовать правилам, ибо в этом есть дисциплина и порядок.
<br>3. Плотские отношения между учениками возбраняются, береги честь с младых лет, а тело для своего будущего супруга.
<br>4. Академия - твой новый дом и безопасная обитель, не покидай её пределы без разрешения, дабы не попасть в опасную и угрожающую твоей ситуацию.
<br>5. Приходи на занятия вовремя и будь готов к урокам, помни - знания сила.
<br>6. Если уж совершил шалость, то наказание для тебя изберет учитель или директор.
<br>7. Уважай учителя своего и все, что предоставляет академия.
<br>8. Запрещенные вещества употреблять строго возбраняется в любом виде - это табу.
<br>
<br><i>* - данные правила обучающиеся с успехом нарушают, однако если они не пойманы преподавательским составом или комитетом, то могут также успешно избежать наказания.</i>
</div>
</div>

[/html]