<!--HTML-->

<div class="htmldemo"> 

<center><div class="sacth">

<div class="sacttitle">обмен валентинками</div>

<div class="saccita">стильно и чуть-чуть хитро</div> <br>
<hr>
<div style="width: 480px; text-align: justify; font: 11px arial; text-transform: none; line-height: 11px; overflow: auto;">
<p>Говорят, слова любви не главное. <br>Врут. Ещё как главное! <br>Особенно когда они спрятаны в крошечный конверт и подброшены в сумку, пока никто не видит. Короче, без валентинок в этот день - как без шампанского: вроде и можно, но зачем себя обделять? <br>Запускаем обмен.<br><br>
<b>Правила, как всегда, простые</b>: берём один из шаблонов вот там внизу, заполняем и выкладываем в этой теме со своего профиля или анонимно (<b><u>логин - Cupid, пароль - 12345</b></u>). Обращаем внимание, что можно не просто подарить валентинку, но и приложить к нему <u>подарок в виде сакр/купона/подарка из банка</u> - наша служба доставки обязательно разнесёт всё по соответствующим адресам. Количество валентинок от одного человека не ограничено ничем кроме здравого смысла, себе отправлять нельзя, другим очень даже можно.</p>
<p><b>[!]:</b> если анонимно отправляете материальные (сакры/подарок/тотемы/купоны) подарки, то не забудьте отписаться мне в лс, что это вы отправили такую-то валентинку с ссылкой на неё, чтобы понимать с кого списывать подаренное. Заранее спасибо!
<br> <b>[!!]:</b> лимиты на подарки аналогичны лимитам в банке, тотемы и купоны работают - про купоны делайте пометки (где-нибудь мелким шрифтом, чтобы не портить атмосферу, так сказать, или же снова мне в лс). Тотемы можно дарить при наличии Эльфийки.</p>
</div>
</div>

  </div>

<!--HTML--><style>
.card1{
    height: 300px;
    width: 300px;
    position: absolute;
    background: url(https://i.imgur.com/hbKf03d.png) no-repeat;
    display: inline-block;
    padding: 5px;
    z-index: 5;
    overflow-y: hidden;
}

.card2{
    height: 300px;
    width: 300px;
    position: absolute;
    background: url(https://i.imgur.com/nNRIg1i.png) no-repeat;
    display: inline-block;
    padding: 5px;
    z-index: 5;
    overflow-y: hidden;
}

.card3{
    height: 300px;
    width: 300px;
    position: absolute;
    background: url(https://i.imgur.com/1WMOTWN.png) no-repeat;
    display: inline-block;
    padding: 5px;
    z-index: 5;
    overflow-y: hidden;
}

.card4{
    height: 300px;
    width: 300px;
    position: absolute;
    background: url(https://i.imgur.com/MS1m2Ul.png) no-repeat;
    display: inline-block;
    padding: 5px;
    z-index: 5;
    overflow-y: hidden;
}

.card5{
    height: 300px;
    width: 300px;
    position: absolute;
    background: url(https://i.imgur.com/kitBxpn.png) no-repeat;
    display: inline-block;
    padding: 5px;
    z-index: 5;
    overflow-y: hidden;
}

.card6{
    height: 300px;
    width: 300px;
    position: absolute;
    background: url(https://i.imgur.com/SuAIcPv.png) no-repeat;
    display: inline-block;
    padding: 5px;
    z-index: 5;
    overflow-y: hidden;
}

.cardtext{
height: 260px;
    width: 265px;
    background: #fefcf1;
    position: absolute;
    /* display: inline-block; */
    margin-left: 5px;
    padding: 5px;
    text-align: justify;
    /* padding: 5px; */
    /* margin-top: -10px; */
    margin-left: -5px;
    opacity: 0;
    z-index: 10;
    padding: 20px;
}

.cardtext a {
color: #a1153b!important;
}

.valentine{
    width: 300px;
    height: 300px;
    /* position: absolute; */
    padding: 5px;
    /* display: inline-block; */
    margin: auto;
    border: 20px solid #fff;
    background: #fff;    
}

.valentine:hover .cardtext{
    opacity: 100;
    overflow-y: auto;
}

.cardfor {
padding: 5px;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
text-align: right;
}

.cardfrom {
padding: 5px;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
text-align: right;
}

</style>