Код:
<!--HTML--><style type="text/css">#steck {width:630px; padding: 10px; box-sizing:border-box; background-color:#fafafa; border:#ccc solid 1px; margin: 0 auto; font-size:12px; color:rgba(30, 32, 35, .8); font-family: 'Roboto';}/*<br />
*/ .steck-head { height: 100px; padding: 10px; position: relative; background-color: #c2e48f; border: #ccc solid 1px; border-bottom: none;}/*<br />
*/ .steck-bild { width: 150px; height: 150px; padding: 0px; border: 3px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 30px; left: 410px; }/*<br />
*/ .steck-bild img { height: 150px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }/*<br />
*/ .steck-name { font-family: Bebas neue; font-size: 57px; font-style: bold; text-align: center; text-shadow: 1px 1px 0px #88ad52; text-transform: uppercase; position: absolute; left: 30px; top: 25px; color:#fff;}/*<br />
*/ .steck-sub { font-family: cuprum; font-size: 13px; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0px #88ad52; color: #ffffff; position: absolute; left: 70px; top: 90px; }/*<br />
*/ .steck-info { width:350px; font-family: cuprum; font-size: 11px; text-align: center; text-transform: lowercase; text-shadow: 1px 1px 0px #ffffff; color: #759c3d; position: absolute; left: 20px; top: 140px; letter-spacing:3px;}/*<br />
*/ .steck-task {background-color:#fff; text-align: justify; border:#ccc solid 1px; box-sizing: border-box; padding:30px; font-size:12px; color:rgba(30, 32, 35, .8); font-family: 'Roboto';} /*<br />
*/ .steck-task span {display:block; background-color:#9bba6d; font-family: 'Montserrat'; text-align:center; font-size:10px; color:#fff; padding:3px; text-transform:uppercase; letter-spacing:1px; }/* <br />
*/ .steck-td {height:100px; overflow:auto; box-sizing: content-box; padding: 10px; font-size:11px; color:rgba(30, 32, 35, .8); font-family: 'Roboto'; text-align:justify;}/*<br />
*/ .steck-eig {background-color:rgba(196, 215, 137, 1); color:#fff; padding:10px; font-size: 10px; font-family: 'Roboto'; text-align:justify;}/*<br />
*/ .steck-eig b {font-size:14px; color:#707f44;}/*<br />
*/ .steck-short {font-size:10px; color:rgba(30, 32, 35, .8); font-family: 'Roboto';}/*<br />
/* конец стиля начало картинок соседства*/
/* ДОСТУПНОЕ СОСЕДСТВО */
#suchender {
width: 150px;
height: 80px;
background: url('https://forumstatic.ru/files/0017/c3/20/49416.png'); /* Kleines Bild */
background-repeat: no-repeat;
position: relative;
overflow: hidden;
margin: 0px auto;
border-top: solid 3px #b1cf85;
border-bottom: solid 3px #b1cf85;
}
#suchender b {
color: #ffffff;
font-weight: 900;
}
#suchender i {
color: #ffffff;
}
#suchender u {
color: #ffffff;
}
/* Пункты в соседстве, где есть места*/
#suchender .stext1 {
color: #fff;
font: normal 16px/110% 'Cuprum', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
float: left;
margin: 32px 0px 40px 33px;
text-shadow: 1px 1px 0px #65981a;
}
#suchender .stext2 {
color: #fff;
font: normal 10px/110% 'Cuprum', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 1px 1px 0px #186ea4;
float: left; /* rechts */
margin: 5px 2px 2px 2px;
overflow: scroll;
overflow: hidden;
}
/* Stichpunkte Hover Bild klein */
#suchender .stichpunkt1 {
background:url('http://funkyimg.com/i/2gcXd.png');
width: 150px;
height: 80px;
position: absolute;
top: 0px;
left: -280px;
opacity: 0.9;
-webkit-transition: 0.8s; transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s;
}
#suchender:hover .stichpunkt1 {
position: absolute;
left: 0px;
}
/* Stichpunkte rechts vom Bild */
.punkt {
width: 120px;
background:url('http://funkyimg.com/i/2eZD6.png');
color: #fff;
font: normal 8px/110% 'Source Sans Pro', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
margin: 1px;
padding: 5px 2px;
display: inline-block;
opacity: 0.9;
}
</style>
<div id="steck"><div class="steck-head"><div class="steck-bild"><img src="http://funkyimg.com/i/2gdeC.png"></div> <div class="steck-name">афиша событий</div> <div class="steck-sub">всегда будь в курсе событий!</div> <div class="steck-info">Каждый день в городе что-то происходит. Открываются новые рестораны или ночные клубы, на улицах города проходят парады, в арт-студиях проходят выставки картин известных, или пока еще, малознакомых для публики художников... <br><br></div></div>
<br>
<div class="steck-task" style="padding-top:100px;"><span>- - - - - - - - - - - - - - - - - </span> <br>
<span style="background-color:#fff; display: inline; letter-spacing: 0px; font-size:13px; color:rgba(30, 32, 35, .8); font-family: 'cuprum'; text-transform: lowercase; color: #668834; padding: 0px;">На сцене большого театра блистают под яркими софитами актеры, зазывающие на свое выступление людей. Где-то случаются кражи, где-то поджоги, а где-то неприятные аварии, уносящие за собой жизни других людей. Чтобы быть в курсе того, что происходит в нашем чудесном и любимом городе, стоит лишь заглянуть в эту тему, чтобы точно знать, какие мероприятия проходят в тот или иной день. Конечно, все эти события нужно отыгрывать в своих эпизодах. Если Вы хотите внести какое-то мероприятие своего заведения, то стоит написать об этом кому-то из администрации, и наш календарь событий сразу же пополнится важным и интересным мероприятием, на которое могут пойти наши жители города.
</span><br><br>
<table><tbody><tr><td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>ДТП в районе DOWNTOWN</b><br><br>
<i>в 2:00 PM в ДТП на Бразос-стрит пострадали два человека</i>
</div></div>
<div class="stichpunkt2"><div class="stext1">1 сентября</div></div>
</div></span></td>
<td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b> открытие нового магазина комиксов</b>
<br><br>
<i>начало в 3PM<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">2 сентября</div></div>
</div></span></td>
<td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>пенная вечеринка в ночном клубе «ROCCO»</b>
<br><br><i>девушкам вход бесплатный.<br> начало в 11PM<i></div></div>
<div class="stichpunkt2"><div class="stext1">3 сентября</div></div>
</div></span></td>
</tr></tbody></table>
<table><tbody><tr><td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>выставка-ярмарка аутсайдерского<br> искусства</b><br><br>
<i>также известного как арт брют. начало в 5PM<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">4 сентября</div></div>
</div></span></td>
<td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2">
<b>ограбление банка в RIVERSIDE в 7PM *</b><br><br>
<i>два полицейских серьезно ранены. преступники так и не были пойманы.<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">7 сентября</div></div>
</div></span></td>
<td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>фестиваль цветов в магазине «TOM'S»</b><br><br>
<i>начало в 2PM<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">8 сентября</div></div>
</div></span></td>
</tr></tbody></table>
<table><tbody><tr><td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>фестиваль кофе в кофейне «Tomoca Cafe»</b><br>
<i>мастер-класс. сладости и выпечка к кофе бесплатно. начало в 3PM<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">9 сентября</div></div>
</div></span></td>
<td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>фестиваль красок в центральном парке в 6PM</b><br><br>
<b></b>новое шоу в стриптиз-клубе «SCORES» в районе Travis. начало в 1AM.
</div></div>
<div class="stichpunkt2"><div class="stext1">10 сентября</div></div>
</div></span></td>
<td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>научная конференция «ШАГ В БУДУЩЕЕ» в 11АМ</b><br>
<i>посвещена вопросам моделирования и усовершенствования наземного транспорта<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">13 сентября</div></div>
</div></span></td>
</tr></tbody></table>
<table><tbody><tr><td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>уличный показ мод в городском парке</b><br><br>
<i>представление осенней коллекции от начинающих дизайнеров. начало в 1PM<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">15 сентября</div></div>
</div></span></td>
<td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>закрытая пляжная вечеринка в отеле «Omni Austin Downtown»</b><br><br>
<i>вход по vip-приглашениям. начало в 8РМ<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">16 сентября</div></div>
</div></span></td>
<td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>фестиваль еды в ресторанах города</b><br><br>
<i>цены в два раза ниже, а порции в два раза больше. начало в 1РМ<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">17 сентября</div></div>
</div></span></td>
</tr></tbody></table>
<table><tbody><tr><td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>новая выставка картин</b><br><br>
<i>посвящена проблемам современного мира. пройдет в арт-студии «ART HOME». начало в 7РМ<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">19 сентября</div></div>
</div></span></td>
<td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>пожар в ночном клубе «KINGDOM»*</b><br>
<i>пострадали 12 человек (в основном персонал). причина: поджог. один человек задержан.<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">22 сентября</div></div>
</div></span></td>
<td><span style="background-color:#fff"><div id="suchender">
<div class="stichpunkt1"><div class="stext2"><b>вечер китайской <br>кухни в баре «COYOTE UGLY»</b><br><br>
<i>начало в 11АМ<i>
</div></div>
<div class="stichpunkt2"><div class="stext1">25 сентября</div></div>
</div></span></td>
</tr></tbody></table>
<span style="background-color:#fff; display: inline; letter-spacing: 0px; font-size:13px; color:rgba(30, 32, 35, .8); font-family: 'cuprum'; text-transform: lowercase; color: #668834; padding: 0px;"><center><b>условия и правила:</b></center>
1. Вы получаете 100$ в свой кошелек (и только один раз!), если отыграете участие в каком-то мероприятии/событии из нашего календаря. Участие, это не какое-то мимолетное упоминание об этом событии, а полноценная игра (минимум по 1 посту от каждого игрока в эпизоде).<br>
2. Вы можете получить 15$ за упоминание какого-либо мероприятия в своих постах. Не играет роли, каким именно образом ваш персонаж услышал/увидел/что-то узнал о событии. <br>
3. За месяц Вы можете упомянуть не более 5 событий, представленных в афише.<br>
4. Деньги получаем только в банке.<br>
5. * - обозначает, что данное мероприятие уже отыгрывается или эпизод уже завершен.<br>
</span><br><br>
<span>- - - - - - - - - - - - - - - - - </span><br>
</div></div>
