[html]
<link href="https://fonts.googleapis.com/css?family=Manuale:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i" rel="stylesheet">
<style>
#frank {width: 700px; height: 500px; ; background-color: #270a0f;position: relative; margin: auto}
#frank-img {width: 220px; height: 250px; position: absolute; left: 240px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); background-size: cover; background-position: center; background-color: #777; background-blend-mode: multiply;}
#frank h1 {position: absolute; left: 245px; font-family: manuale; font-weight: 700; color: #bf0007; text-transform: uppercase; font-size: 17px; letter-spacing: 2px; background: none;line-height: 20px; width: 190px; border-left: 1px solid #bf0007; padding-left: 10px; top: 90px; height: 40px; font-style: italic; text-align: left; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease}
#frank:hover h1 {top: 40px}
#frank-info {background: none; position: absolute; width: 200px; left: 250px; height: 80px; top: 150px; opacity: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease;}
#frank:hover #frank-info {opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s}
#frank-info info {height: 20px; display: block; text-align: right; color: #918d8c; width: 200px; line-height: 20px; font-size: 10px; font-family: manuale; font-weight: 700; text-transform: uppercase; letter-spacing: 2px}
#frank-aboutl {
background:
#a9a7a7;
border-left: 0px solid
#270a0f;
border-top: 15px solid
#270a0f;
border-bottom: 15px solid #a9a7a7;
border-right: 15px solid
#a9a7a7;
padding-left: 10px;
padding-right: -10px;
width: 205px;
height: 230px;
position: absolute;
left: 10px;
font-family: crimson text;
font-size: 12px;
color:
#58524E;
overflow: auto;
text-align: justify;
line-height: 13px;
}
#frank-aboutr {
background:
#a9a7a7;
border-left: 15px solid
#a9a7a7;
border-top: 15px solid
#270a0f;
border-bottom: 15px solid #a9a7a7;
border-right: 0px solid
#a9a7a7;
padding-left: -10px;
padding-right: 10px;
width: 205px;
height: 230px;
position: absolute;
right: 10px;
font-family: crimson text;
font-size: 12px;
color:
#58524E;
overflow: auto;
text-align: justify;
line-height: 13px;
}
#frank h2 {font-family: manuale; color: #26090e; background: none; text-transform: uppercase; font-style: italic; border-left: 1px solid #45393b; padding-left: 15px; height: 30px; line-height: 30px; margin: 10px 0 10px 0; font-size: 22px; letter-spacing: 2px; font-weight: 600;}
#frank-aboutr::-webkit-scrollbar {width: 0px}
#frank-aboutr::-webkit-scrollbar-thumb {border-left: 3px solid #a9a7a7!important; border-right: 3px solid #a9a7a7!important; border-top: 1px solid #666D58!important; border-bottom: 1px solid #666D58!important; background: #666D58}
#frank-aboutr::-webkit-scrollbar-track {background: #a9a7a7!important; border: none!important}
#frank-aboutr b {color: #371e22}
#frank-aboutl::-webkit-scrollbar {width: 0px}
#frank-aboutl::-webkit-scrollbar-thumb {border-left: 3px solid #a9a7a7!important; border-right: 3px solid #a9a7a7!important; border-top: 1px solid #666D58!important; border-bottom: 1px solid #666D58!important; background: #666D58}
#frank-aboutl::-webkit-scrollbar-track {background: #a9a7a7!important; border: none!important}
#frank-aboutl b {color: #371e22}
#frank-about2 {width: 670px; height: 225px; border: 15px solid #270a0f; border-bottom: 10px solid #270a0f; padding-bottom: 5px; background: #270a0f; position: absolute; bottom: 0; overflow-y: auto; overflow-x: hidden; color: #918d8c; font-family: crimson text; font-size: 14px; line-height: 13px; text-align: justify; }
#frank-about2 blockquote {background: none; margin: 15px; text-align: justify; color: #9f0e19; font-family: manuale; text-transform: uppercase; font-style: italic; font-weight: 700; line-height: 16px; font-size: 14px; letter-spacing: 2px;}
#frank-about2 blockquote::before, #frank-about2 blockquote::after {content:'"'}
#frank-about2::-webkit-scrollbar {height: 0px;}
#frank-about2::-webkit-scrollbar-thumb {border-top: 3px solid #270a0f8!important; border-right: 1px solid #270a0f!important; border-left: 1px solid #270a0f!important; border-bottom: 3px solid #270a0f!important; background: #270a0f}
#frank-about2::-webkit-scrollbar-track {background: #270a0f!important; border: none!important}
</style>
<div id="frank">
<div id="frank-aboutl">
<h2>Справка</h2>
<b>Дар ведьмы и маги получают при рождении. Процент наследования магического дара невелик, так что наличие в одной семье нескольких представителей древней силы вовсе не обязательно.<br>
По своей структуре магическое сообщество сейчас в большинстве состоит из одиночек, которые редко сбиваются в ковены или колдуют совместно только при необходимости и сложности заклинания. Однако, существует так называемый "Верховный Совет магов", откуда контролируются все маги, даже одиночки. Сделано это для общей безопасности, как ведьм, так и людей. Верхушка избирается по принципу силы, мудрости и рассудительности, зачастую на замену старым членам Совета приходят те, кого выбрали оставшиеся. <br>
У ведьм существует свой свод законов, и Верховный Совет контролирует их соблюдение. Если кто-то из ведьм нарушит запрет на какое-либо заклинание, ее ждет наказание от своих же. Молодым магам, рожденным в семье, где их не могут обучить, назначают наставника от Совета. <br>
Черпают силы из самих себя, соответственно чем больше внутренняя энергия ведьмы, тем сильнее ее заклятия. Редко питаются силой извне, усиливая свою магию амулетами или артефактами.<br>
Некоторые используют магию, чтобы продлевать свою молодость и жизнь. Медиумы и стихийные маги сами на такое не способны, но могут обратиться с этим к заклинателям.
<b>
</div>
<div id="frank-img" style="background-image: url(https://i.imgur.com/ashzpb9.jpg)"></div>
<h1>WITCHES<br> </h1>
<div id="frank-info">
<info>рожденные с даром</info>
</div>
<div id="frank-aboutr">
<h2>Слабости</h2>
<b> В первую очередь ведьмы - это люди, а люди смертны. Обычного мага не составит труда убить и простым оружием, но некоторые из заклинателей придумали ряд заклятий, в большинстве своем запрещенных, которые не позволят умереть от простого ножа или пистолета. В таком случае помогает зачарованное оружие или пули, смазанные специальным отваром против ведьм, разрушающие саму структуру любого заклинания, они прошивают эту защиту и добираются до смертного тела. <br>
Сильные заклятия могут разрушить тело мага, поэтому в таких случаях нанимают фамильяров (см. shifters). Но даже это не всегда 100% гарантия. <br>
Любой источник силы не вечен. Маги, применяющие те или иные заклятия, должны восстанавливать свои запасы. В зависимости от мощности и сложности заклятия, ведьма может потратить свои запасы разом, и тогда на восстановление может уйти от нескольких дней до нескольких лет. Зависит от ее способности к накапливанию сил и насколько ей самой повредит примененное заклинание. </b>
</div>
<div id="frank-about2"><blockquote>Способности</blockquote>
<b><i>Медиумы</i> - люди, с даром видеть сокрытое. Могут обнаружить заклинание, или след магии. Видят призраков, способны с ними контактировать, призвать или упокоить. Некоторые наделенные этим даром могут заглядывать в прошлое и будущее, читать ауры и чувствовать пробужденную Искру. У медиумов хорошо развита интуиция, они склонны к эмпатии, однако активные заклинания у них практически не выходят, так как внутренний запас сил недостаточен для поддержания стабильной энергии для такого колдовства. <br><br>
<i>Заклинатели</i> - Практикуют активную магию. Способны зачаровывать оружие, амулеты, создать зелья, порошки, мази, яды. Накладывают защитную магию или же разрушают заклятия, насылают и снимают проклятия. У заклинателей очень богатый запас собственных сил, но они часто пользуются усиливающими артефактами и амулетами, чтобы не исчерпаться досрочно. Большинство их чар требуют фильтра магии, поэтому заклинателям крайне необходимы фамильяры. <br><br>
<i>Стихийные</i> - маги, наделенные активным даром, чаще стихийным: огонь, вода, воздух, молния, лед. Похожим активным даром и колебанием внутренней энергии обладают и телекинетики. Гораздо легче создать собственное заклинание рядом с источником стихии. То есть рядом с озером водный или ледяной маг будет гораздо сильнее, а огненный - рядом с источником открытого огня. Для создания стихии из ничего, при отсутствии источников, требуется больше внутренней энергии. Несмотря на то, что стихийные маги обладают хорошим запасом сил, они редко применяют чары вне своей специализации, например, для создания мазей или наложения проклятий. Поток их энергии нестабилен и такие заклинания могут негативно сказаться на них самих, поэтому они не рискуют. Для использования собственного дара магу стихии не нужен фамильяр. </b><br>
</div>
</div>
[/html]