[html]<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Cousine|Raleway:400,900' rel='stylesheet' type='text/css'><style>
#utchance {width: 700px; height: 400px; background-color: #222; position: relative;}
.utchancee {position: relative; width: 700px;}
.utchancez label {font: 40px arial black; color: #a0928c; position: absolute; right: 20px; top: 0px; z-index: 5; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.utchancez [type=checkbox] {display: none;}
.utchancec {width: 470px; position: absolute; top: 80px; right: 50px; background-color: transparent; opacity: 0.0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; height: 270px; padding: 5px; border: 1px solid #fff;}
.utchancez [type=checkbox]:checked ~ label {z-index: 5; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
[type=checkbox]:checked ~ label ~ .utchancec {z-index: 1; opacity: 1.0;}
.utchanceimg {width: 300px; height: 400px; background-size: cover; position: absolute; right: 0px; top: 0px; background-image: url(http://placehold.it/250x400);}
.utchancesmall {font: 7.5px cousine; text-transform: uppercase; color: #a0928c; position: absolute; right: 10px; bottom: 10px; width: 230px; text-align: center;}
.utchancename {text-align: left; font: 30px raleway; font-weight: 400; text-transform: uppercase; color: #c1ae75; position: absolute; top: 20px; left: 20px; width: 400px;}
.utchancename b {color: #1e333a; font-weight: 900;}
.utchancename:after {display: block; content: ""; height: 5px; background-color: #1e333a; position: relative; left: 0px; width: 100px;}
.utchance1 {position: absolute; bottom: 20px; left: 30px; width: 120px; height: 300px; font: 9px cousine; text-transform: uppercase; color: #a0928c; text-align: justify;}
.utchance1 i {color: #1e333a; font-weight: bold;}
.utchance2 {padding: 20px; width: 420px; height: 230px; background-color: #a0928c;}
.utchance3 {height: 190px; overflow: auto; padding-right: 10px; font: 12px tahoma; color: #222; text-align: justify; line-height: 105%; margin: 20px;}
.utchance3 b {color: #1e333a; font: 12px raleway; font-weight: bold;}
.utchance3 i {color: #1e333a;}
.utchance3 m {float: left; font-size: 40px; color: #1e333a; margin: 10px 15px 10px 10px;}
</style><center><div id="utchance">
<div class="utchanceimg" style="background-image: url(http://sd.uploads.ru/8rVR4.jpg);"></div>
<div class="utchancesmall">
</div><div class="utchancename">
заброшенный <b>маяк</b>
</div><div class="utchance1">Одна из главных достопримечательностей Эшбёрна - стоящий на крошечном островке посреди озера старый маяк. Никто доподлинно не знает, как давно это могучее сооружение возникло на озере, но старожилы говорят, что эшбёрнский маяк гораздо старше даже маяка Портленда, и присваивают отцу-основателю заслугу по его возведению.
<br><br>--> [+] для продолжения
</div><div class="utchancee"><div class="utchancez"><input type="checkbox" id="utchancez-1" name="utchancez-group-1"><label for="utchancez-1">+</label><div class="utchancec"><div class="utchance2"><div class="utchance3">
<m class="fa fa-quote-left"></m>Маяк заброшен уже более семидесяти лет, и едва ли в окрестностях города найдётся место, окутанное большим количеством тайн. Никто из ныне живущих эшбёрнцев не знает, в какой момент маяк утратил своё функциональное значение, и куда пропал смотритель, живший в домике у его подножия, но никому из горожан не придёт в голову отправиться за ответами к старому маяку. Последние сведения рассказывают об одиноком смотрителе Джеймсе Джонсе, с незапамятных времён живущем близ маяка. Горожане нередко видели его с берега или с воды, но старик никогда не приходил в город, живя совершенно обособленно и одиноко. И вот однажды свет на башне маяка погас. Местные жители отправились проверить, не случилось ли чего с Джонсом, но обнаружили в домике смотрителя только давно истлевшие кости. Всё здесь было заброшено много лет назад, словно смотритель был просто призраком, продолжившим нести службу и после своей смерти.
<br><br>Дальнейшие истории о судьбе маяка видятся теперь совсем тёмными и недостоверными. Одни рассказывают, что правительство штата якобы присылало в Эшбёрн ещё нескольких смотрителей, но все они немыслимым образом пропадали без вести, и в конечном итоге маяк так и остался стоять посреди озера молчаливым призраком ушедших времён. Другие говорят, что всякий, кто подплывает к маяку слишком близко или осмеливается проникнуть в полуразрушенный дом старины Джонса, непременно погибает самой страшной смертью, а вся его родня остаётся проклятой на многие поколения. Но однажды эшбёрнцы снова увидели на маяке свет. В тот год из самой столицы штата к маяку были присланы двое детективов, чтобы разобраться с происходящей там чертовщиной. Стоит ли говорить о том, что несчастных ждала незавидная участь: один и них вернулся в город совершенно безумным и не способным произнести ни слова, а второй покончил с собой, бросившись с башни маяка в озеро.
<br><br>Теперь маяк заброшен, и никто из местных давно уже не тревожит его страшные тайны. Рыбаки обходят его стороной, и даже туристов не возят к подножию мрачной башни, какие бы деньги за это не предлагали любопытные. Среди эшбёрнцев ходит легенда, что призрак старого Джонса до сих живёт на маяке и время от времени зажигает светильник. И тот, кто увидит этот призрачный свет, непременно столкнётся с каким-то судьбоносным событием - плохим или хорошим, но совершенно точно определяющим ход всей его жизни.
</div></div></div></div></div></div><div style="width: 550px; font-family: arial; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="https://lolitajcink.tumblr.com/">lolita</a></div></center>[/html]
