Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'> <style type="text/css"> #xmenapp { width: 600px; height: 723px; position: relative; overflow: hidden; color: #FFFFFF; } #xmenapp .sptfapp { -WEBKIT-TRANSITION: 1S ALL EASE-IN-OUT; -MOZ-TRANSITION: 1S ALL EASE-IN-OUT; O-TRANASITION: 1S ALL EASE-IN-OUT; position: absolute; right: 0px; top:0px; width: 600px; height: 600px; z-index: 5; } #xmenapp:hover .sptfapp { -WEBKIT-TRANSITION: 1S ALL EASE-IN-OUT; -MOZ-TRANSITION: 1S ALL EASE-IN-OUT; O-TRANASITION: 1S ALL EASE-IN-OUT; top: -600px;} .xmenappback { width: 600px; height: 600px; } .tabs { position: relative; width: 600px; height: 600px; } .tab { float: left; } .tab label { width: 200px; text-align: center; height: 10px; display: block; background-color: #150C00; text-transform: uppercase; font-family: 'Quicksand'; padding: 10px; margin-left: -1px; position: relative; left: 85px; top: 5px; bottom: 5px; margin-right: 5px; } .tab [type=radio] { display: none; } .content { position: absolute; top: 28px; bottom: 0px; left: 0px; right: 0px; color: #000000; } [type=radio]:checked ~ label { background-color: #573B17; z-index: 2; } [type=radio] ~ label ~ .content { display: none; } [type=radio]:checked ~ label ~ .content { z-index: 1; display: block; } </style> <center> <div id="xmenapp"><div class="xmenappback"><div class="sptfapp"> <div style="font-family: 'QuickSand'; position: relative; margin-top: -550px; font-size: 25px; text-align: center; text-transform: uppercase; color: #FFFFFF; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;">first middle last</div></div> <center><div class="tabs"> <div class="tab"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">ИСТОРИЯ</label> <div class="content"> <center><table> <tr> <td><div style="font-size: 16px; font-family: Quicksand; margin-left: 30px; border: 0px;"><a href="https://celtictiger.rusff.me/viewforum.php?id=6">► ДЕЙСТВУЮЩИЕ АКЦИИ</a><br><a href="https://celtictiger.rusff.me/viewtopic.php?id=31#p134">► ХРОНОЛОГИЯ И КВЕСТЫ</a></div><div style="width:270px; height: 150px; border: solid #573B17 2px; background-image: url('http://funkyimg.com/i/2BEp6.gif');"></div></td> <td> <br> <div style="width: 250px; height: 12px; background-color: #573B17; color:#ffffff; font-family: 'QuickSand'; text-transform: uppercase; text-align: center; padding: 5px; ">ЖАНР: КРИМИНАЛ</div><br> <div style="width: 250px; height: 12px; background-color: #573B17; color:#ffffff; font-family: 'QuickSand'; text-transform: uppercase; text-align: center; padding: 5px;">РЕЙТИНГ: NC-17</div><br> <div style="width: 250px; height: 12px; background-color: #573B17; color:#ffffff; font-family: 'QuickSand'; text-transform: uppercase; text-align: center; padding: 5px;">МАСТЕРИНГ: СМЕШАННЫЙ</div><br> <div style="width: 250px; height: 12px; background-color: #573B17; color:#ffffff; font-family: 'QuickSand'; text-transform: uppercase; text-align: center; padding: 5px;">ЭПИЗОДИЧЕСКАЯ СИСТЕМА</div><br> <div style="width: 250px; height: 14px; background-color: #573B17; color:#ffffff; font-family: 'QuickSand'; text-transform: uppercase; text-align: center; padding: 5px;">ЛИМЕРИК, ИРЛАНДИЯ | 1920</div><br> </td> </tr></table></center> <div style="font-family: 'QuickSand'; font-size: 20px; text-align: center; text-transform: uppercase; color: #150C00;"> сюжет</div> <center> <div style="width: 600px; height: 411px; font-family: helvetica; font-size: 11px; text-align: justify; overflow: auto; "> <b><i>Д</i></b>обро пожаловать в Лимерик, город-графство на западном побережье Ирландии, страны, раздираемой противоречиями и жаждой свободы. Разбитый на сферы влияния уличных банд, после опустошительной Первой мировой войны Лимерик восстанавливается, на обугленных остовах сооружая центр сосредоточения городской казны — западный железнодорожный узел. <i>Шаннон</i> — река, поделившая город на части, стала естественной границей для тех, кто продолжает воевать, вернувшись домой.<br> <b>Южный Лимерик</b> — окраина города и сосредоточение его главных производственных ресурсов в руках профсоюзной системы, защищающей нищету рабочего класса. Они бедны и голодны, их труд недооценён, а его плоды пожинаются бессердечными политиками и продажной полицией. Отсюда берут своё начало массовые выступления недовольных горожан, здесь рождаются мысли о революции.<br> <b>Западный Лимерик</b> — историческая часть города, прибежище английских лордов и ирландских лоялистов. Богатые усадьбы и лучшие пабы среди уличного сброда. Здесь вершится суд, в котором власть принадлежит знатным, здесь карают чужих и непохожих, здесь за каменными стенами прячутся те, кто главенствует над судьбой народа.<br> <b>Северный Лимерик</b> — два куска земли, заключенные в границы реки Шеннон и поделённые Ривер Абби. <i>Кинг Айленд</i>, райское прибежище англиканской церкви, и <i>Лоуэр Парк</i>, отданный во владения нищенствующему католичеству.<br> <b>Восточный (центральный) Лимерик</b> — сердце города и местоположение развивающегося железнодорожного узла. Самое спорное, богатое и неспокойное место по правую руку от Шеннон, где за место под переменчивым ирландским небом борются банды и целые семьи, сыновья которых только вчера вернулись с войны.<p> </div> </center> </div> </div> <div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">FAQ</label> <div class="content"> <div style="font-family: 'QuickSand'; font-size: 20px; text-align: center; text-transform: uppercase; color: #150C00; padding: 5px; padding-top: 21px;">часто задаваемые вопросы</div> <center> <div style="width: 550px; height: 627px; font-family: helvetica; font-size: 11px; text-align: justify; overflow: auto; padding: 3px; "> <p><b><i>Куда я попал?</i></b> Вы в городе Лимерик, Ирландия, 1920-ый год.<p> <b><i>Война за независимость Ирландии уже началась?</i></b> Нет и, возможно, не начнётся, хотя предпосылки к её началу имеются. Ход сюжета в данной игре не всегда соответствует исторической действительности.<p> <b><i>А если мне хочется сыграть историческую личность?</i></b> Правила этого не запрещают. Вносить изменения в характер и жизненную линию персонажа - тоже.<p> <b><i>За кого вообще можно играть?</i></b> Выбор велик: от простого рабочего до знатного аристократа и от криминального авторитета до католического священника. Лучше сориентироваться вам поможет тема <a href="https://celtictiger.rusff.me/viewtopic.php?id=2#p7">Роли и вакансии</a><p> <b><i>Можно ли организовать свою политическую партию или гангстерскую банду?</i></b> Да, главное придумать и описать в анкете/лс администратору объективные причины их возникновения и существования.<p> <b><i>Какая в ходу валюта?</i></b> Старый-добрый фунт стерлингов Британской Короны.<p> <b><i>Каков антураж мира, где происходят события данной игры?</i></b> Особенности моды данного времени: <br> - основные элементы одежды это конечно платья, костюмы прямого покроя;<br> - в моде плиссировка;<br> - модное пальто прямого покроя сужающегося к низу и с меховым воротником;<br> - в моде пижамные брюки и пижамы, в которых в то время ходили на пляж;<br> - появились первые купальные костюмы для женщин – революция в пляжной моде;<br> - шилась одежда из более доступных тканей и открытием стал трикотаж;<br> - в моде спортивный стиль, появляются не только брюки, но и шорты;<br> - появление классического маленького черного платья Шанель.<br> Мужской туалет: вытянутый, стройный, атлетичный силуэт. Преобладали короткие стрижки, бородки были менее острыми, стало модным завивать усы.<br> Дать наиболее красочное описание того времени Вам могут такие фильмы и сериалы как <a href="https://www.google.com/search?q=peaky+blinders&source=lnms&tbm=isch&sa=X&ved=0ahUKEwj15cGnr_jYAhXIiCwKHSnJAgoQ_AUICigB&biw=1366&bih=662">"Острые козырьки"</a>, <a href="https://www.kinopoisk.ru/film/reyli-korol-shpionov-1983-277836/">"Рэйли: Король шпионов"</a>, <a href="https://www.kinopoisk.ru/film/derevnya-2013-723450/">Деревня</a>, <a href="http://www.imdb.com/title/tt0074072/">"Когда причалила лодка"</a>.<p> <b><i>А что с технической составляющей?</i></b> Индустриальная революция идёт полным ходом. Автомобилю пророчат великое будущее, а трубы заводов всё выше поднимаются над церковными куполами. Первая мировая война была опустошительной, в городах не хватает мужских рук, и женщин всё чаще можно заметить работающими наряду с сильным полом. Огнестрельное оружие стоит не дёшево, но и не является чем-то уникальным. Неизменными остались ирландские пабы - здесь по-прежнему подают разведённое пиво в алюминиевых вёдрах и тёмный виски к плесневелому хлебу.<p></div> </div> </div> </div></div></div></div> </center>