[html]<div class="post-box">
<div id="p74-content" class="post-content">
<div class="htmldemo"><div class="prusheen-some" style="background: url(https://forumupload.ru/uploads/0019/c8/05/5/10546.png); background-size: cover;">
<div class="prusheen-inner">
<div class="prusheen-text">
<span>пасека</span>
<div>
Пчелиное жужжание раздается еще при подходе к заброшенной пасеке. Когда-то здесь сновали Двуногие и, собирая драгоценный мед в большие бочки, давали возможность целителям незаметно набрать необходимое количество сладкого лекарства. Сейчас же ульи напоминают замшелые, трухлявые домишки, а некогда вытоптанная трава колосится выше роста кота. Но пчелы не спешат покидать свои жилища. Каждый ветряной кот знает — это место следует обходить стороной. Пусть пчелы не агрессивны, если их не трогать, но мало кому понравится быть ужаленным. И лишь самые находчивые, смелые и отважные залезут в пчелиный улей и раздобудут капельку сладкого меда, взамен на неприятные укусы. Целители приходят сюда в сезон Голых Деревьев и, пока пчелы находятся в спячке, добывают необходимый в лечении мед.
</div></div>
</div>
</div>
<style>
/* css черти чего от вещего духа*/
.prusheen-some {
width: 630px;
height: 445px;
margin: 0;
position: relative;
overflow: hidden
}
.prusheen-text {
width: 450px;
margin: auto;
font: 500 10px/18px ruda; /* шрифт текста в большом блоке */
text-align: justify;
color: #1e1e1e; /* цвет шрифта */
margin-top: 10px;
transition: all 1s cubic-bezier(.87,.11,.27,1.52) 0s}
.prusheen-text > div {
padding: 0 10px 0 10px;
overflow: auto;
height: 190px;
opacity: 0;
transition: all .5s linear 0s}
.prusheen-text > span {
display: block;
text-align: center;
font: 30px merriweather; /* шрифт текста заголовка */
height: 60px;
position: relative;
margin-bottom: 25px}
.prusheen-some:hover .prusheen-inner {
height: 380px;
clip-path: polygon(0% 100%, 100% 100%, 100% 0%,0% 0%);}
.prusheen-some:hover .prusheen-text {margin-top: 40px}
.prusheen-some:hover .prusheen-text > div {opacity: 1;
transition: all 1s linear .5s}
</style>
<link href="https://fonts.googleapis.com/css?family=Ruda:400,500,700&display=swap&subset=cyrillic" rel="stylesheet">
</div><table style="table-layout:fixed;width:100%"><tbody><tr><td colspan="16"><p><span style="display: block; text-align: center"><span style="font-family: Tahoma"><span style="font-size: 13px"><strong>˟ здесь можно собрать ˟</strong></span></span></span></p></td></tr><tr><td colspan="4"><p><span style="display: block; text-align: center"><span style="font-family: Tahoma"><span style="font-size: 12px">мать-и-мачеха<br>лаванда<br>пижма<br>календула<br>мяун-трава<br></span></span></span></p></td><td colspan="3"><p><span style="display: block; text-align: center"><span style="font-family: Tahoma"><span style="font-size: 12px">апр[<span style="color: #b57281">●</span><span style="color: #00693e">●</span>]июл<br>июн[<span style="color: #00693e">●</span>]июл<br>июн[<span style="color: #00693e">●</span><span style="color: #763c28">●</span>]сен<br>июн[<span style="color: #00693e">●</span><span style="color: #763c28">●</span>]окт<br>авг[<span style="color: #00693e">●</span><span style="color: #763c28">●</span><span style="color: #78a2b7">●</span>]дек<br></span></span></span></p></td><td colspan="4"><p><span style="display: block; text-align: center"><span style="font-family: Tahoma"><span style="font-size: 12px">бурачник<br>подмаренник<br>кошачья мята<br>мед<br>семена мака<br></span></span></span></p></td><td colspan="3"><p><span style="display: block; text-align: center"><span style="font-family: Tahoma"><span style="font-size: 12px">июн[<span style="color: #00693e">●</span>]июл<br>июн[<span style="color: #00693e">●</span>]авг<br>июн[<span style="color: #00693e">●</span><span style="color: #763c28">●</span>]сен<br>авг[<span style="color: #00693e">●</span><span style="color: #763c28">●</span><span style="color: #78a2b7">●</span>]дек<br>сен[<span style="color: #763c28">●</span>]окт<br></span></span></span></p></td><td colspan="2"><p><span style="display: block; text-align: left"><span style="font-family: Tahoma"><span style="font-size: 13px"><span style="color: #78a2b7">●</span> — зима<br><span style="color: #b57281">●</span> — весна<br><span style="color: #00693e">●</span> — лето<br><span style="color: #763c28">●</span> — осень</span></span></span></p></td></tr></tbody></table>
</div>
<div class="post-rating"><p class="container"><a onclick="return changeVisibility('post-74-vote', this)">0</a></p></div>
<div id="post-74-vote" class="post-vote" style="display:none"><p class="container"><a class="positive" href="/relation.php?id=74&v=1&code=6ef9c613">+</a></p></div>
</div>[/html]