Лира задаёт вопрос

[html]<style>@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display:400,400i&display=swap');
#birdbox{display:block; width:500px; height:330px; max-height:330px; overflow:auto; padding:10px 50px;
background: linear-gradient(90deg, rgba(0,0,0,0) 27%, rgba(0,0,0,0.98) 55%),
url(http://images.vfl.ru/ii/1564748144/a9fb … 414801.jpg) 0% 0% no-repeat #000000;
}

.birdtext { background: linear-gradient(to bottom, #e4dfd5 0%, #d6c294 100%);
box-shadow: 0 0 8px #b59150 inset; color:#080808;
width:210px; padding: 15px 20px; margin-left:250px; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); }

.birdtext2 {padding:0;max-height:96px; overflow:auto; text-align:center; font-family: Tahoma, serif; font-size:11px; -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); transform: skewX(10deg);}

.birdtitle {width: 250px; margin: 12% auto 13% 260px; text-align:center;}

.birdtitle>em {display:block; margin-bottom:10px; color: #e0c790;
font-style: normal !important; font-variant:small-caps; font-family: "DM Serif Display", Georgia, serif !important;
font-size: 32px; line-height:50%; }

.birdtitle>span {color: #a5a5a5; font-family: Georgia, serif !important; font-size: 12px;}
.birdtext2::-webkit-scrollbar {width:4px; border:none; background:#bda073;}
.birdtext2::-webkit-scrollbar-thumb {width:4px; border:none; background:#efe4c4;}
</style>
<div id="birdbox"><div class="birdtitle">

<em>You are not alone</em>
<span>Тень — Стервятник</span></div>

<div class="birdtext"><div class="birdtext2">

– А сколько ты попросил на визит?<br>
– Нисколько, — безучастно отвечает Седой. — Это важно?<br>
Знакомые вожаческие интонации. И любимый вопрос Слепого. Впрочем, Седой больше смахивает на Стервятника. Если Большой Птице спилить полподбородка и кончик носа, и основательно обесцветить.

</div></div></div>[/html]

0

Цитировать Сообщение 51

Поделиться522020-02-03 20:59:56

Автор: Illusory doll
пусть танцуют фениксы
muggle-blood
шеймус финниган, 28
plashka:
about: got a shot of kerosene in my veins.
pst: 41
Сообщений: 265
Уважение: +2
£: 690
Последний визит:
Сегодня 07:27:51

[html]<style>#birdcage {display: block; overflow: hidden; position: relative; background-size: cover; width: 500px;
background: linear-gradient(0deg, rgba(0,0,0,0) 15%, #1f101d 75%),
url(https://images.unsplash.com/photo-15539 … 4&q=80) 0% 50% #aba2aa;
}

.birdangle {display: block; position: absolute; top: 18px; margin-left: -5px; padding: 5px 0; z-index: 10; width: 510px; transform: rotate(-6deg); text-align: center; background: #e0dbdf; box-shadow: 0 0 8px 1px #130912; }
.birdline {font-family: Georgia, Tahoma, times; font-size: 20px; text-shadow: 0px 0px 2px #cbb8d2; color: #67345a;}
.birdtext { position: relative; width: 280px; margin: 20px 20px 20px auto; padding: 20px; font-size: 12px; line-height: 140%; border: 1px solid #e0dbdf;}
.btext2 {padding: 20px; background: rgba(224, 219, 223, 0.95); color: #31282f;}
</style>
<div id="birdcage">

<div class="birdangle"><div class="birdline">Жуткие истории для маленьких пташек</div></div>

   Я почти готов отказать ему. Это трудно, но не невозможно. Зачем мне еще один камень на шее, лишняя боль? С другой стороны, он старше нас, он жил в Наружности, у него было достаточно времени все обдумать. Если, конечно, «зов» не лишил его воли полностью.<br><br>
   Седой молчит. У него изможденный вид, который я когда-то считал признаком старости, но он слишком молод, чтобы оставаться для меня Седым.<br><br>
   «Ты был бы Птицей, — думаю я. — Родись ты шестью годами позже, ты несомненно был бы Птицей. Так я и должен думать о тебе. Просто, как об одном из Птиц».

</div></div></div>
[/html]

0

Цитировать Сообщение 52

Поделиться532020-02-03 21:00:32

Автор: Illusory doll
пусть танцуют фениксы
muggle-blood
шеймус финниган, 28
plashka:
about: got a shot of kerosene in my veins.
pst: 41
Сообщений: 265
Уважение: +2
£: 690
Последний визит:
Сегодня 07:27:51

[html]<style>.blind-dia { margin: 50px auto 65px; height: 250px; width: 250px; border: 1px solid #0b0f15; background-color: #0b0f15; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); overflow: hidden; }
.blind-dia2 { margin-top:-52px; margin-left:-52px; height:354px; width:354px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg) -o-transform: rotate(-45deg); background-size: cover; background-position: center; }
#blindbox { display: block; max-width: 420px; margin: 5px auto 5px 50px; padding: 20px; background: linear-gradient(0deg, #243134 0%, #191f24 100%); }
.blindtext { background: transparent; padding: 20px; border: 1px solid #354544; text-align:center; font-size:12px; color: #6d7b79;}
.blindtext>span { padding: 0 30px 5px; font-family: Cambria, Georgia, serif; font-size: 24px; color:#a6998b; text-shadow: 0 0 1px #13171b; border-bottom: 1px solid #354544; letter-spacing: 1px; text-transform: uppercase; }
.blindtext>em { display:block; margin-top: 12px !important; font-style: italic; font-size: 1em; font-family: Cambria, Georgia, times; letter-spacing: 1px; color: #495f5d; }</style>
<div id="blindbox"><div class="blindtext">

<div class="blind-dia"><div class="blind-dia2" style="background-image: url(https://i.ibb.co/p4HT1Kg/len-yan-01.jpg);"></div></div>

<span>Покров недоверия</span><br>
<em>Стервятник Ч Тень</em><br>

Призрак Помпея у Псов.<br>В Четвёртой - бродит Волка дух.<br>В Гнездовище - навостри слух -<br>Один из двух.

</div></div>[/html]

0

Цитировать Сообщение 53

Поделиться542020-02-03 21:01:54

Автор: Illusory doll
пусть танцуют фениксы
muggle-blood
шеймус финниган, 28
plashka:
about: got a shot of kerosene in my veins.
pst: 41
Сообщений: 265
Уважение: +2
£: 690
Последний визит:
Сегодня 07:27:51

[html]<link href="https://fonts.googleapis.com/css?family=Amatic+SC&display=swap&subset=cyrillic" rel="stylesheet">
<style>/*** ОБЩИЙ БЛОК ***/
#blindb {display:block; width: 510px; background:#f9f4f0; margin-left: 5%; padding: 50px 30px 30px; border:1px solid #342f2b; }

/*** КАРТИНКА ***/
.blindc {margin:auto; background: #f9f4f0 50% 50% no-repeat; background-size: contain; width:90%; height:350px;}

/*** ТЕКСТ ***/
#blindb span {display:block; margin:30px auto 10px; text-align:center; font-style:normal; font-family: Amatic SC, times; font-size:56px; color:#342f2b;}
#blindb em {display:block; margin:auto; text-align:center; font-style:normal; text-transform: uppercase; font-size:11px; font-family: Times New Roman, times; color:#bba796; }
.blindtext {margin:20px auto auto; overflow:auto; max-height:150px; width:350px; font-family: Tahoma, Helvetica, Tahoma; font-size: 12px; color:#524a44;}
</style>

<div id="blindb">
<div class="blindc" style="background-image: url(https://i.ibb.co/ccRxXrX/hand-02.jpg)"></div>
<span>Into the Darkness</span>
<em>Слепой × Кошатница</em>
<div class="blindtext">В попытках объединить всех, кого отметил Дом, Слепой заходит даже на запретную территорию - в девичье крыло на третьем этаже. Здесь он ищет тот огонек, о котором все почти позабыли...</div>
</div>[/html]

0