[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://s1.hostingkartinok.com/uploads/images/2023/10/1000fa01c5026dda1eaef3732c7be0e3.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>
72 года.
Аристократка Некса.
Замужем за Генри Сильвербладом.
Ассистентка Ричарда, обучающийся медик.
На вид легкомысленная особа с вечной батарейкой, на деле расчетлива и хладнокровна. Меняет маску на истинные настроения по щелчку пальцев. Поддерживает принцессу Флер.
Была воспитана в холодной семье и выдана замуж по расчёту за красивого мужчину. Практически отчаялась жить так как ей заблагорассудится, но очень повезло с мужем. Однако свекровь особой любви к девушке не питала. Муж же безумно любит Олли, позволяя ей учиться на врача, полностью обеспечивает и оберегает. Тем не менее подвергся нападению со стороны ассасинов конкурентов из другой фракции. Свекровь клялась отправить невестку обратно к родителям, если сын не выживет и копейки ей не оставить. Ричард спасает Генри, после чего благодарная Олли всячески взялась упрашивать его устроиться к нему на работу. Ныне совмещает должность секретаря и медицинской ассистентки, проявляя поразительную исполнительность. Умна и преданна, за что ценится Адамсом.
<!-- 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]

Отредактировано Ричард Адамс (2023-10-17 22:03:27)