[html]
<style type="text/css">
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display: none; }
.tabs>div {
display: none;
padding: 3px;
border: 0px solid #C0C0C0;
}
.tabs>label {
display: inline-block;
padding: 0px;
margin: 0 0px 0px 0;
text-align: center;
color: #666666;
border: 0px solid #C0C0C0;
cursor: pointer;
}
.tabs>input:checked + label {
color: #000000;
border: 0px solid #C0C0C0;
border-bottom: 0px solid #FFFFFF;
opacity: 1;
padding: 6px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }
.name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}
.name img {
border: none;
display: block;
z-index: 1;
}
.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.name:hover:before {
opacity: 0.6;
}
.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
.backk {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/p2cKLWT/MW.jpg");
background-position: top center;
background-repeat: no-repeat;
margin: auto;
}
.textt1 {
z-index: 10;
height: 170px;
width: 500px;
text-align: justify;
text-justify: inter - word;
font-size: 6.5px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #dfe1df;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -165px;
left: 20px;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
background-image: url("https://i.ibb.co/vdknP74/giphy-1.gif");
background-position: top center;
background-repeat: no-repeat;
}
.textt2 {
z-index: 10;
height: 5px;
width: 480px;
text-align: justify;
text-justify: inter-word;
font-size: 6.5px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -115px;
left: 0px;
background-color: #000;
opacity: 0.85;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
}
.textt3 {
z-index: 10;
height: 350px;
width: 495px;
text-transform: uppercase;
overflow: auto;
text-align: justify;
text-justify: inter-word;
font-size: 7.5px;
font-family: kurale;
letter-spacing: 1px;
color: #000000;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -130px;
text-indent: 10px;
opacity: 0.85;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
left: 25px;
}
</style>
<div class="backk">
<div class="textt1">
<div class="textt2">
<center> <font style="font-size: 8px;"> Внимательно приглянитесь к своему соседу по парте: он может оказаться среди них! </font></center>
</div>
</div>
<div class="textt3"> <b> </b>
<center><b> <font style="font-size: 16px; color: #D2691E;"> НА КАРАНДАШЕ У ПРОФЕССОРОВ</font> </b> </center>
<br>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" 01.10.96. УРОК ЗАКЛИНАНИЙ, ПЯТЫЙ КУРС [C]"><strong> 01.10.96. УРОК ЗАКЛИНАНИЙ, ПЯТЫЙ КУРС [C]</strong></a></span></p>
<p><span style="font-family:verdana,geneva,sans-serif;">Процессор Флитвик добавляет в быт пятикурсников немного магии, а те изо всех сил стараются открыть ему новые грани, казалось бы, самого простого волшебства. И это буквально выбивает книжки у него из-под ног. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Jason Samuels"><strong>DAVID BOORMAN</strong></a> - хороший мальчик Дэвид, гордость родителей и надежда факультета, возвращает в эту школу старую добрую традицию махача между Слизерином и Гриффиндором. И если вы думаете, что про махач – это мы фигурально, то вы просто на Заклинания с пятым курсом еще не ходили. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Richard Coote"><strong>Richard Coote</strong></a> - не успели Ричи выдать биту, как из славного добродушного кудряша он превратился в машину для отмщения. За Демельзу и двор палочкой машет в упор, не щадя ни противника, ни его мантию. А мы тут в «Дринкополитене» всегда говорили: квиддич – очень агрессивный спорт, смотрите, что с людьми делает, ай-яй. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Demelza Robins"><strong>Demelza Robins</strong></a> - как говорится, «ищите женщину» – и мы ее нашли. Гриффиндорка раздора, из-за которой искрит между сразу тремя соседями по парте, даже когда ее саму отсадят на другой конец класса. Самое прекрасное в этом, конечно, то, что Демельза вполне в состоянии как защититься, так и первой устроить драку совершенно самостоятельно. Girl power как оно есть. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" https://drinkbutterbeer.ru/viewtopic.php?id=3310]01.10.96. УРОК ТРАВОЛОГИИ, ШЕСТОЙ КУРС [С][/url]"><strong>01.10.96. УРОК ТРАВОЛОГИИ, ШЕСТОЙ КУРС [С]</strong></a></span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"> Фраза «Меня душит эта ваша учеба» никогда не была так актуальна, как недавно на Травологии. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Aiden O`Connor"><strong>THOMAS PALEY</strong></a> - обаятельный гриффиндорец, знающий все про вибрации тентакулы и ненавидящий вопросы про прическу даже больше, чем Поттер – фразу «У тебя глаза твоей матери», Томас легко переживает все невзгоды Травологии, очаровывая прекрасных дам и подбешивая окружающих слизеринцев. А уж у стручков там и вовсе не было шансов. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Lynette Sawley"><strong>Lynette Sawley</strong></a> - у хаффлпаффцев наверняка есть какие-то читы на Травологию, иначе чем вообще объяснить то, как ловко Линетт управляется с тентакулой, пока рядом отряд гриффиндорок получает от растения порцию синяков, и даже слизеринский приятель не в состоянии повторить за Соули ее успех? Запомните, дети: страшнее барсука в теплице зверя нет. И не ходите туда без хаффлпаффцев на всякий случай. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" https://drinkbutterbeer.ru/viewtopic.php?id=3309 04.10.96. УРОК ЗОТИ, СЕДЬМОЙ КУРС [С][/url]"><strong> 04.10.96. УРОК ЗОТИ, СЕДЬМОЙ КУРС [С]</strong></a></span></p>
<p><span style="font-family:verdana,geneva,sans-serif;">«Проклятье!» - скажете вы, увидев Снейпа в роли учителя ЗоТИ. Молодцы – тему урока вы уже угадали. А теперь попытайтесь выжить. Время пошло! </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Mordred Vaisey"><strong>Mordred Vaisey</strong></a> - не пытайтесь повторить это в быту, трюк выполнен на свой страх и риск, а выживание после него больше похоже на чудо. И это мы не про демонстрацию всему классу своих гусениц и даже не про попытку проклясть Снейпа, а про решение заодно его еще и во всеуслышание подколоть. Совсем вы себя не бережете, студентики, а мы-то думали, это у Гриффиндора суицидальность в комплекте с красным шарфом идет. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Anthony Rickett"><strong>Anthony Rickett</strong></a> - если кто-то и говорил Тони, что тому стоит стремиться к высокому, то понял его Рикетт определенно слишком буквально. Ну, летает – значит растет, хотя куда уж дальше-то. Впрочем, как говорится, чем бы хаффлпаффский загонщик ни тешился, лишь бы напарницу в наручники не заковывал, а то эти шутки про любовь квиддичистов к боли и страданиям ни один возрастной ценз «Дринкополитена» не пропустит. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Maxine O'Flaherty"><strong>Maxine O'Flaherty</strong></a> - общеизвестно, что за каждым успешным мужчиной стоит сильная женщина, и вряд ли бы Тони оказался в нашем списке, если бы не выдающийся пример командной работы с Макс. Вот уж воистину девушка, воспламеняющая взглядом и мотивирующая раз за разом устремляться ввысь. А, помимо набора проклятий, у нее еще и обморочные орешки найдутся – для тех, кто от переизбытка эмоций готов лишиться чувств. И, ей-Мерлин, не ее вина, если сосед по парте решил выбрать более хардкорный путь. </span></p>
<br>
<br>
</div>
</div>
</center>[/html]