︎︎

Platform

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Platform » Досье » Алиса Токагэ


Алиса Токагэ

Сообщений 1 страница 7 из 7

1

[html]

<link href="https://forumstatic.ru/files/001b/84/6e/98452.css" rel="stylesheet" style="text/css">
<div class="RPFCOR">
<!-- ИЗОБРАЖЕНИЯ --><img class="imgRPFCOR" src="https://forumupload.ru/uploads/001b/84/6e/4/432852.png" />
<!-- ИМЯ И ЦИТАТА --><div class="nameRPFCOR">«‎Алиса Токагэ
</br><span>«‎Слово за слово и ты герой, один неверный поступок и ты уже монстр.»</span></div>
<!-- ССЫЛКИ --><div class="pfSMI">
<!-- Профиль --><a class="pff" href="https://platforms.f-rpg.me/profile.php?id=34" target="_blank"><abbr title="Открыть Профиль"><img src="https://forumupload.ru/uploads/001b/84/6e/34/819575.png" /></abbr></a>
<!-- Анкета --><a class="pff2" href="https://platforms.f-rpg.me/viewtopic.php?id=114" target="_blank"><abbr title="Открыть Анкету"><img src="https://forumupload.ru/uploads/001b/84/6e/34/178530.png" /></abbr></a>
<!-- Досье --><a class="pff3" href="https://platforms.f-rpg.me/pages/klik" target="_blank"><abbr title="Открыть Досье"><img src="https://forumupload.ru/uploads/001b/84/6e/34/315225.png" /></abbr></a></div></div>

[/html]

2

[icon]https://forumupload.ru/uploads/001b/84/6e/34/302832.png[/icon]

[html]

<div id="MOZ">

<!-- LIEN I --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE I EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/34/220599.png"/><!-- DESCRIPTION I --><div>Моя семья. Стая. Что-то между сыном, братом-близнецом и близким другом. За его готовку душу готова продать. Не обращает внимание на мои закидоны. Люблю его.</div><!-- NOM I --><span>Фосса Кэйетан</span></div><!-- IMAGE FOND EN 200*200 I --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN II --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE II EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/34/51594.png"/><!-- DESCRIPTION II --><div>С одной стороны принц Империи, которой я служу. С другой - друг и сослуживец. Многие знают, что мы в хороших отношениях, но мало кто знает насколько. Кто-то счёл бы его скучным. Я с этим буду безбожно спорить. Действительно классный парень. Иногда мне даже удаётся вытащить его трудоголическую задницу из дому.  </div><!-- NOM II --><span>Хэнмей Юн Сюань</span></div><!-- IMAGE FOND EN 200*200 II --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN III --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE III EN 100*100 --><img
src="https://forumupload.ru/uploads/001b/84/6e/34/981886.png"/><!-- DESCRIPTION III --><div>Странный парень. Вроде и тут, а вроде и там. Я не очень хорошо его понимаю, словно с кроссвордом разговариваю. Но в целом приятный и даже милый. </div><!-- NOM III --><span>Мефисстофель</span></div><!-- IMAGE FOND EN 200*200 III --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN IV --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE IV EN 100*100 --><img
src="https://forumupload.ru/uploads/001b/84/6e/34/758635.png"/><!-- DESCRIPTION IV --><div>Его непревзойдённое высочество непревзойдённый наставник! Дразню его нещадно, не понятно как ещё жива до сих пор. Хороший на самом деле, правда далеко в глубине души. Кидается веером, больно. Люблю. </div><!-- NOM IV --><span>Ся Сыни</span></div><!-- IMAGE FOND EN 200*200 IV --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN V --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE V EN 100*100 --><img
src="https://forumupload.ru/uploads/001b/84/6e/34/321684.png"/><!-- DESCRIPTION V --><div>Очаровательный малый, но О БОГИ!  Какой же неуклюжий. Однажды чуть не устроил мне инфаркт.</div><!-- NOM V --><span>Ван Сяомин</span></div><!-- IMAGE FOND EN 200*200 V --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN VI --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE VI EN 100*100 --><img
src="https://forumupload.ru/uploads/001b/84/6e/34/979712.png"/><!-- DESCRIPTION VI --><div>Единственная женщина, способная переспорить учителя. Я ей искренне восхищаюсь. Она и элегантная и умная и вообще! Вы хвост её шикарный видали?! Обожаю с ней сплетничать и пить чай. Люблю! </div><!-- NOM VI --><span>Чжан Янмей</span></div><!-- IMAGE FOND EN 200*200 VI --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN VII --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE VII EN 100*100 --><img
src="https://forumupload.ru/uploads/001b/84/6e/34/699131.png"/><!-- DESCRIPTION VII --><div>Ооооочень славная девочка! Под моей личной опекой. Если кто тронет - жизни ему не видать. Хотя один дракон вероятно доберется быстрее меня, хи-хи~ Люблю. </div><!-- NOM VII --><span>Амано Ран</span></div><!-- IMAGE FOND EN 200*200 VII --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN VIII --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE VIII EN 100*100 --><img
src="https://forumupload.ru/uploads/001b/84/6e/34/658668.png"/><!-- DESCRIPTION VIII --><div>Такая чуднáя и чу'дная! Под моей личной опекой. Чести ради пару раз удивлялась, как она до своих лет дожила, но видимо по жизни ей сопутствует удача. Люблю. </div><!-- NOM VIII --><span>Амано Кида</span></div><!-- IMAGE FOND EN 200*200 VIII --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN XI --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE XI EN 100*100 --><img
src="https://forumupload.ru/uploads/001b/84/6e/34/490006.png"/><!-- DESCRIPTION XI --><div>Заносчивая баба. Плюс один - патриотка. Без острой необходимости контактировать не желаю. </div><!-- NOM XI --><span>Мэйуми Оокубо</span></div><!-- IMAGE FOND EN 200*200 XI --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN XI --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE XI EN 100*100 --><img
src="https://forumupload.ru/uploads/001b/84/6e/34/299129.png"/><!-- DESCRIPTION XI --><div>Весьма рассудительная барышня, храбрая и собранная. Вызывает во мне искреннюю симпатию. </div><!-- NOM XI --><span>Флёр Региосса Нэкс</span></div><!-- IMAGE FOND EN 200*200 XI --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN XI --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE XI EN 100*100 --><img
src="https://forumupload.ru/uploads/001b/84/6e/34/507693.png"/><!-- DESCRIPTION XI --><div>Он меня всё время смущает! От одного взгляда ладошки потеют, богиня знает чё с ним делать. Ещё всякие странные птичьи штуки делает, иногда в любви признаётся. Вот это я удачно с птички заклятье сняла...  </div><!-- NOM XI --><span>Вильгельм Рихард Вагнер</span></div><!-- IMAGE FOND EN 200*200 XI --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

</div>

<style>
#MOZ {
display: flex;
    line-height: normal;
    flex-wrap: wrap;
    justify-content: center;
}
.linkMOZ {
    width: 223px;
    margin-bottom: -17px;
}
.linkMOZ img {
width:273px; height:273px; opacity:0.88;
}
#persoMOZ {
background-image: url();
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 0px;
    position: relative;
    z-index: 6;
}
#persoMOZ div{
width: 160px;
    height: 150px;
    padding: 5px;
    overflow: auto;
    margin-left: 50px;
    position: absolute;
    margin-top: 45px;
box-shadow:0 0 3px rgba(0,0,0,0.8); background-color:rgba(250,250,250,0.9); 
font-family: 'Century Gothic';; font-size:12px; text-align:justify;
transform:scale(0); -webkit-transform:scale(0);
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#persoMOZ img{
position:absolute; z-index:3; opacity:1; margin-top:81px; margin-left:81px;
width:100px; height:100px; border-radius:100px; border:5px solid rgba(250,250,250,0.5);
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#persoMOZ:hover img{
width:0px; height:0px; border:0px;
margin-left:15px; margin-top:15px;
transform:rotate(360deg); -webkit-transform:rotate(360deg);
}
#persoMOZ:hover div{
transform:scale(1); -webkit-transform:scale(1);
}
#persoMOZ span{
display: flex;
    position: absolute;
    opacity: 0;
    top: 205px;
    right: -50px;
    width: -webkit-fill-available;
    margin: 0 40px 0;
    height: 30px;
    padding: 2px 0px;
    text-transform: uppercase;
    font-family: time new roman;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    transform: scale(0);
    -webkit-transform: scale(0);
    box-shadow: 0 0 3px rgb(0 0 0 / 60%);
    background-color: rgba(250,250,250,0.9);
    transition: all 0.65s ease;
    -webkit-transition: all 0.65s ease;
    justify-content: center;
    align-items: center;
}
#persoMOZ:hover span{
opacity:1;
transform:scale(1); -webkit-transform:scale(1);
}

.punbb .quote-box.quote-main, .punbb .code-box {
    margin: 1.2em -3.2em;
    width: 740px;
    padding: 0 -2px 0 8px;
    font-size: smaller;
}
.cdtMOZ {
position:absolute; margin-left:-25px; margin-top:25px;
}</style>[/html]

Отредактировано Алиса Токагэ (2024-11-05 11:21:17)

3

[html]
<link href="https://s1.hostingkartinok.com/uploads/images/2023/03/99342f5fbf3ed261bfd358ebea7b0e2b.png"><!-- 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: #4e2d23b3; color:white;">Боевой отряд Вэй</p><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://forumupload.ru/uploads/001b/84/6e/34/592150.png" /></div><!-- MESSAGE --><div class="msgTHROW" style="color:black;">
<!-- DIALOGUE GAUCHE --><div class="UITHROW" style="background-image: linear-gradient(45deg, black, transparent);
    color: #f8d4d4;
    text-shadow: 1px -1px 3px #300000;">Генерал, разрешите обратиться! Если вы уходите, то и мы с вами. Столько лет рука об руку и хотите нас бросить? Рана от ножа залечивается. Перед раной, нанесенной языком, врач бессилен. Не говорите так больше. Мы служим не только одной стране, но и преданы одному генералу.<!-- 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:410px; overflow:hidden; text-align:center;    border: 1px dotted;
    border-color: bisque;
}
.ftTHROW img{
width:500px;
}
.ftTHROW:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.ftTHROW p{
    position: absolute;
    top: 30px;
width: 500px;
    padding: 13px 1px;
    font-family: 'Zeferino Three';
    font-size: 40px !important;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    z-index: 3;
}

.ftTHROW:hover p{
opacity:1;
}
.msgTHROW {
    z-index: 100;
    position: absolute;
    margin: -220px 20px 0;
    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/34/302832.png[/icon]

Отредактировано Алиса Токагэ (2024-11-05 10:30:08)

4

[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);"><!-- CREDIT --><a class="cdtTHROW" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- TITRE --><div class="tleTHROW" style="display:none; background:#212121; color:lightgrey;"></div><!-- FT --><div class="ftTHROW"><!-- CONTENU --><p style="    margin: 20px auto; background:rgba(0,0,0,0.9); color:white;">Отряд Вэй</p><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://forumupload.ru/uploads/001b/84/6e/34/124726.png" /></div><!-- MESSAGE --><div class="msgTHROW" style="background:rgba(255,255,255,0.6); color:black;">Отряд появился в тот самый момент, когда Генерал Алиса Токагэ, находясь на пике карьеры, резко подала в отставку. По одной простой причине: смена деятельности. Но смена была не полноценной, все ещё оставались командировочные вызовы на случай возникновения чрезвычайных ситуаций. Императорским указом Ящерица все ещё могла быть призвана на временную службу, но от прямых вмешательств в долгосрочные военные сражения предпочла воздержаться. По крайней мере без острой необходимости.<!-- DIALOGUE GAUCHE -->
Стоит ли говорить, что её подразделение потрясло от шока? В общем и целом действо не ново, когда большая шишка уходит в тыл и командует оттуда, но вызовы на самые экстренные случаи, а в остальном "пенсия" были чем-то необычным. И набралось несколько товарищей, аж на целый отряд, которые остро восприняли уход Алисы. На неё наседали ровно до тех пор, пока та не предложила создать личный отряд под её командованием в более гражданских, но не менее опасных условиях. Каждый, кто считал её своим истинным покровителем, наставником или просто любимым начальником и не рассматривал других вариантов, кроме как "уйти следом", был переведён в новоявленный отряд "Вэй". Ко всему прочему, при всём недостатке женщин в армии, почти все дамы, что были под её командованием, последовали за Алисой.
</br>
Пошилась чёрно-красно-белая форма дружинников. Приобрелась броня, несколько иного типа, чем у других силовых сил, с гербом ящерицы. Шлемы, стильные ножны, все лучшее для своего отряда. Впрочем, как и всегда. Было выкуплено и отремонтировано бывшее здание какого-то тренировочного центра на Юхае, где и основали штаб. В штабе собираются, кто-то при необходимости там время от времени даже живёт. Вся форма, бухгалтерия, запасы, псарня и конница. Столовой вот нету, потому что рядом куча кафе и ресторанов, где можно вкусно поесть, зато есть столовая, где можно поесть еду из дома. Но больше всего места занимают не офисы и комнаты отдыха, а тренировочные залы. Само здание чуть возвышается над городом на выступе из пригорка и ведущим к нему каменным лестницам. Что примечательно - никем не охраняется. Напрямую. Но ходит слух, что прибыть на место Вэй могут за считанные секунды и вообще там ВСЕГДА кто-то есть. Но этой информации раскрывать мы не будем. Если стража не ходит по всему периметру здания, то это ведь не значит, что его никто не охраняет?
Чем, собственно, занимаются Вэй?
В отряде существует своя иерархия и четкое обозначение обязанностей, но в общем и целом все они взаимозаменяемы и не против помочь товарищу. Нацелен отряд в основном на охрану мирных жителей. И будет его защищать, не глядя на противника. Будет выяснять, запугивает ли кто-то людей, всё ли в городе в порядке, не нападают ли чудища из вод морских. Периодически подменяют патрули Юхая, выезжают по срочному призыву Генерала на задания по всему Нэйву, но постоянно охраняют только одну зону за счёт своей малочисленности. Не отчаиваемся, зато у них большая манёвренность!  <!-- FIN DIALOGUE GAUCHE --><!-- DIALOGUE DROITE -->
<!-- FIN DIALOGUE DROITE -->

<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:500px; height:150px; overflow:hidden; text-align:center;
}
.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/34/302832.png[/icon]

Отредактировано Алиса Токагэ (2024-11-05 10:28:54)

5

[html]<div id="DUBL">

<!-- LIEN I --><div class="linkDUBL"><!-- 1 IMAGES 100*200 I --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png" id="linkDUBL" /><div class="persoDUBL"><!-- NOM I --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100; font-size: 25px !important;">Арай Котока</span><!-- IMAGE I 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/829762.png" /><!-- DESCRIPTION I --><p style="    background: #5858582b !important; color: #c5c3c3; ">Единственная во всём отряде передвигается без брони и не имеет ярко выраженных гербов на одежде. Чаще всего работает по прямым приказам Генерала, тайно. В остальное время занимается охраной хранилища информации и штаба.</p><!-- BORDURE BAS I --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Ассасин</div></div></div>

<!-- LIEN II --><div class="linkDUBL"><!-- 2 IMAGES 100*100 II --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png"  style="
    top: 15px;
    position: relative;
    transform: scale(1, -1);" id="linkDUBL" /><div class="persoDUBL"><!-- NOM II --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;
    font-size: 25px !important;">   Моэ Тун   </span><!-- IMAGE II 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/786249.png" /><!-- DESCRIPTION iI --><p style="    background: #5858582b !important; color: #c5c3c3; ">Тяжелый характер и тяжёлая броня. Паладин, не редко выступающий в роли первой линии обороны. Крутой нрав не мешает ему работать честно и справедливо, так как в своё время уже отхватил за это на поле боя. Из примет - отсутствует мизинец левой руки, что сходу не заметишь из-за перчатки. </p><!-- BORDURE BAS II --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Боевая единица</div></div></div>

<!-- LIEN III --><div class="linkDUBL"><!-- 2 IMAGES 100*100 III --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png" id="linkDUBL" /><div class="persoDUBL"><!-- NOM III --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;   font-size: 25px !important;">Тэй Хансюэ</span><!-- IMAGE III 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/170003.png" /><!-- DESCRIPTION III --><p style="    background: #5858582b !important; color: #c5c3c3; ">Невероятно красивый парень, высоченный и с длинными волосами. Чертами лица на девушку смахивает, а телом... ни разу. Прекрасный лучник с хорошим чутьём. Тонкое чувство юмора, зоркий глаз и милая моська. Стреляет и днём и ночью по стоячим и движимым объектам. Магов выслеживает, просто людей... В общем охотник.  </p><!-- BORDURE BAS III --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Снайпер</div></div></div>

<!-- LIEN IV --><div class="linkDUBL"><!-- 2 IMAGES 100*100 IV --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png"  style="
    top: 15px;
    position: relative;
    transform: scale(1, -1);" id="linkDUBL" /><div class="persoDUBL"><!-- NOM IV --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;
    font-size: 25px !important;">   Цуру Оти   </span><!-- IMAGE IV 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/188641.png" /><!-- DESCRIPTION iI --><p style="    background: #5858582b !important; color: #c5c3c3; ">На удивление - сын богатого рода Цуру. За счет этого, наверное, до сих пор игнорирует форму одежды и таскает позолоченную броню. Молодой парень, эксцентричный, но очень преданный и идейный. Ценю его ум и способности тактически мыслить. Красив и популярен, так что довольно полезен в разведках у всяких деревень. Заведует оружейной.</p><!-- BORDURE BAS IV --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Оружейник</div></div></div>

<!-- LIEN V --><div class="linkDUBL"><!-- 2 IMAGES 100*100 V --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png" id="linkDUBL" /><div class="persoDUBL"><!-- NOM V --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;   font-size: 25px !important;">Ай Ынхе</span><!-- IMAGE V 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/400450.png" /><!-- DESCRIPTION V --><p style="    background: #5858582b !important; color: #c5c3c3; ">Крайне разумная девушка с мягким и гибким характером на первый взгляд. На деле профи перевернуть всё в свою выгоду, что зачастую работает в пользу всему отряду. Если необходимо решить вопрос мирно - к ней. Если не выйдет - прекрасный мечник.</p><!-- BORDURE BAS V --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Дипломат</div></div></div>

<!-- LIEN VI --><div class="linkDUBL"><!-- 2 IMAGES 100*100 VI --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png"  style="
    top: 15px;
    position: relative;
    transform: scale(1, -1);" id="linkDUBL" /><div class="persoDUBL"><!-- NOM VI --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;
    font-size: 25px !important;">  Хибари Тоору   </span><!-- IMAGE VI 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/961304.png" /><!-- DESCRIPTION iI --><p style="    background: #5858582b !important; color: #c5c3c3; ">Мастер рукопашного боя и по совместительству бухгалтер. В принципе не вылезает почти из штаба, очень ответственный и строгий. Тем не менее с любой проблемой каждый член отряда сразу идёт к нему, за помощью в той или иной ситуации. Надёжный.</p><!-- BORDURE BAS VI --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Бухгалтер</div></div></div>

<!-- LIEN VII --><div class="linkDUBL"><!-- 2 IMAGES 100*100 VII --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png" id="linkDUBL" /><div class="persoDUBL"><!-- NOM VII --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;   font-size: 25px !important;">Цин Гу Сян</span><!-- IMAGE VII 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/456468.png" /><!-- DESCRIPTION VII --><p style="    background: #5858582b !important; color: #c5c3c3; ">Без прикрас - самая жестокая женщина во всей дружной хате. Она и в лицо улыбнётся и с такой же нежной улыбкой заточку под ребро воткнёт. Нет, она конечно крайне осторожна, на невинных не бросается, но ко всему прочему очень непредсказуема.</p><!-- BORDURE BAS VII --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Решала?</div></div></div>
</div>

<!-- LIEN VIII --><div class="linkDUBL"><!-- 2 IMAGES 100*100 VIII --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png"  style="
    top: 15px;
    position: relative;
    transform: scale(1, -1);" id="linkDUBL" /><div class="persoDUBL"><!-- NOM VIII --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;
    font-size: 25px !important;">  Томиока Годзё   </span><!-- IMAGE VIII 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/348757.png" /><!-- DESCRIPTION VIII --><p style="    background: #5858582b !important; color: #c5c3c3; ">Самый, мать его, тихий и спокойный человек в отряде. Когда-то давно очень сильно бедокурил, ругался с начальством и делал всё, чтобы уйти из военных. Сейчас правая рука главы отряда. Всегда на связи, почти всегда на работе. </p><!-- BORDURE BAS VIII --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Замглавы отряда</div></div></div>

<!-- LIEN IX --><div class="linkDUBL"><!-- 2 IMAGES 100*100 IX --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png" id="linkDUBL" /><div class="persoDUBL"><!-- NOM IX --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;   font-size: 25px !important;">Ян Лин Цзяо</span><!-- IMAGE IX 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/98903.png" /><!-- DESCRIPTION IX --><p style="    background: #5858582b !important; color: #c5c3c3; ">Самый молодой в команде. Пришёл совсем недавно, на войне с остальной командой не бывал. Смешной чебурек, иначе и не назвать. Но довольно талантливо работает в конюшне и псарне, конкретно обучая животных. Вроде у его родителей была ферма. Если так и дальше пойдет, возможно попробую научить его магии. </p><!-- BORDURE BAS IX --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Кинолог</div></div></div>
</div>

<!-- LIEN X --><div class="linkDUBL"><!-- 2 IMAGES 100*100 X --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png"  style="
    top: 15px;
    position: relative;
    transform: scale(1, -1);" id="linkDUBL" /><div class="persoDUBL"><!-- NOM X --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;
    font-size: 25px !important;">  Джин Кюнг Сун  </span><!-- IMAGE X 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/966450.png" /><!-- DESCRIPTION X --><p style="    background: #5858582b !important; color: #c5c3c3; ">Язык не повернулся бы назвать его человеком благородным, но определённо силён. В процессе миссий и при общении с населением чаще молчит, даже когда получает благодарности. Талантливый копейщик, мечник, хорош в рукопашном бою и метательном оружии. В остальном язык без костей и бабник. </p><!-- BORDURE BAS X --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Боец</div></div></div>

<!-- LIEN XI --><div class="linkDUBL"><!-- 2 IMAGES 100*100 XI --><img src="https://forumupload.ru/uploads/001b/84/6e/3/t675976.png" id="linkDUBL" /><div class="persoDUBL"><!-- NOM XI --><span style="height: 130px;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/t810323.png) 7px 2px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;   font-size: 25px !important;">Киёши Акутогава</span><!-- IMAGE XI 100*100--><img src="https://forumupload.ru/uploads/001b/84/6e/34/116699.png" /><!-- DESCRIPTION XI --><p style="    background: #5858582b !important; color: #c5c3c3; ">Не только красивый мужчина, но и спец по ядам. Отлично ориентируется в народах севера Аквамарина, имеет отличную память на имена и лица. Сражается обычно очень громоздким оружием, в куче брони и с кучей яда. В общем если нужно разбить толпу, а главы на месте нет - тоже неплохой вариант. </p><!-- BORDURE BAS XI --><div style="    background: #5858582b !important; color: #c5c3c3; border-color:black;">Таран, спец по ядам</div></div></div>
</div>

<style>
/* FICHE */
#FDUBL {
width:410px; margin:10px auto 20px; line-height:normal; text-align:left;
}
.imgFDUBL {
display:inline-block; vertical-align:top; margin-right:5px; margin-bottom:5px;
width:405px; min-height:135px;
}
.imgFDUBL img{
width:200px; height:200px;
}
.abtFDUBL {
width:400px; text-align:center;
}
.abtFDUBL img{
position:absolute; z-index:3; margin-left:125px; margin-top:-65px;
width:100px; height:100px; border-radius:100px; border:5px solid rgba(0,0,0,0.3);
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
#FDUBL:hover .abtFDUBL img{
margin-top:105px; margin-left:140px;
height:75px; width:75px; border:3px solid rgba(0,0,0,0.3);
}
.abtFDUBL p{
display:inline-block; margin:auto;
width:180px; height:0px; overflow:hidden;
text-align:justify; font-family:Times New Roman; font-size:11px;
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
#FDUBL:hover p{
width:170px; height:115px; padding:5px; overflow:auto;
}
.npFDUBL {
position:absolute; margin-top:-200px;
width:190px; height:165px; padding:35px 5px 0;
text-align:center; text-transform:uppercase; font-size:24px; font-family:Arial;
opacity:0; transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
#FDUBL:hover  .npFDUBL{
opacity:1;
}
.npFDUBL span{
display:block; margin-top:5px; font-size:11px; opacity:0.9;
}
.decoFDUBL {
margin:auto;
height:0; width:360px;
background:white; border-bottom:0; opacity:0;
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
#FDUBL:hover .decoFDUBL{
height:15px; border-bottom:5px solid;
opacity:1; transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
.adjFDUBL {
position:absolute; margin-top:-200px; margin-left:200px;
width:200px; height:200px; overflow:auto;
}
.adjFDUBL span{
display:block; margin:8px auto; width:87%; height:0; overflow:hidden;
font-size:11px; font-family:Times New Roman;
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
#FDUBL:hover .adjFDUBL span{
height:auto; padding:5px;
}
.cdtFDUBL {
position:absolute; z-index:3; margin-left:-12px; margin-top:25px;
opacity:0; transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
#FDUBL:hover .cdtFDUBL {
opacity:1;
}

/* LIENS */
#DUBL {
    display: flex;
    margin: auto;
    line-height: normal;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.linkDUBL {
display:inline-block; vertical-align:top; margin-right:5px; margin-bottom:5px;
width:200px; min-height:135px;
}
img#linkDUBL{
    opacity: 1;
position: relative;
    z-index: 11;
    margin: 0px 0px 0px;
    width: 195px;
    height: 199px;
    transition: all 2s ease;
}
.persoDUBL {
width:200px;
}
.persoDUBL img{
position: absolute;
    margin-left: 42px;
    margin-top: -163px;
width:100px;
height:100px;
border-radius:100px;
border:5px solid rgba(0,0,0,0.3);
transition: all 1.55s ease;
-webkit-transition: all 1.55s ease;
}
.linkDUBL:hover .persoDUBL img{
    margin-top: 188px;
    opacity: 1;
    margin-left: 72px;
    height: 45px;
    width: 45px;
    transition: all 1.55s ease;
-webkit-transition: all 1.55s ease;
}

.persoDUBL p{
    width: 177px;
    height: 0px;
    overflow: hidden;
    font-size: 11px !important;
    transition: all 1.75s linear;
    -webkit-transition: all 1.75s linear;
text-align: -webkit-center;
display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    filter: blur(5px);
    opacity: 0;
}
.linkDUBL:hover .persoDUBL p{
    border: 1px dotted #575555;
       height: 188px;
z-index: -6;
    width: 177px;
margin-top: -100px;
    position: relative;
    filter: blur(0px);
    opacity: 1;
    padding: 4px 5px 10px;
text-align: -webkit-center;
display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}
.persoDUBL span{
display: flex;
    position: absolute;
    margin-top: -105px;
    padding: 5px 0;
    width: auto;
    text-align: center;
    font-size: 30px;
    font-family: Doppelganger_RUS;
    text-transform: uppercase;
    opacity: 0;
    transform: scale(0 , -1);
   transition: all 1.80s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: all 1.80s cubic-bezier(0.22, 0.61, 0.36, 1);
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.linkDUBL:hover .persoDUBL span{
color: #9ed5ff !important;
    text-shadow: -2px 1px 2px black;
opacity:1;
    transform: scale3d(1, 1 , 1);
    margin: -100px -15px 0;
}
.persoDUBL div {
border: 1px dotted #575555;
display: flex;
    z-index: 1000;
    font-family: 'Doppelganger';
text-transform: capitalize;
    letter-spacing: 0.47em;
font-size: 5px;
    text-rendering: optimizelegibility;
flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
background-color:white;
border-bottom:0;
opacity:0;
transition:all 1s linear;
-webkit-transition:all 1s linear;
}
.linkDUBL:hover .persoDUBL div{
border: 1px dotted #575555 !important;
padding: 5px 0;
display: flex;
top: 10px;
    position: relative;
    z-index: 1000;
    font-size: 20px;
    letter-spacing: 0.07em;
    font-family: 'Doppelganger';
    opacity: 1;
    transition: all 1.05s linear;
    text-transform: capitalize;
    text-rendering: optimizelegibility;
    -webkit-transition: all 1.05s linear;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.cdtDUBL {
position:absolute; margin-left:-25px; margin-top:15px;
opacity:0; transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
#DUBL:hover .cdtDUBL {
opacity:1;
}

.linkDUBL:hover  img#linkDUBL{
opacity: 0;
    transition: all 2s ease;
    -webkit-filter: blur(25px);
    filter: blur(25px);
}

</style>
[/html]

[icon]https://forumupload.ru/uploads/001b/84/6e/34/302832.png[/icon]

Отредактировано Алиса Токагэ (2024-11-05 10:28:08)

6

[icon]https://forumupload.ru/uploads/001b/84/6e/34/302832.png[/icon]

[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: #4e2d23b3; color:white;">Байху Дао</p><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://forumupload.ru/uploads/001b/84/6e/34/444284.png" /></div><!-- MESSAGE --><div class="msgTHROW" style="color:black;">
<!-- DIALOGUE GAUCHE --><div class="UITHROW" style="background-image: linear-gradient(45deg, black, transparent);
    color: #f8d4d4;
    text-shadow: 1px -1px 3px #300000;">С высоты птичьего полёта открывается вид на остров, словно укушенный гигантским морским чудовищем за сочный бок. Габаритная бухта обманчиво приветствует путников, под водою же оскаливаясь острыми каменистыми берегами, так что незнающему местность пришвартоваться опасно. За песчаными берегами правая часть острова покрыта густым лесом, левая же полем с бамбуковыми пролесками. Углубляясь вглубь от бухты, вверх по проторенной тропинке, легко прийти к двухэтажному дому, рядом с которым раскинулись ещё три строения: беседка, сарая и библиотека. Задняя часть острова плавно же переходит из поля в бамбуковую рощу, в глубине которой раскинулась самодельная тренировочная площадка. </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:410px; overflow:hidden; text-align:center;    border: 1px dotted;
    border-color: bisque;
}
.ftTHROW img{
width:500px;
}
.ftTHROW:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.ftTHROW p{
    position: absolute;
    top: 30px;
width: 500px;
    padding: 13px 1px;
    font-family: 'Zeferino Three';
    font-size: 40px !important;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    z-index: 3;
}

.ftTHROW:hover p{
opacity:1;
}
.msgTHROW {
    z-index: 100;
    position: absolute;
    margin: -220px 20px 0;
    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]

Отредактировано Алиса Токагэ (2024-11-05 10:59:16)

7

[icon]https://forumupload.ru/uploads/001b/84/6e/34/302832.png[/icon]

[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: #4e2d23b3; color:white;">Дом старого Лиса</p><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://forumupload.ru/uploads/001b/84/6e/34/243161.png" /></div><!-- MESSAGE --><div class="msgTHROW" style="color:black;">
<!-- DIALOGUE GAUCHE --><div class="UITHROW" style="background-image: linear-gradient(45deg, black, transparent);
    color: #f8d4d4;
    text-shadow: 1px -1px 3px #300000;">Фасад дома встречает путников в древнем нэвийском стиле габаритной пристройкой в один этаж, обрамляющей дом по всей окраине открытой верандой. С двух из четырёх сторон можно войти на первый этаж, который представляет собой габаритную гостиную и небольшую кухню. Наверх ведёт винтовая лестница, в три жилые комнаты. Снаружи, в том же стиле, в котором прослеживается дух древних храмов, стоят беседка поодать, под деревом сливы, позади дома старый, но всё ещё крепкий сарай. Самое ново выглядящее строение - библиотека, одноэтажная. Двор не красен дорожками, зато богат на растительность, от чего кажется слегка заброшенным. Позади имеется прудик с карпами, на который и выходит задняя дверь. </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:410px; overflow:hidden; text-align:center;    border: 1px dotted;
    border-color: bisque;
}
.ftTHROW img{
width:500px;
}
.ftTHROW:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.ftTHROW p{
    position: absolute;
    top: 30px;
width: 500px;
    padding: 13px 1px;
    font-family: 'Zeferino Three';
    font-size: 40px !important;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    z-index: 3;
}

.ftTHROW:hover p{
opacity:1;
}
.msgTHROW {
    z-index: 100;
    position: absolute;
    margin: -220px 20px 0;
    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]

Отредактировано Алиса Токагэ (2024-11-05 10:57:38)


Вы здесь » Platform » Досье » Алиса Токагэ


Рейтинг форумов | Создать форум бесплатно