Код:
<!--HTML--> <style> .nanashipper1 { width: 400px; height: 400px; padding: 20px; background-color: #efefef; border: 1px solid #e0e0e0; margin: 25px auto; } .nanashipper2 { width: 400px; height: 125px; background-color: #fff; position: relative; overflow: hidden; } .nanashipper3 { width: 73px; height: 73px; padding: 5px; border: 1px solid #8B8378; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; position: absolute; top: 20px; left: 20px; } .nanashipper3 img { width: 73px; height: 73px; border-radius: 100%; } .nanashipper4 { width: 235px; height: 20px; padding: 10px; background-color: #46485E; position: absolute; top: 20px; right: 20px; font: normal 700 20px/20px 'raleway'; color: #f1f1f1; text-transform: uppercase; } .nanashipper5 { width: 110px; padding: 4px; position: absolute; bottom: 40px; right: 155px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; } .nanashipper6 { width: 120px; padding: 4px; position: absolute; bottom: 40px; right: 20px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; } .nanashipper7 { width: 130px; padding: 4px; position: absolute; bottom: 17px; right: 135px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; } .nanashipper8 { width: 100px; padding: 4px; position: absolute; bottom: 17px; right: 20px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; } .nanashipper9 { width: 400px; height: 275px; position: relative; overflow: hidden; } .nanashipper10 { width: 400px; height: 275px; background-color: rgba(255,255,255,.4); position: absolute; bottom: -275px; right: 0px; transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; -webkit-transition: all 1.6s ease-in-out; } .nanashipper9:hover .nanashipper10 { bottom: 0px; } .nanashipper11 { width: 350px; height: 225px; background-color: #f9f9f9; border: 1px solid #eee; position: absolute; top: 25px; left: 25px; } .nanashipper12 { width: 330px; height: 210px; overflow: auto; position: absolute; left: 10px; top: 10px; padding-right: 2px; font: normal 400 12px/13px 'raleway'; color: #666; text-align: justify; } .nanashipper12 b { color: #8B8970; font-size: 12px; } .nanashipper12 i { color: #8B8386; } .nanashipper12::-webkit-scrollbar { width:2px; height:2px; } .nanashipper12::-webkit-scrollbar-track { background-color: #ccc; } .nanashipper12::-webkit-scrollbar-thumb { background-color: #999999; } .nanashipper13 { width: 0px; height: 0px; border-top: 50px solid transparent; border-right: 480px solid #fff; border-bottom: 0px solid transparent; position: absolute; bottom: 0px; right: 0px; transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; -webkit-transition: all 1.6s ease-in-out; } .nanashipper9:hover .nanashipper13 { bottom: 275px; } .nanashipper14 { width: 0px; height: 0px; border-top: 0px solid transparent; border-left: 480px solid #fff; border-bottom: 20px solid transparent; position: absolute; top: 0px; right: 0px; transition: all 1.9s ease-in-out; -moz-transition: all 1.9s ease-in-out; -webkit-transition: all 1.9s ease-in-out; } .nanashipper9:hover .nanashipper14 { border-bottom: 0px solid transparent; } </style><center> <div class="nanashipper1"> <div class="nanashipper2"> <div class="nanashipper3"> <img src="http://s009.radikal.ru/i308/1702/a2/bc522333ae66.gif"> </div> <div class="nanashipper4"> эриалс </div> <div class="nanashipper5"> <b>авторский регион</b> </div> <div class="nanashipper6"> <b>18 испытаний</b> </div> <div class="nanashipper7"> <b>семь поколений</b> </div> <div class="nanashipper8"> <b>единая цель</b> </div> </div> <div class="nanashipper9"> <img src="http://s019.radikal.ru/i622/1702/8e/c5fd7f0687a8.png"> <div class="nanashipper14"></div> <div class="nanashipper13"></div> <div class="nanashipper10"> <div class="nanashipper11"> <div class="nanashipper12"> ✲ Где-то на морских путях, между Канто и Алолой раскинулся некогда никому не интересный остров. Жизнь протекала там в темпе трудовых будней рядового Слоупока, но, разумеется, речь идет лишь о тренерском деле. В остальных аспектах Эриалс преуспевал: города стремились к солнцу, в научных центрах регулярно что-то взрывалось, сельское хозяйство цвело и пахло. Но жизнь не стоит на месте, и на одном трудолюбии четыре стены не обратить в царские палаты. Пока остальной мир черпал пользу из открытий, связанных с миром покемонов, благодаря усердной работе тренеров, Эриалс тихо и мирно сосуществовал бок о бок с карманными монстрами. Большой Взрыв, вызванный открытием Лиги на соседних островах, заставил руководителей пассивного сообщества пересмотреть свои позиции. Зацепившись за начавшую поднятие тренерского искусства группировку Генезис, власти узаконили начинания: Лидеров, Хранителей и Элитную Четверку во главе с Чемпионом. Представители, переговорщики и туристы объявились в порту Диаманти Тауна, как только новость об официальном открытии Лиги просочилась в информационную сеть. А ведь звание Чемпиона Эриалс никому не было обещано.. <br><br> <b>Начнем по порядку. Чем вас и <i>нас</i> цепляет явление сие?</b><br> ✲ Помимо неожиданно появившихся вакансий, Лига Эриалс бросает серьезный вызов. Во-первых, в регионе девять стадионов, а не классическая восьмерка. Во-вторых, для битвы с Элитной Четверкой нужно пройти испытания Хранителей, которых так же девять. Получается, претенденту необходимо посетить восемнадцать точек и преуспеть, прежде чем у него появится возможность бросить вызов четырем Вейлордам и Торкалу, на чьих плечах держится этот мир. <br><br> <b>Почему столько? Не перебор ли?</b><br> ✲ А вот нет. Сама идея подобного мероприятия заключается в двусторонней выгоде. Турниры вселенских масштабов спонсируют дядюшки с пухленькими кошельками, а ведь им тоже хочется что-то за это получить, так? Больше информации в покедексы, селфи со знаменитостями, подписки на каналы участников - любая активность в ареале актуальных реалий приводит ко взлету акций инвесторов. И именно в этом заключается весь смысл - чем ярче шоу устроим, тем слаще кусочек оторвем. <br><br> <b>О каком куске идет речь? Смысл же в чемпионском звании..</b><br> ✲ Казалось бы, но нет. Лига Эриалс предлагает нечто куда более интересное - застолбить местечко под солнцем. Лидеры и Хранители помогут подготовиться, проверят навыки претендентов. Не только спортивные, но и индивидуальные. Каждый пройденный этап привлечет все больше внимания к персоне, а победа над Чемпионом обеспечит светлым будущим. Сменить Лиму на посту главенствующего тренера региона не получится, ведь сама лига - ее птенец. Но победа над ней обеспечит бесплатное обучение в любом университете или колледже, со стажировкой в лучшей фирме и всеми шансами на дальнейшую работу в ней. <br><br> <b>Так это все ради перспектив?</b><br> ✲ Разумеется нет. Ведь это приключение! Невероятный опыт, насыщенный самыми разными кочками и ухабами, о которых никогда не надоест рассказывать друзьям. И кто знает - мы не вечны, и вполне вероятно, что ученик перепорхнет учителя. Кто мы - члены Элитной Четверки - такие, чтобы удерживать пост, при наличии более подходящего кандидата? Даже Лима, наш неоспоримый Чемпион, благодаря этому пути нашла свою нишу вне арены. <br><br> <b>Вы про компанию Генезиса против преступности?</b><br> ✲ Бинго! Ха, я стреляю пальцем, а этого никто не видит.. . Да, я именно про ее формирование. Генезис помог множеству молодых людей найти себя. Резкий спад преступности в Эриалс - это заслуга жителей региона. Понятное дело - лига стартовала четыре года назад, а спадом заинтересованности даже не веет. При таких условиях найдутся желающие поживиться за счет других. Но Генезис бдит! <br><br> <b>Недавний арест Админа Команды Хит-Фист приблизил Лиму к закрытию преступной организации?</b><br> ✲ Думаю, что да. Я не состою в Генезисе, так что мне сложно судить. Но, Чемпиону все посильно - она справится. С хакерами справилась, и этих одолеет. Так или иначе, а пока не известно даже имя главаря.. . <br><br> <b>Я вас поняла. Мы отошли от темы. Хотите что-нибудь добавить по поводу лиги?</b><br> ✲ Да! Хочу! Она крутая. Ха-ха. За четыре года у меня было порядка трех сотен сражений, и каждое интереснее предыдущего. Люди прибывают, проходят этот путь разными тропами: кто из Диаманти, кто из Платины, кто приплывет с другой стороны острова. Команды кардинально разные, свежие идеи, невероятные тактики. Я в восторге, честно. Лидеры и Хранители трудятся не покладая рук, взращивая новое поколение тренеров, и это прекрасно. <br><br> <b>Что же, спасибо, Беллами. Надеюсь, ты не откажешься повторить.</b><br> ✲ Поболтать? Всегда согласен. Не мне же проходить восемнадцать инстанций - у меня времени полно. <br><br> <i>Материал подготовлен редакцией Платина-Онлайн.<br> Специально для Вас, член Элитной Четверки Беллами Блэк.</i> </div> </div> </div> </div> </div> </center> </div>