[html]
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"><!-- COULEURS PERSONNALISABLES --><div class="THROW" style=" margin: auto; background:rgba(0,0,0,0.6);"><!-- TITRE --><div class="tleTHROW" style="display:none; background:#212121; color:lightgrey;"></div><!-- FT --><div class="ftTHROW"><!-- CONTENU --><p style=" margin: 20px -2px; background: rgb(38 0 0 / 80%); color:white;">Лети-лети, лепесток, через Запад на Восток...</p><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://forumupload.ru/uploads/001b/84/6e/3/30407.png" /></div><!-- MESSAGE --><div class="msgTHROW" style="background:rgba(255,255,255,0.6); color:black;">
<!-- DIALOGUE GAUCHE --><div class="UITHROW" style="background-image: linear-gradient(45deg, black, transparent);
color: #f8d4d4;
text-shadow: 1px -1px 3px #300000;
font-size: xxx-large;
font-family: Zeferino Three !important;
font-style: normal !important;">Инар Рамирас Тонг</div>
Писать письма - это не мое, я привыкла все говорить напрямую, в лицо, без лишних раздумий. Но мне так захотелось сделать тебе что-нибудь приятное, что я не нашла ничего лучше, чем то, чего никогда не делала и не сделала бы ни для кого другого. Это все тоска. Мы видимся до невыносимости мало, но даже самый короткий миг рядом для меня будто глоток чистейшего воздуха, тогда как все остальное время я словно задыхаюсь. Ни то от нехватки, ни то от нетерпения вновь тебя увидеть. Я чувствую на своей щеке ласковый ветер и представляю, будто это твое дыхание, согревающее изнутри снежными северными вечерами. Как и мысли о том, как мы вновь встретимся...
<!-- FIN DIALOGUE DROITE --></div></div>
<style>
.THROW {
margin:auto;
width:500px; padding:20px 0; line-height:16px;
box-shadow:0 0 10px rgba(0,0,0,0);
}
.tleTHROW {
margin:auto;
width:450px; padding:10px 5px;
text-align:center; text-transform:uppercase; font-size:24px; font-family:Raleway; line-height:24px;
}
/* FT */
.ftTHROW {
margin:15px auto; width:498px; height:150px; overflow:hidden; text-align:center; border: 1px dotted;
border-color: bisque;
}
.ftTHROW img{
width:500px; height:150px;
}
.ftTHROW:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.ftTHROW p{
position: absolute;
top: 30px;
width: 500px;
padding: 13px 1px;
font-family: 'Century Gothic';
font-size: 15px !important;
text-align: center;
font-variant: petite-caps;
opacity: 0;
transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
z-index: 3;
}
.ftTHROW:hover p{
opacity:1;
}
.msgTHROW {
margin: auto;
width: 440px;
padding: 10px;
font-size: 12px;
text-align: justify;
font-style: italic;
font-family: inherit;
}
/* DIALOGUE GAUCHE */
.UITHROW {
margin:5px 0 5px -45px;
width:455px; padding:10px 10px 10px 20px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.UITHROW::before {
content:''; position:absolute; margin-top:-25px; margin-left:-20px;
width:0; height:0; border-style:solid; border-width:0 0 15px 15px; border-color:transparent; border-bottom-color:black;
}
/* DIALOGUE DROITE */
.UIITHROW {
margin:5px 0;
width:455px; padding:10px 20px 10px 10px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.UIITHROW::before {
content:''; position:absolute; margin-top:-25px; margin-left:460px;
width:0; height:0; border-style:solid; border-width:15px 0 0 15px; border-color:transparent; border-left-color:black;
}
.cdtTHROW {
position:absolute; z-index:3; margin-left:485px; margin-top:85px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.75s; -webkit-transition:-webkit-transform ease-in-out 0.75s;
}
.THROW:hover .cdtTHROW {
transform:scale(1); -webkit-transform:scale(1);
}
</style>
[/html]
[icon]https://forumupload.ru/uploads/001b/84/6e/25/643297.png[/icon][pro]Каспер[/pro]