necro test

fackq

mybb@mybb.ru (meowwdonna) — Fri, 16 Oct 2026 01:01:40 +0300

[html]
<style>

/* =====================================================
RENASCENTIUM / PATIENT INFORMATION LEAFLET
===================================================== */

.rx-sheet {
--green: #477551;
--green-dark: #55594f;

--ruby: #854b55;
--rust: #a36a4f;

--bone: #beb7a7;
--smoke: #92918a;

width: 620px;
margin: 0 auto;
padding: 34px 32px 38px;
box-sizing: border-box;

position: relative;

color: inherit;

font-family: Arial, Helvetica, sans-serif;

background:
linear-gradient(
rgba(190, 183, 167, .06),
rgba(85, 89, 79, .08)
);

border: 1px solid rgba(146, 145, 138, .24);

box-shadow:
0 10px 32px rgba(0, 0, 0, .08),
inset 0 1px 0 rgba(255, 255, 255, .05);
}

.rx-sheet:before {
content: "";

position: absolute;

top: 8px;
left: 8px;
right: 8px;
bottom: 8px;

border: 1px solid rgba(146, 145, 138, .12);

pointer-events: none;
}

/* =====================================================
��
===================================================== */

.rx-topline {
display: flex;
justify-content: space-between;
align-items: center;

padding-bottom: 9px;
margin-bottom: 20px;

border-bottom: 1px solid rgba(146,145,138,.45);

font-size: 7px;
font-weight: 700;

text-transform: uppercase;
letter-spacing: 1.8px;

opacity: .72;
}

.rx-topline span:last-child {
color: var(--ruby);
}

/* =====================================================
��
===================================================== */

.rx-head {
position: relative;

padding: 8px 0 25px;

border-bottom: 3px double rgba(71,117,81,.55);
}

.rx-kicker {
margin-bottom: 7px;

font-size: 8px;
font-weight: 700;

text-transform: uppercase;
letter-spacing: 2.5px;

color: var(--ruby);
}

.rx-title {
margin: 0;

font-family: Georgia, 'Times New Roman', serif;

font-size: 43px;
font-weight: normal;

line-height: .95;

letter-spacing: -1px;

color: var(--green);
}

.rx-subtitle {
max-width: 440px;

margin-top: 13px;

font-family: Georgia, 'Times New Roman', serif;

font-size: 11px;
line-height: 1.65;

opacity: .74;
}

/* =====================================================
��
===================================================== */

.rx-meta {
display: grid;
grid-template-columns: repeat(3, 1fr);

margin-top: 20px;

border-top: 1px solid rgba(146,145,138,.28);
border-bottom: 1px solid rgba(146,145,138,.28);
}

.rx-meta-item {
padding: 10px 12px;

border-right: 1px solid rgba(146,145,138,.28);

font-size: 7px;
line-height: 1.5;

text-transform: uppercase;
letter-spacing: 1.2px;

text-align: center;

opacity: .78;
}

.rx-meta-item:last-child {
border-right: 0;
}

.rx-meta-item b {
color: var(--green);
}

/* =====================================================
WARNING
===================================================== */

.rx-warning {
display: grid;
grid-template-columns: 48px 1fr;

margin: 28px 0 30px;

border-top: 1px solid var(--ruby);
border-bottom: 1px solid var(--ruby);
}

.rx-warning-mark {
display: flex;
align-items: center;
justify-content: center;

font-family: Georgia, 'Times New Roman', serif;

font-size: 27px;
font-style: italic;

color: var(--ruby);
}

.rx-warning-content {
padding: 12px 0 12px 15px;

border-left: 1px solid rgba(133,75,85,.45);

font-size: 9px;
line-height: 1.65;
}

.rx-warning-title {
margin-bottom: 4px;

font-size: 8px;
font-weight: 700;

text-transform: uppercase;
letter-spacing: 2px;

color: var(--ruby);
}

/* =====================================================
��
===================================================== */

.rx-section {
display: grid;
grid-template-columns: 66px 1fr;

padding: 24px 0;

border-bottom: 1px solid rgba(146,145,138,.30);
}

.rx-section:first-of-type {
border-top: 1px solid rgba(146,145,138,.30);
}

/* =====================================================
��
===================================================== */

.rx-number {
padding-top: 1px;

font-family: Georgia, 'Times New Roman', serif;

font-size: 26px;
font-style: italic;

line-height: 1;

color: var(--ruby);
}

/* =====================================================
��
===================================================== */

.rx-section-main {
min-width: 0;
}

.rx-section-title {
margin-bottom: 11px;

font-size: 9px;
font-weight: 700;

text-transform: uppercase;
letter-spacing: 1.7px;

color: var(--green);
}

.rx-section-title:after {
content: "";

display: inline-block;

width: 34px;
height: 1px;

margin-left: 10px;

vertical-align: middle;

background: var(--rust);

opacity: .65;
}

/* =====================================================
��
===================================================== */

.rx-body {
font-size: 10px;
line-height: 1.75;

text-align: justify;

opacity: .90;
}

.rx-body p {
margin: 0 0 10px;
}

.rx-body p:last-child {
margin-bottom: 0;
}

.rx-body b {
color: var(--green);
}

/* =====================================================
��
===================================================== */

.rx-body ul {
margin: 10px 0 0;
padding: 0;

list-style: none;
}

.rx-body li {
position: relative;

margin: 5px 0;
padding-left: 15px;
}

.rx-body li:before {
content: "�";

position: absolute;
left: 0;

color: var(--rust);
}

/* =====================================================
��
===================================================== */

.rx-note {
margin-top: 13px;
padding-top: 9px;

border-top: 1px dotted rgba(146,145,138,.45);

font-family: Georgia, 'Times New Roman', serif;

font-size: 9px;
font-style: italic;

line-height: 1.55;

opacity: .62;
}

/* =====================================================
��
===================================================== */

.rx-final {
position: relative;

margin-top: 32px;
padding: 22px 28px;

border: 1px solid rgba(71,117,81,.55);

text-align: center;
}

.rx-final:before,
.rx-final:after {
content: "✦";

position: absolute;

top: -8px;

padding: 0 8px;

font-size: 10px;

color: var(--ruby);
}

.rx-final:before {
left: 18px;
}

.rx-final:after {
right: 18px;
}

.rx-final-title {
margin-bottom: 7px;

font-family: Georgia, 'Times New Roman', serif;

font-size: 17px;
font-style: italic;

color: var(--green);
}

.rx-final-text {
font-size: 8px;
line-height: 1.7;

text-transform: uppercase;
letter-spacing: .8px;

opacity: .68;
}

/* =====================================================
��
===================================================== */

.rx-footer {
display: flex;
justify-content: space-between;

margin-top: 15px;

font-size: 6px;

text-transform: uppercase;
letter-spacing: 1.4px;

opacity: .52;
}

</style>

<div class="rx-topline">
<span>st mungo's hospital for magical maladies and injuries</span>
<span>patient information leaflet / 2003</span>
</div>

<div class="rx-kicker">
restorative potion • prescription only
</div>

<h1 class="rx-title">
Renascentium
</h1>

<div class="rx-meta-item">
<b>form</b><br>
oral potion
</div>

<div class="rx-meta-item">
<b>dispensing</b><br>
prescription only
</div>

<div class="rx-meta-item">
<b>issue</b><br>
2002–2003
</div>

</div>

<div class="rx-warning-title">
warning
</div>

Certified Renascentium is available exclusively from the
pharmacy at St Mungo’s Hospital for Magical Maladies and Injuries.

</div>

<div class="rx-section-title">
lorem ipsum dolor
</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum posuere, sapien nec consectetur luctus,
mauris tortor tincidunt lorem, vitae facilisis justo
arcu sit amet lorem.
</p>

<p>
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium.
</p>

<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent feugiat neque non justo consequat.
</div>

</div>

<div class="rx-section-title">
consectetur adipiscing
</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam posuere lorem id massa tincidunt, non tincidunt velit.
</p>

<p>
Donec sed magna vitae neque viverra vulputate.
Vivamus feugiat neque quis lectus vulputate fermentum.
</p>

<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

</div>

<div class="rx-section-title">
sed do eiusmod
</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi volutpat eros eu magna pulvinar malesuada.
</p>

<p>
Integer luctus arcu nec neque condimentum,
ut commodo dolor tristique.
</p>

<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

</div>

<div class="rx-section-title">
tempor incididunt
</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque habitant morbi tristique senectus et netus.
</p>

<ul>
<li>Lorem ipsum dolor sit amet;</li>
<li>Consectetur adipiscing elit;</li>
<li>Sed do eiusmod tempor;</li>
<li>Incididunt ut labore et dolore;</li>
<li>Magna aliqua.</li>
</ul>

<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

</div>

<div class="rx-section-title">
ut labore et dolore
</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis aute irure dolor in reprehenderit in voluptate velit.
</p>

<p>
Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>

<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

</div>

<div class="rx-section-title">
magna aliqua
</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean efficitur, lectus sed luctus fermentum,
lorem tortor feugiat purus.
</p>

<p>
Curabitur vitae erat eget neque consequat interdum.
</p>

<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

</div>

<div class="rx-section-title">
veniam quis nostrud
</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed tincidunt augue vel lectus dictum,
ac interdum lorem porta.
</p>

<p>
Proin non neque sit amet sapien aliquet luctus.
</p>

<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

</div>

<div class="rx-section-title">
exercitation ullamco
</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse potenti. Maecenas vitae ipsum vel lorem
egestas feugiat.
</p>

<ul>
<li>Lorem ipsum dolor sit amet;</li>
<li>Praesent euismod lorem vitae;</li>
<li>Integer commodo justo non;</li>
<li>Vestibulum ante ipsum primis.</li>
</ul>

<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

</div>

<div class="rx-final-title">
keep out of reach of children
</div>

<div class="rx-final-text">
store in a cool, dry place • do not exceed prescribed dose
<br>
do not share medication, even with people who insist
they have had “exactly the same week”
</div>

</div>

<div class="rx-footer">
<span>st mungo's pharmacy</span>
<span>ref. rns / 03 / 7281</span>
</div>

</div>
[/html]

��: ��

mybb@mybb.ru (p.s.) — Wed, 07 Oct 2026 23:51:56 +0300

��

�� : �� ;
�� , �� .

1	2	3	4	5
6	7	8	9	10
11	12	13	14	15
16	17	18	19	20
21	22	23	24	25

��

mybb@mybb.ru (necromancer) — Wed, 30 Sep 2026 11:55:37 +0300

[hideprofile][html]<style>
/* =========================================
PRAY & PREY � FORUM BINGO
========================================= */

.pp-bingo {
--bingo-green: #415549;
--bingo-beige: #cabeae;
--bingo-bg: #eeeeee;
--bingo-cell: #f4f4f4;
--bingo-border: rgba(65, 85, 73, .22);

width: 100%;
max-width: 760px;
margin: 25px auto;
padding: 28px;
box-sizing: border-box;

background: var(--bingo-bg);
border: 1px solid var(--bingo-border);
border-radius: 18px;

color: var(--bingo-green);
font-family: "Manrope", sans-serif;
}

/* HEADER */

.pp-bingo-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-bottom: 22px;
}

.pp-bingo-title {
margin: 0;

font-family: "TheSilverEditorial", serif;
font-size: 34px;
font-weight: normal;
line-height: .9;
letter-spacing: .03em;
text-transform: uppercase;
}

.pp-bingo-subtitle {
margin-top: 8px;

color: rgba(65, 85, 73, .65);
font-size: 10px;
letter-spacing: .16em;
text-transform: uppercase;
}

.pp-bingo-counter {
flex-shrink: 0;

padding: 8px 12px;

background: var(--bingo-beige);
border-radius: 20px;

color: var(--bingo-green);
font-size: 10px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
}

/* BOARD */

.pp-bingo-board {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6px;
}

/* CELLS */

.pp-bingo-cell {
position: relative;

min-height: 115px;
padding: 14px 10px;

display: flex;
align-items: center;
justify-content: center;

box-sizing: border-box;

background: var(--bingo-cell);
border: 1px solid var(--bingo-border);
border-radius: 10px;

color: var(--bingo-green);
font-size: 10px;
font-weight: 600;
line-height: 1.45;
text-align: center;

cursor: pointer;

transition:
background .2s ease,
color .2s ease,
transform .2s ease,
border-color .2s ease;
}

.pp-bingo-cell:hover {
border-color: var(--bingo-green);
transform: translateY(-2px);
}

.pp-bingo-cell.checked {
background: var(--bingo-green);
border-color: var(--bingo-green);
color: #f4f4f4;
}

.pp-bingo-cell.checked::after {
content: "✓";

position: absolute;
top: 6px;
right: 8px;

font-size: 13px;
font-weight: 700;
}

/* FREE */

.pp-bingo-cell.free {
background: var(--bingo-beige);
border-color: var(--bingo-beige);

font-family: "TheSilverEditorial", serif;
font-size: 18px;
letter-spacing: .08em;
text-transform: uppercase;
}

.pp-bingo-cell.free::before {
content: "✦";

position: absolute;
top: 7px;
left: 9px;

font-family: sans-serif;
font-size: 9px;
}

/* BINGO LINE */

.pp-bingo-cell.bingo-line {
box-shadow:
inset 0 0 0 2px var(--bingo-beige);
}

/* MESSAGE */

.pp-bingo-message {
min-height: 18px;
margin-top: 15px;

color: var(--bingo-green);

font-family: "TheSilverEditorial", serif;
font-size: 19px;
text-align: center;

opacity: 0;
transition: opacity .25s ease;
}

.pp-bingo-message.visible {
opacity: 1;
}

/* BUTTONS */

.pp-bingo-actions {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 7px;

margin-top: 18px;
}

.pp-bingo-button {
padding: 9px 15px;

background: transparent;
border: 1px solid var(--bingo-border);
border-radius: 20px;

color: var(--bingo-green);

font-family: "Manrope", sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;

cursor: pointer;

transition:
background .2s ease,
color .2s ease,
border-color .2s ease;
}

.pp-bingo-button:hover {
background: var(--bingo-green);
border-color: var(--bingo-green);
color: #fff;
}

.pp-bingo-button.main {
background: var(--bingo-green);
border-color: var(--bingo-green);
color: #fff;
}

.pp-bingo-button.main:hover {
background: #34463b;
}

/* MOBILE */

@media (max-width: 600px) {

.pp-bingo {
padding: 18px;
}

.pp-bingo-header {
display: block;
}

.pp-bingo-counter {
display: inline-block;
margin-top: 15px;
}

.pp-bingo-title {
font-size: 28px;
}

.pp-bingo-cell {
min-height: 90px;
padding: 9px 6px;

font-size: 8px;
}

.pp-bingo-cell.free {
font-size: 14px;
}
}
</style>

<div>
<div class="pp-bingo-title">
THE FORUM BINGO
</div>

</div>

<div class="pp-bingo-message" id="pp-bingo-message">
BINGO ✦
</div>

</div>

/* =========================================
ITEMS
========================================= */

const bingoItems = [

"�� ",

"�� 10 000 ��і�",

"�� і� �� ",

"�� і�� ",

"�� і� ��і",

"�� і�� ",

"�� і��, �� ",

"�і�� і ��і� �� ",

"�� і�і� ��і�� ї",

"�� ",

"�і�� і �� і�� ",

"�� і� �� і��",

"�� ",

"�� 4 ��",

"�� ї��",

"�� ",

"�� і �� ",

"�� ",

"�� , ��ї �� ",

"�� і�",

"��і�� і� �� і�� ",

"�� ",

"�і�� і��і�� ",

"�� і�� і��і�",

"�� і�� і��",

"�� і��, �і� ��",

"�� і �� і� �� ",

"�� ",

"�� , � ��і� ��і�, �� і� і�� ",

"�і�� і �� ",

"�� ",

"�� і��, �і� ��",

"�� ",

"�� і �� ",

"�� і��і",

"�� ",

"�� , �і� ��",

"�� , �� ",

"�� і ��"

];

/* =========================================
STATE
========================================= */

let currentItems = [];
let checked = new Set();

/* =========================================
SHUFFLE
========================================= */

function shuffle(array) {

const result = [...array];

for (let i = result.length - 1; i > 0; i--) {

const j = Math.floor(Math.random() * (i + 1));

[result[i], result[j]] =
[result[j], result[i]];

}

return result;
}

/* =========================================
CREATE CARD
========================================= */

function createBingo() {

currentItems =
shuffle(bingoItems).slice(0, 15);

checked = new Set();

renderBingo();

}

/* =========================================
RENDER
========================================= */

function renderBingo() {

const board =
document.getElementById("pp-bingo-board");

board.innerHTML = "";

/*
* 4 × 4 = 16 ��і��
* FREE �� і
* �� 4×4 �� і� 5
*/

let itemIndex = 0;

for (let i = 0; i < 16; i++) {

const cell =
document.createElement("div");

cell.className =
"pp-bingo-cell";

/*
* FREE
*/

if (i === 5) {

cell.classList.add(
"free",
"checked"
);

cell.dataset.index = i;

cell.textContent = "FREE";

checked.add(i);

}

else {

const text =
currentItems[itemIndex];

cell.dataset.index = i;

cell.textContent = text;

itemIndex++;

}

cell.addEventListener(
"click",
function () {

if (cell.classList.contains("free")) {
return;
}

toggleCell(cell);

}
);

board.appendChild(cell);

}

updateCounter();

checkBingo();

}

/* =========================================
TOGGLE
========================================= */

function toggleCell(cell) {

const index =
Number(cell.dataset.index);

if (checked.has(index)) {

checked.delete(index);

cell.classList.remove("checked");

}

else {

checked.add(index);

cell.classList.add("checked");

}

updateCounter();

checkBingo();

}

/* =========================================
COUNTER
========================================= */

function updateCounter() {

const counter =
document.querySelector(
".pp-bingo-counter"
);

const count =
checked.size;

counter.textContent =
count + " / 16";

}

/* =========================================
BINGO CHECK
========================================= */

function checkBingo() {

const cells =
document.querySelectorAll(
".pp-bingo-cell"
);

/*
* ��і ��і �і�ії
*/

const lines = [

// rows
[0,1,2,3],
[4,5,6,7],
[8,9,10,11],
[12,13,14,15],

// columns
[0,4,8,12],
[1,5,9,13],
[2,6,10,14],
[3,7,11,15],

// diagonals
[0,5,10,15],
[3,6,9,12]

];

/*
* ��є�� і��і��
*/

cells.forEach(function (cell) {

cell.classList.remove(
"bingo-line"
);

});

let bingoFound = false;

/*
* ��і��є�� і�ії
*/

lines.forEach(function (line) {

const complete =
line.every(function (index) {

return checked.has(index);

});

if (complete) {

bingoFound = true;

line.forEach(function (index) {

cells[index]
.classList
.add("bingo-line");

});

}

});

const message =
document.getElementById(
"pp-bingo-message"
);

if (bingoFound) {

message.classList.add("visible");

message.textContent =
"BINGO ✦ �� і�і�� і";

}

else {

message.classList.remove(
"visible"
);

}

/* =========================================
RESET
========================================= */

window.ppResetBingo = function () {

checked = new Set();

const cells =
document.querySelectorAll(
".pp-bingo-cell"
);

cells.forEach(function (cell) {

cell.classList.remove(
"checked",
"bingo-line"
);

});

/*
* FREE ��
*/

const free =
document.querySelector(
".pp-bingo-cell.free"
);

if (free) {

free.classList.add(
"checked"
);

checked.add(5);

}

updateCounter();

checkBingo();

};

/* =========================================
NEW CARD
========================================= */

window.ppNewBingo = function () {

createBingo();

};

/* =========================================
INSERT INTO REPLY
========================================= */

window.ppInsertBingo = function () {

const textarea =
document.getElementById(
"main-reply"
);

/*
* ��і��є��
*/

if (!textarea) {

alert(
"�� і��і�і."
);

return;

}

/*
* �� і��і��і ��і��
*/

const cells =
document.querySelectorAll(
".pp-bingo-cell.checked"
);

const selected =
Array.from(cells)
.filter(function (cell) {

return !cell.classList.contains(
"free"
);

})
.map(function (cell) {

return cell.textContent.trim();

});

if (selected.length === 0) {

alert(
"�� і��і�� і�� 💚"
);

return;

}

/*
* ��є��
*
* BBCode �і� PunBB
*/

const bingoText =
"THE FORUM BINGO\n" +
"\n" +
selected
.map(function (item) {

return "☑ " + item;

})
.join("\n") +
"\n\n";

/*
* �� і� ��
*/

const start =
textarea.selectionStart;

const end =
textarea.selectionEnd;

/*
* ��є�� Bingo
*/

textarea.value =
textarea.value.substring(
0,
start
) +

bingoText +

textarea.value.substring(
end
);

/*
* ��є��
*/

const newPosition =
start + bingoText.length;

textarea.focus();

textarea.selectionStart =
newPosition;

textarea.selectionEnd =
newPosition;

/*
* ��і��є�� ,
* �� textarea ��і��
*/

textarea.dispatchEvent(
new Event(
"input",
{
bubbles: true
}
)
);

};

/* =========================================
START
========================================= */

createBingo();

})();
</script>[/html]

forgotten

mybb@mybb.ru (necromancer) — Wed, 23 Sep 2026 20:21:13 +0300

[hideprofile][html]
<div style="
width:100%;
max-width:1100px;
margin:25px auto;
padding:55px 35px 65px;
box-sizing:border-box;

background:#f5f5f5;

border-radius:26px;

font-family:Arial, Helvetica, sans-serif;
color:#30302f;
">

<div style="
width:max-content;
max-width:90%;

margin:0 auto 70px;
padding:11px 35px;

box-sizing:border-box;

background:#cabeae;

color:#415549;

border-radius:30px;

font-size:10px;
font-weight:bold;

letter-spacing:1px;
text-transform:uppercase;

text-align:center;
">
��і� ��і�
</div>

<div style="
position:absolute;

left:50%;

width:2px;

margin-top:0;

background:#cabeae;
"></div>

<div style="
position:relative;

display:flex;
justify-content:flex-start;
align-items:center;

min-height:190px;

margin-bottom:35px;
">

<div style="
position:relative;

width:calc(50% - 100px);

padding:27px 30px;

box-sizing:border-box;

background:#ffffff;

border-radius:24px;

text-align:center;

box-shadow:0 4px 18px rgba(65,85,73,.035);
">

<div style="
position:absolute;

top:50%;
right:-50px;

width:50px;
height:2px;

background:#cabeae;

transform:translateY(-50%);
"></div>

<div style="
position:absolute;

top:50%;
right:-56px;

width:10px;
height:10px;

background:#415549;

border:4px solid #f5f5f5;

border-radius:50%;

transform:translateY(-50%);
"></div>

<div style="
margin-bottom:12px;

color:#415549;

font-size:10px;
font-weight:bold;

letter-spacing:.5px;

text-transform:uppercase;
">
��
</div>

<div style="
color:#30302f;

font-size:10px;
line-height:1.6;
">
� �� .
��
��
��. ��
�� 31 �� 1981 ��.
</div>

<a href="#" style="
display:inline-block;

margin-top:14px;

color:#415549;

font-size:10px;
font-weight:bold;

text-decoration:none;
">
�� →
</a>

</div>

<div style="
position:absolute;

left:50%;
top:50%;

width:78px;

padding:9px 12px;

box-sizing:border-box;

transform:translate(-50%,-50%);

z-index:5;

background:#415549;

color:#ffffff;

border-radius:25px;

font-size:10px;
font-weight:bold;

letter-spacing:1px;

text-align:center;
">
1975
</div>

</div>

<div style="
position:relative;

display:flex;
justify-content:flex-end;
align-items:center;

min-height:190px;

margin-bottom:35px;
">

<div style="
position:relative;

width:calc(50% - 100px);

padding:27px 30px;

box-sizing:border-box;

background:#ffffff;

border-radius:24px;

text-align:center;

box-shadow:0 4px 18px rgba(65,85,73,.035);
">

<div style="
position:absolute;

top:50%;
left:-50px;

width:50px;
height:2px;

background:#cabeae;

transform:translateY(-50%);
"></div>

<div style="
position:absolute;

top:50%;
left:-56px;

width:10px;
height:10px;

background:#415549;

border:4px solid #f5f5f5;

border-radius:50%;

transform:translateY(-50%);
"></div>

<div style="
margin-bottom:12px;

color:#415549;

font-size:10px;
font-weight:bold;

letter-spacing:.5px;

text-transform:uppercase;
">
��
</div>

<div style="
color:#30302f;

font-size:10px;
line-height:1.6;
">
��
��
�� .
��
��
�� .
</div>

<a href="#" style="
display:inline-block;

margin-top:14px;

color:#415549;

font-size:10px;
font-weight:bold;

text-decoration:none;
">
�� →
</a>

</div>

<div style="
position:absolute;

left:50%;
top:50%;

width:78px;

padding:9px 12px;

box-sizing:border-box;

transform:translate(-50%,-50%);

z-index:5;

background:#cabeae;

color:#415549;

border-radius:25px;

font-size:10px;
font-weight:bold;

letter-spacing:1px;

text-align:center;
">
1979
</div>

</div>

<div style="
position:relative;

display:flex;
justify-content:flex-start;
align-items:center;

min-height:190px;

margin-bottom:35px;
">

<div style="
position:relative;

width:calc(50% - 100px);

padding:27px 30px;

box-sizing:border-box;

background:#ffffff;

border-radius:24px;

text-align:center;

box-shadow:0 4px 18px rgba(65,85,73,.035);
">

<div style="
position:absolute;

top:50%;
right:-50px;

width:50px;
height:2px;

background:#cabeae;

transform:translateY(-50%);
"></div>

<div style="
position:absolute;

top:50%;
right:-56px;

width:10px;
height:10px;

background:#415549;

border:4px solid #f5f5f5;

border-radius:50%;

transform:translateY(-50%);
"></div>

<div style="
margin-bottom:12px;

color:#415549;

font-size:10px;
font-weight:bold;

letter-spacing:.5px;

text-transform:uppercase;
">
��
</div>

<div style="
color:#30302f;

font-size:10px;
line-height:1.6;
">
�� ,
�� .
��
�� : 31 �� 1981 ��
�� . ��
31 �� 1984-��.
</div>

<a href="#" style="
display:inline-block;

margin-top:14px;

color:#415549;

font-size:10px;
font-weight:bold;

text-decoration:none;
">
�� →
</a>

</div>

<div style="
position:absolute;

left:50%;
top:50%;

width:78px;

padding:9px 12px;

box-sizing:border-box;

transform:translate(-50%,-50%);

z-index:5;

background:#415549;

color:#ffffff;

border-radius:25px;

font-size:10px;
font-weight:bold;

letter-spacing:1px;

text-align:center;
">
1979
</div>

</div>

<div style="
position:relative;

display:flex;
justify-content:flex-end;
align-items:center;

min-height:190px;

margin-bottom:35px;
">

<div style="
position:relative;

width:calc(50% - 100px);

padding:27px 30px;

box-sizing:border-box;

background:#ffffff;

border-radius:24px;

text-align:center;

box-shadow:0 4px 18px rgba(65,85,73,.035);
">

<div style="
position:absolute;

top:50%;
left:-50px;

width:50px;
height:2px;

background:#cabeae;

transform:translateY(-50%);
"></div>

<div style="
position:absolute;

top:50%;
left:-56px;

width:10px;
height:10px;

background:#415549;

border:4px solid #f5f5f5;

border-radius:50%;

transform:translateY(-50%);
"></div>

<div style="
margin-bottom:12px;

color:#415549;

font-size:10px;
font-weight:bold;

letter-spacing:.5px;

text-transform:uppercase;
">
��
</div>

<div style="
color:#30302f;

font-size:10px;
line-height:1.6;
">
�� ,
� ��
�� . �� ,
�� , ��
��.
</div>

<a href="#" style="
display:inline-block;

margin-top:14px;

color:#415549;

font-size:10px;
font-weight:bold;

text-decoration:none;
">
�� →
</a>

</div>

<div style="
position:absolute;

left:50%;
top:50%;

width:78px;

padding:9px 12px;

box-sizing:border-box;

transform:translate(-50%,-50%);

z-index:5;

background:#cabeae;

color:#415549;

border-radius:25px;

font-size:10px;
font-weight:bold;

letter-spacing:1px;

text-align:center;
">
1980
</div>

</div>

<div style="
position:relative;

display:flex;
justify-content:flex-start;
align-items:center;

min-height:190px;

margin-bottom:10px;
">

<div style="
position:relative;

width:calc(50% - 100px);

padding:27px 30px;

box-sizing:border-box;

background:#ffffff;

border-radius:24px;

text-align:center;

box-shadow:0 4px 18px rgba(65,85,73,.035);
">

<div style="
position:absolute;

top:50%;
right:-50px;

width:50px;
height:2px;

background:#cabeae;

transform:translateY(-50%);
"></div>

<div style="
position:absolute;

top:50%;
right:-56px;

width:10px;
height:10px;

background:#415549;

border:4px solid #f5f5f5;

border-radius:50%;

transform:translateY(-50%);
"></div>

<div style="
margin-bottom:12px;

color:#415549;

font-size:10px;
font-weight:bold;

letter-spacing:.5px;

text-transform:uppercase;
">
��
</div>

<div style="
color:#30302f;

font-size:10px;
line-height:1.6;
">
�� .
��
�� :
�� , ��
��, �� ,
��
�� .
</div>

<a href="#" style="
display:inline-block;

margin-top:14px;

color:#415549;

font-size:10px;
font-weight:bold;

text-decoration:none;
">
�� →
</a>

</div>

<div style="
position:absolute;

left:50%;
top:50%;

width:78px;

padding:9px 12px;

box-sizing:border-box;

transform:translate(-50%,-50%);

z-index:5;

background:#415549;

color:#ffffff;

border-radius:25px;

font-size:10px;
font-weight:bold;

letter-spacing:1px;

text-align:center;
">
1980
</div>

</div>

[/html]

��

mybb@mybb.ru (necromancer) — Mon, 22 Sep 2025 23:57:50 +0300

[dice=34848-1:20:�]

necro test

fackq

��������: ����

��������

forgotten

�������� ���������

��: ��

��

��