Код:
<!--HTML--><center><style type="text/css"> .insideout { width: 600px; height: 700px; position: relative; overflow: hidden; margin: auto; } .insideout .insideo { position: absolute; top: 150px; left: 140px; background-color: rgba(34, 34, 34, 0.9); font-size: 15px; border: 2px solid #fff; color: #fff; text-align: center; line-height: 100%; font-family: 'Aldrich', sans-serif; text-transform: uppercase; padding: 20px; font-weight: bold; opacity: .99; transition: all .8s ease-in-out .8s;} .insideout .insideo span { transition: all .6s ease-in-out 1s; } .insideout:hover .insideo span { color: #222; transition: all .6s ease-in-out;} .insideout:hover .insideo { opacity: 0; transition: all .8s ease-in-out .6s;} .insideout .iout { width: 600px; height: 700px; background-color: rgba(34, 34, 34, 0.6); position: absolute; top: 0px; left: 0px; } .insideout .loveis { position: absolute; top: 50px; left: 50px; background-color: rgba(34, 34, 34, 0.9); border: 2px solid #fff; padding: 20px; width: 450px; height: 580px; opacity: 0; transition: all .8s ease-in-out .3s; } .insideout:hover .loveis { opacity: .99; transition: all .8s ease-in-out 1.6s; } .loveiss { width: 450px; height: 580px; padding-right: 5px; overflow: auto; color: #fff; font-family: 'Aldrich', sans-serif; font-size: 12px; text-align: justify; line-height: 100%; } .loveiss::-webkit-scrollbar { width: 3px; height: 3px; padding: 0px; border: 0px; } .loveiss::-webkit-scrollbar-track { background-color: rgba(34, 34, 34, 0.6); } .loveiss::-webkit-scrollbar-thumb { background-color: #fff; } .bcreds a, .bcreds { font-size: 8px; font-family: calibri, sans-serif; text-align: center; line-height: 100%; text-transform: uppercase; } </style> <link href='http://fonts.googleapis.com/css?family=Aldrich' rel='stylesheet' type='text/css'> <div class="insideout"><img src="http://funkyimg.com/i/29Jvw.jpg"/> <div class="iout"></div> <div class="loveis"><div class="loveiss"> Вы когда-нибудь задумывались о том, что ждёт вас в будущем? Вас или даже всё человечество? Конечно, задумывались. Пускай мимолётно, но эта мысль наверняка проносилась в суете серых будней. Но никому не дано заглянуть за занавесу времени. Кроме нас. <br> 2149 год. Прошло почти сто лет с конца Третьей Мировой - войны, которая чуть не стала для всего человечества последней <br><br> <div style< style="font-family: calibri; font-size: 12px; color: #b98a6d; text-align: right; "><center><img src="http://funkyimg.com/i/29JwJ.gif"></center> «...Это так красиво. И я забываю о том, что нахожусь в космосе. 97 лет назад ядерная война уничтожила всё живое на Земле, превратив её в радиоактивную пустыню. К счастью, некоторым удалось уцелеть. Во время катастрофы на орбите вращались космические станции 12 стран. Теперь остался только Ковчег - станция, созданная из всех остальных... Но теперь наш дом в опасности, и мы - последняя надежда человечества. Сотня заключённых, отправленная на Землю без всякой надежды на успех...»(с)<br><br></div> <div style< style="font-family: calibri; font-size: 12px; color: #b98a6d; text-align: right; "><center><img src="http://funkyimg.com/i/29JwK.gif"></center> «Нам повезло, что мы оказались в городе. Говорят, это была ужасная война. Весь остальной мир был уничтожен. Наши основатели воздвигли Стену, чтобы нас защитить. И разделили всех на пять групп. Пять фракций, чтобы сохранить мир... Всё работает как часы. Каждый знает своё место...»(с)<br><br></div> <br>Мир разделился на людей, чьим домом стала космическая станция, и на тех, кто остался "верен" родной планете. Но ни те, ни другие не знают всей правды. Первые пытаются выжить на разрушающемся Ковчеге, не зная, что Земля обитаема, а вторые не знают, что происходит за Стеной. А ведь на планете успело многое изменится. Начиная от радиации, которая успела изменить привычные нам облики живых существ, и заканчивая теми, кто не принадлежит ни тому, ни другому миру. <br>Сотня молодых ребят, отправленная на незнакомую теперь всем планету, и жители Чикаго, устройство общества которых рушится так же, как станция Сотни, должны узнать правду. И постараться выжить. Ведь правда иногда бывает ещё неожиданней и удивительней, чем любая ложь.<br><br> <div style< style="font-family: calibri; font-size: 12px; color: #b98a6d; text-align: right; ">«Всё не так, как кажется»(с)<br> </div></div> </div>