[html]<style>
*, ::after, ::before {
box-sizing:content-box; -moz-box-sizing:initial; -webkit-box-sizing:initial;
}
.boxSET {
display:inline-block; vertical-align:top; margin-left:10px;
}
.tIISET {
padding:5px 10px;
text-align:right; font-weight:bold; text-transform:uppercase; font-size:14px; letter-spacing:3px;
}
.SET:hover .cdtSET {
opacity:1;
}
/* АНКЕТА */
.SET {
box-shadow:0px 0px 5px rgba(0,0,0,0.2); background:grey;
border-color:#191919 !important; /* НИЖНЯЯ ПОЛОСА */
}
.SET {
margin:auto; width:545px; padding-top:20px; border-bottom:20px solid;
text-align:center; line-height:normal; font-family:Arial;
}
/* ИМЯ И ФАМИЛИЯ */
.npSET div {
background:#191919; color:white; text-shadow:0px 1px 2px rgba(255,255,255,0.5);
max-width:500px; padding:10px 0 10px 20px;
font-family:Arial; font-size:18px; font-style:italic; text-transform:uppercase; text-align:left; letter-spacing:3px;
}
.npSET {
margin:0 auto -10px; position:relative; z-index:5;
width:545px; text-align:left;
}
/* ИНФОРМАЦИЯ */
.abtSET {
display:inline-block; vertical-align:top;
width:200px; height:320px; overflow:hidden;
}
.abtSET div {
position:absolute;
width:180px; height:300px; padding:10px; overflow-y:auto;
text-align:justify; font-size:11px; font-family:Arial;
opacity:0; transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in;
background:rgba(255,255,255,0.9); color:black;
}
.abtSET:hover div {
opacity:1;
}
.abtSET img {
width:200px; min-height:320px;
}
/* НАЗВАНИЕ ПУНТКТОВ "ВНЕШНОСТЬ" и "ХАРАКТЕР" */
.tSET {
margin:auto;
width:75%; padding:5px 0; border-radius:0px 0px 15px 15px;
letter-spacing:3px; text-align:center; text-transform:uppercase; font-size:12px;
background:#191919; color:white;
}
/* ХАРАКТЕР */
.caraSET {
margin-bottom:10px;
width:300px; height:155px; padding:0 5px; border-left:5px solid;
border-color:#191919 !important; box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);
background:rgba(250,250,250,0.3); color:black;
}
.caraSET p {
margin-top:5px;
height:115px; padding:0 5px 5px; overflow:hidden;
text-align:justify; font-size:11px; font-family:Arial; line-height:15px;
}
.caraSET:hover p {
overflow-y:auto;
}
/* ВНЕШНОСТЬ */
.phyzSET {
width:300px; height:155px; padding:0 5px; border-left:5px solid;
border-color:#191919 !important; box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);
background:rgba(250,250,250,0.3); color:black;
}
.phyzSET p {
margin-top:5px;
height:115px; padding:0 5px 5px; overflow:hidden;
text-align:justify; font-size:11px; font-family:Tahoma; line-height:15px;
}
.phyzSET:hover p {
overflow-y:auto;
}
/* НАЗВАНИЕ ПУНКТОВ "БИО" И "ОБ ИГРОКЕ" */
.tIISET {
background:#191919; color:white;
}
/* БИО */
.storySET {
margin:15px auto 0; width:525px;
background:rgba(0,0,0,0.3); color:white;
}
.storySET p {
margin:0; padding:10px;
text-align:justify; font-size:11px; font-family:Tahoma; line-height:15px;
}
/* ОБ ИГРОКЕ */
.USET {background:rgba(0,0,0,0.3); color:white;
margin:10px auto; width:525px;
}
.USET p {
margin:0; padding:10px;
text-align:justify; font-size:11px; font-family:Tahoma; line-height:16px;
}
}
/* КОПИРАЙТ. ПЕРЕВОД ОТ forumd.ru */
.cdtSET {
position:absolute; margin-top:3px; width:545px;
font-size:10px; font-family:Tahoma; text-align:center;
opacity:0; transition:opacity 0.55s ease; -webkit-transition:opacity 0.55s ease;
}
.cdtSET a {
display:block; margin:auto;
text-decoration:none !important;
color:#CCC !important;
}
.cdtSET a::before {content:'by Ʃkaemp はは ™'; }
.SET:hover .cdtSET {opacity:1;}</style>
<!-- ИМЯ И ФАМИЛИЯ --><div class="npSET"><div>рваноухая</div></div><div class="SET"><div class="abtSET">
<!-- КРАТКАЯ ИНФОРМАЦИЯ О ПЕРСОНАЖЕ --><div><center><b>ушко – ушастенькая – рваноухая</b></center><br/>
грозовое племя<br/>
оруженосец<br/>
чистокровая<br/>
<br/>
интересные факты:<br/>
<br/>
с юных лун влезала в разные передряги и её часто отчитывали старшие<br/>
планировала побег из лагеря, но испугалась совершать его в одиночку<br/>
</div>
<!-- КАРТИНКА 200*320 - АВТОМАТИЧЕСКО СЖАТИЕ --><img src="https://forumupload.ru/uploads/001a/f4/24/736/887512.jpg" /></div>
<!-- ХАРАКТЕР И ВНЕШНОСТЬ --><div class="boxSET">
<!-- ХАРАКТЕР --><div class="caraSET"><div class="tSET">Характер</div>
<p>неусидчивая, любопытная. <br/> низкая эмпатия. <br/> обидчивая. <br/> вспыльчивая. <br/>верная. <br/></p></div>
<!-- ВНЕШНОСТЬ --><div class="phyzSET"><div class="tSET">Внешность</div>
<p>потеряла оба уха. <br/> коричневая табби, похожа на мэйнкуна. <br/> крупная. <br/> зелёные глаза. </p></div></div>
<!-- КОПИРАЙТ (ПРОСЬБА НЕ УБИРАТЬ) --> <div class="cdtSET"><a href="https://crushcrushcrush.actifforum.com/" target="_blank"></a></div></div>[/html]
Отредактировано Рваноухая (2024-05-11 16:39:02)
