ВЫДЕРЖКИ ИЗ ПРАВИЛ:
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>