администрация проекта
ВЫДЕРЖКИ ИЗ ПРАВИЛ:
2.1. Все роли и внешности придерживаются за гостевым профилем только на одни сутки, а за зарегистрированным игроком сроком на 3 дня с возможностью продления.2.9. Запрещено использование внешностей, которые уже заняты игроками проекта. Исключение: близнецы. Если же Вы хотите изъять внешность из какой-то акции для авторского персонажа, то необходимо спросить разрешения у администрации.
2.10. Запрещено дублирование имен и фамилий, которые уже заняты игроками проекта, а также проходят по акциям. Исключение для фамилий: семейные и родственные связи (в этом случае надо заранее обсуждать с игроком). Также запрещена регистрация сокращённых имён, если полное имя занято игроком. Бронирование имен и фамилий невозможно.
ПРИДЕРЖАННЫЕ И ВЫКУПЛЕННЫЕ ВНЕШНОСТИ УКАЗАНЫ В ГОСТЕВОЙ.
Код:
<!--HTML-->
<div id="spiritworkroom">
<div class="spiritfirst"> </div>
<div class="spiritsecond">
<div class="tabs">
<input id="tab1" type="radio" name="tabs" checked="">
<label for="tab1"><b>внешности</b></label>
<input id="tab2" type="radio" name="tabs">
<label for="tab2">имена и фамилии</label>
<section id="content-tab1">
<p>
</p><div class="stolbik1">
<center><div style="font-family: Oranienbaum; font-size: 16px; color: #202637;"><b>ЖЕНСКИЕ ВНЕШНОСТИ</b></div>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>A – B – C – D</b>
<div style="font-family: Oranienbaum; font-size: 13px; "><br>
Amita Suman — <a href="https://grishaverse.ru/profile.php?id=9">Inej Ghafa</a><br>
Bruna Marquezine — <a href="https://grishaverse.ru/profile.php?id=58">Marina Anikina </a><br>
Daisy Head — <a href="https://grishaverse.ru/">Genya Safin</a><br>
Danielle Galligan — <a href="https://grishaverse.ru/profile.php?id=149">Nina Zenik </a><br>
Deva Cassel — <a href="https://grishaverse.ru/profile.php?id=178">Elena Sokolova</a><br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>E – F – G – H</b></div><br>
Emilia Clarke — <a href="https://grishaverse.ru/profile.php?id=2">Rovenna Arwen</a><br>
Freya Mavor — <a href="https://grishaverse.ru/profile.php?id=36">Kostya Karelin</a><br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>I – J – K – L</b></div><br>
India Eisley — <a href="https://grishaverse.ru/profile.php?id=2">Rovenna Arwen</a><br>
Janet Montgomery — <a href="https://grishaverse.ru/profile.php?id=2">Rovenna Arwen</a><br>
Jessie Mei Li — <a href="https://grishaverse.ru/profile.php?id=42">Alina Starkova </a><br>
Kaya Scodelario — <a href="https://grishaverse.ru/profile.php?id=136">Elizaveta Terekhova</a><br>
Lily Collins — <a href="https://grishaverse.ru/profile.php?id=25">Margaret Nowak</a><br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>M – N – O – P</b></div><br>
Madelaine Petsch — <a href="https://grishaverse.ru/profile.php?id=50">Dunyasha Lazareva</a><br>
Maria Andreeva — <a href="https://grishaverse.ru/profile.php?id=56">Polina Zhdanova</a><br>
Milly Alcock — <a href="https://grishaverse.ru/profile.php?id=166">Avanti Kir-Tsinkan </a><br>
Nadia Parkes — <a href="https://grishaverse.ru/profile.php?id=173">Mila Skuratova </a><br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>Q – R – S – T</b></div><br>
Sadie Sink — <a href="https://grishaverse.ru/profile.php?id=161">Wendelina Dear</a><br>
Sarah Gadon — <a href="https://grishaverse.ru/profile.php?id=63">Anastasia Vorontsova </a><br>
Simone Ashley— <a href="https://grishaverse.ru/profile.php?id=115">Zoya Nazyalensky </a><br>
Sujaya Dasgupta — <a href="https://grishaverse.ru/profile.php?id=90">Zoya Nazyalensky </a><br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>U – V – W – X – Y – Z</b></div><br>
Zendaya — <a href="https://grishaverse.ru/profile.php?id=100">Aleena Mirage </a><br>
Zoe Kravitz — <a href="https://sixofcrows.ru/profile.php?id=163">Ulla Morozova </a><br>
<br><br>
</div></div></center>
</div>
<div class="stolbik2">
<center><div style="font-family: Oranienbaum; font-size: 16px; color: #202637;"><b>МУЖСКИЕ ВНЕШНОСТИ</b></div>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>A – B – C – D</b>
<div style="font-family: Oranienbaum; font-size: 13px; "><br>
Archie Renaux — <a href="https://grishaverse.ru/profile.php?id=110">Malyen Oretsev</a><br>
Ben Barnes — <a href="https://grishaverse.ru/profile.php?id=52">Aleksander Morozov</a><br>
Blake Ritson — <a href="https://grishaverse.ru/profile.php?id=7">Ivan Ranevsky</a><br>
Benjamin Wadsworth — <a href="https://grishaverse.ru/profile.php?id=48">Alexei Shatov</a><br>
Brett Dalton — <a href="https://grishaverse.ru/profile.php?id=46">Severin Kavalsky</a><br>
Daniel Sharman — <a href="https://grishaverse.ru/">Nathan Arwen </a><br>
Dmitry Chebotarev — <a href="https://grishaverse.ru/profile.php?id=157">Nikita Shmelev </a><br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>E – F – G – H</b></div><br>
Eamon Farren — <a href="https://grishaverse.ru/profile.php?id=107">Radan Skuratov </a><br>
Evgeny Schwartz — <a href="https://grishaverse.ru/profile.php?id=7">Ivan Ranevsky</a><br>
Freddy Carter — <a href="https://grishaverse.ru/profile.php?id=16">Kaz Brekker</a><br>
Henry Cavill — <a href="https://grishaverse.ru/profile.php?id=36">Kostya Karelin </a><br>
Howard Charles — <a href="https://grishaverse.ru/profile.php?id=17">Arken Visser</a><br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>I – J – K – L</b></div><br>
Jack Wolfe — <a href="https://grishaverse.ru/profile.php?id=150">Wylan Hendriks </a><br>
Joey Batey — <a href="https://grishaverse.ru/profile.php?id=110">Malyen Oretsev</a><br>
Julian Kostov — <a href="https://grishaverse.ru/">Fedyor Kaminsky</a><br>
Kit Young — <a href="https://grishaverse.ru/profile.php?id=182">Jesper Fahey</a><br>
Lucas Jade Zumann — <a href="https://grishaverse.ru/profile.php?id=36">Kostya Karelin</a><br>
Luke Pasqualino — <a href="https://grishaverse.ru/profile.php?id=176">David Kostyk</a><br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>M – N – O – P</b></div><br>
Percy Hynes White — <a href="https://grishaverse.ru/profile.php?id=177">Erwan Scrim </a><br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>Q – R – S – T</b></div><br>
Richard Madden — <a href="https://grishaverse.ru/">Dimitri Arwen </a><br>
Sergey Goroshko — <a href="https://grishaverse.ru/profile.php?id=156">Mark Lubezki</a><br>
Skandar Keynes — <a href="https://grishaverse.ru/profile.php?id=112">Kirill Titov </a><br>
Thomas Doherty — <a href="https://grishaverse.ru/profile.php?id=52">Aleksander Morozov</a><br>
Timothee Chalamet — <a href="https://grishaverse.ru/profile.php?id=36">Kostya Karelin </a><br>
Tom Ellis — <a href="https://grishaverse.ru/profile.php?id=168">Sebastian Hill </a><br>
Tom Sturridge— <a href="https://grishaverse.ru/profile.php?id=144">Felix Foxx </a><br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>U – V – W – X – Y – Z</b></div><br>
Yuri Chursin — <a href="https://grishaverse.ru/profile.php?id=137">Vladislav Kazarin </a><br>
<br><br>
</div></div></center>
</div>
<p></p>
</section>
<section id="content-tab2">
<p>
</p><div class="stolbik3">
<center><div style="font-family: Oranienbaum; font-size: 16px; color: #202637;"><b>ЖЕНСКИЕ ИМЕНА</b></div>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>A – B – C – D</b>
<div style="font-family: Oranienbaum; font-size: 13px; "><br>
<a href="https://grishaverse.ru/profile.php?id=166">Avanti</a> — Аванти<br>
<a href="https://grishaverse.ru/profile.php?id=100">Aleena</a> — Алеена <br>
<a href="https://grishaverse.ru/profile.php?id=42">Alina</a> — Алина <br>
<a href="https://grishaverse.ru/">Alisa</a> — Алиса <br>
<a href="https://grishaverse.ru/profile.php?id=63">Anastasia</a> — Анастасия <br>
<a href="https://grishaverse.ru/profile.php?id=36">Anna</a> — Анна <br>
<a href="https://grishaverse.ru/">Baghra</a> — Багра <br>
<a href="https://grishaverse.ru/profile.php?id=50">Dunyasha</a> — Дуняша<br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>E – F – G – H</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=178">Elena</a> — Елена <br>
<a href="https://grishaverse.ru/profile.php?id=136">Elizaveta</a> — Елизавета<br>
<a href="https://grishaverse.ru/">Genya</a> — Женя <br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>I – J – K – L</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=9">Inej</a> — Инеж <br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>M – N – O – P</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=25">Margaret</a> — Маргарет <br>
<a href="https://grishaverse.ru/profile.php?id=58">Marina</a> — Марина <br>
<a href="https://grishaverse.ru/profile.php?id=173">Mila</a> — Мила<br>
<a href="https://grishaverse.ru">Nadia</a> — Надя<br>
<a href="https://grishaverse.ru/profile.php?id=149">Nina</a> — Нина<br>
<a href="https://grishaverse.ru/profile.php?id=56">Polina</a> — Полина<br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>Q – R – S – T</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=2">Rovenna</a> — Ровенна <br>
<a href="https://grishaverse.ru/profile.php?id=2">Sofia</a> — София <br>
<a href="https://grishaverse.ru">Tamara</a> — Тамара<br>
<a href="https://grishaverse.ru">Tatiana</a> — Татьяна<br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>U – V – W – X – Y – Z</b></div>
<br>
<a href="https://sixofcrows.ru/profile.php?id=163">Ulla</a> — Улла<br>
<a href="https://sixofcrows.ru/profile.php?id=163">Ursula</a> — Урсула<br>
<a href="https://grishaverse.ru/profile.php?id=136">Victoria</a> — Виктория<br>
<a href="https://grishaverse.ru/profile.php?id=161">Wendelina</a> — Венделина<br>
<a href="https://grishaverse.ru/profile.php?id=115">Zoya</a> — Зоя <br>
<br><br>
</div></div></center>
</div>
<div class="stolbik4">
<center><div style="font-family: Oranienbaum; font-size: 16px; color: #202637;"><b>МУЖСКИЕ ИМЕНА</b></div>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>A – B – C – D</b>
<div style="font-family: Oranienbaum; font-size: 13px; "><br>
<a href="https://grishaverse.ru/profile.php?id=52">Aleksander</a> — Александр <br>
<a href="https://grishaverse.ru/profile.php?id=48">Alexei</a> — Алексей<br>
<a href="https://grishaverse.ru/profile.php?id=17">Arken</a> — Аркен<br>
<a href="https://grishaverse.ru/profile.php?id=36">Christian</a> — Кристиан<br>
<a href="https://grishaverse.ru/profile.php?id=176">David — Давид <br>
<a href="https://grishaverse.ru/">Dimitri</a> — Димитрий <br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>E – F – G – H</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=177">Erwan</a> — Эрван <br>
<a href="https://grishaverse.ru/">Fedyor</a> — Фёдор<br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>I – J – K – L</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=7">Ivan</a> — Иван <br>
<a href="https://grishaverse.ru/profile.php?id=182">Jesper</a> — Джеспер<br>
<a href="https://grishaverse.ru/profile.php?id=16">Kaz</a> — Каз <br>
<a href="https://grishaverse.ru/profile.php?id=112">Kirill </a> — Кирилл <br>
<a href="https://grishaverse.ru/profile.php?id=36">Kostya</a> — Костя [Константин] <br>
<a href="https://grishaverse.ru/profile.php?id=110">Lucian</a> — Люциан <br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>M – N – O – P</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=110">Malyen</a> — Мальен<br>
<a href="https://grishaverse.ru/profile.php?id=156">Mark</a> — Марк<br>
<a href="https://grishaverse.ru/">Matthias</a> — Матиас <br>
<a href="https://grishaverse.ru/">Nathan</a> — Нэйтан <br>
<a href="https://grishaverse.ru/profile.php?id=157">Nikita </a> — Никита <br>
<a href="https://grishaverse.ru/">Nikolai</a> — Николай<br>
<a href="https://grishaverse.ru/profile.php?id=136">Pavel</a> — Павел <br>
<a href="https://grishaverse.ru/profile.php?id=52">Petr</a> — Петр <br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>Q – R – S – T</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=107">Radan</a> — Радан<br>
<a href="https://grishaverse.ru/profile.php?id=168">Sebastian</a> — Себастьян <br>
<a href="https://grishaverse.ru/profile.php?id=46">Severin</a> — Северин<br>
<a href="https://grishaverse.ru">Tolya</a> — Толя<br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>U – V – W – X – Y – Z</b></div><br>
<a href="https://grishaverse.ru/">Vasily</a> — Василий <br>
<a href="https://grishaverse.ru/profile.php?id=137">Vladislav</a> — Владислав <br>
<a href="https://grishaverse.ru/profile.php?id=150">Wylan</a> — Уайлен <br>
<a href="https://grishaverse.ru/profile.php?id=7">Yuriy</a> — Юрий <br>
<br><br>
</div></div></center>
</div>
<div class="stolbik5">
<center><div style="font-family: Oranienbaum; font-size: 16px; color: #202637;"><b>ФАМИЛИИ</b></div>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>A – B – C – D</b>
<div style="font-family: Oranienbaum; font-size: 13px; "><br>
<a href="https://grishaverse.ru/profile.php?id=58">Anikina</a> — Аникина <br>
<a href="https://grishaverse.ru/profile.php?id=2">Arwen</a> — Арвен <br>
<a href="https://grishaverse.ru/profile.php?id=16">Brekker</a> — Бреккер <br>
<a href="https://grishaverse.ru/profile.php?id=161">Dear</a> — Диэр<br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>E – F – G – H</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=182">Fahey</a> — Фахи<br>
<a href="https://grishaverse.ru/profile.php?id=144">Foxx</a> — Фокс <br>
<a href="https://grishaverse.ru/profile.php?id=9">Ghafa</a> — Гафа <br>
<a href="https://grishaverse.ru/">Helvar</a> — Хельвар <br>
<a href="https://grishaverse.ru/profile.php?id=150">Hendriks</a> — Хендрикс <br>
<a href="https://grishaverse.ru/profile.php?id=168">Hill</a> — Хилл <br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>I – J – K – L</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=46">Kavalsky</a> — Кавальский<br>
<a href="https://grishaverse.ru/">Kaminsky</a> — Каминский<br>
<a href="https://grishaverse.ru/profile.php?id=36">Karelin</a> — Карелин <br>
<a href="https://grishaverse.ru/profile.php?id=137">Kazarin</a> — Казарин <br>
<a href="https://grishaverse.ru">Kir-Bataar</a> — Кир-Батар <br>
<a href="https://grishaverse.ru/profile.php?id=166">Kir-Tsinkan</a> — Кир-Цинкан <br>
<a href="https://grishaverse.ru/profile.php?id=176">Kostyk</a> — Костюк<br>
<a href="https://grishaverse.ru/profile.php?id=52">Krasnov</a> — Краснов <br>
<a href="https://grishaverse.ru/">Lantsov</a> — Ланцов <br>
<a href="https://grishaverse.ru/profile.php?id=50">Lazareva</a> — Лазарева <br>
<a href="https://grishaverse.ru/profile.php?id=156">Lubezki</a> — Любецкий<br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>M – N – O – P</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=136">Menshikov</a> — Меньшиков <br>
<a href="https://grishaverse.ru/profile.php?id=110">Miloslavsky</a> — Милославский <br>
<a href="https://grishaverse.ru/profile.php?id=100">Mirage</a> — Мираж <br>
<a href="https://grishaverse.ru/profile.php?id=52">Morozov</a> — Морозов<br>
<a href="https://grishaverse.ru/profile.php?id=115">Nazyalensky</a> — Назяленская <br>
<a href="https://grishaverse.ru/profile.php?id=25">Nowak</a> — Новак <br>
<a href="https://grishaverse.ru/profile.php?id=7">Onegin</a> — Онегин <br>
<a href="https://grishaverse.ru/profile.php?id=110">Oretsev</a> — Оретцев<br>
<a href="https://grishaverse.ru/profile.php?id=36">Orlova </a> — Орлова <br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>Q – R – S – T</b></div><br>
<a href="https://grishaverse.ru/profile.php?id=7">Ranevsky</a> — Раневский<br>
<a href="https://grishaverse.ru/profile.php?id=16">Rietveld</a> — Ритвельд <br>
<a href="https://grishaverse.ru/profile.php?id=2">Romavona</a> — Романова <br>
<a href="https://grishaverse.ru/">Safin</a> — Сафина<br>
<a href="https://grishaverse.ru/profile.php?id=177">Scrim</a> — Скрим <br>
<a href="https://grishaverse.ru/profile.php?id=48">Shatov</a> — Шатов<br>
<a href="https://grishaverse.ru/profile.php?id=157">Shmelev</a> — Шмелев <br>
<a href="https://grishaverse.ru/profile.php?id=107">Skuratov</a> — Скуратов<br>
<a href="https://grishaverse.ru/profile.php?id=178">Sokolova</a> — Соколова<br>
<a href="https://grishaverse.ru/profile.php?id=42">Starkova</a> — Старкова <br>
<a href="https://grishaverse.ru/profile.php?id=136">Terekhova</a> — Терехова<br>
<a href="https://grishaverse.ru/profile.php?id=112">Titov </a> — Титов<br>
<br><br>
<div style="font-family: Oranienbaum; font-size: 14px; color: #202632;"><b>U – V – W – X – Y – Z</b></div><br>
<a href="https://grishaverse.ru/">Van Eck</a> — Ван Эк <br>
<a href="https://grishaverse.ru/profile.php?id=17">Visser</a> — Виссер <br>
<a href="https://grishaverse.ru/profile.php?id=63">Vorontsova</a> — Воронцова <br>
<a href="https://grishaverse.ru">Yul-Bataar</a> — Юл-Батар<br>
<a href="https://grishaverse.ru/profile.php?id=56">Zhdanova</a> — Жданова<br>
<a href="https://grishaverse.ru/profile.php?id=149">Zenik</a> — Зеник <br>
<a href="https://grishaverse.ru/">Zorin</a> — Зорин <br>
<br><br>
</div></div></center>
<p></p>
</div></section>
</div>
</div>
<div class="clearer"></div>
<style>
/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');
.stolbik1{
position: absolute!important;
margin-left: -10px!important;
margin-top: 0px!important;
width: 370px;
height: 640px;
text-align: justify;
overflow-x: hidden;
font-size: 14px;
color: #090600;
text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.9);
}
.stolbik2{
position: absolute!important;
margin-left: 366px!important;
margin-top: 0px!important;
width: 370px;
height: 640px;
text-align: justify;
overflow-x: hidden;
font-size: 14px;
color: #090600;
text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.9);
}
.stolbik3{
position: absolute!important;
margin-top: 0px!important;
width: 240px;
height: 640px;
text-align: justify;
overflow-x: hidden;
font-size: 14px;
color: #090600;
text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.9);
}
.stolbik4{
position: absolute!important;
margin-left: 250px!important;
margin-top: 0px!important;
width: 240px;
height: 640px;
text-align: justify;
overflow-x: hidden;
font-size: 14px;
color: #090600;
text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.9);
}
.stolbik5{
position: absolute!important;
margin-left: 496px!important;
margin-top: 0px!important;
width: 240px;
height: 640px;
text-align: justify;
overflow-x: hidden;
font-size: 14px;
color: #090600;
text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.9);
}
#spiritworkroom {
margin: auto!important;
height: 765px;
width: 780px;
background: #240105; *красное поле*
margin: 20;
box-shadow: 0 0 0 1px rgba(0,0,0,.2)}
.spiritfirst {
margin-left: 100px!important;
background: #928B80;
float: left;
height: 740px;
overflow: hidden;
position: relative;}
.spiritsecond {background: #d2cfc6;
width: 749px;
height: 730px;
margin-top:15px;
border: 1px solid rgba(0,0,0,.2);
position: absolute;
margin-left: 15px;
}
.tabs {
padding: 0px;
margin: 0 auto;
}
.tabs>section {
display: none;
padding: 10px;
height: 440px;
overflow-y: auto;
margin: 0px;
font-family: arial;
font-size: 14px;
text-align: justify
}
.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@keyframes fadeIn {
from {
transform: translate(-400px,0);
transform-origin: 50% 0%;
}
to {
transform: translate(0px,0);
}
}
.tabs>input {
display: none;
position: absolute;
}
.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
display: inline-grid;
margin: 0 -3px 0px;
padding: 15px 0px;
font-weight: 600;
text-align: center;
color: #110b0b;
background: #c7c6bb;
width: 376px;
border: solid rgba(0,0,0,.2);
border-width: 0px 0px 1px 0px;
left: 3px;
top: 0px;
position: relative;
font-family: pt sans;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 2px;
box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
}
.tabs>label:after {content: "";
display: block;
position:absolute;
width:371px;
height: 3px;
background: #9c9283;
left:3px;
bottom:3px;
transform: scaleX(0);
transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}
.tabs>label:hover:after {transform: scaleX(1);
background: #42282b;} *цвет полосочки при наведении*
.tabs>label:hover {
color: #110b0b;
cursor: pointer;
transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}
.tabs>input:checked+label {
color: #110b0b;
background: #bfbdb4;
}
.tabs>input:checked+label:after {content: "";
display: block;
position:absolute;
width: 369px;
height: 3px;
background: #330007; *цвет полосочки*
left:3px;
bottom:3px;
transform: scaleX(1);
transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
display: block;
}
</style>
</div>
