obscurus chaos

�� // 01

mybb@mybb.ru (Piar) — Fri, 26 Jun 2026 00:49:20 +0300

mybb@mybb.ru (Anna Lavrovskaja) — Mon, 13 Oct 2025 17:51:55 +0300

[html]<center>
<div style="
max-width: 450px;
margin: 20px auto;
background-color: #333333; /* Ҹ�� */
border: 1px solid #89515A;
border-radius: 8px;
padding: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
font-family: Arial, sans-serif;
color: #CCCCCC;
">

<div style="
width: 100%;
height: 90px; /* �� */
border-radius: 8px 8px 0 0;
overflow: hidden;
position: relative;
">
<img src="https://forumstatic.ru/files/001c/8f/35/97003.jpg?v=1" alt="�� " style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.9); border-bottom: 2px solid #89515A;">

<div style="
position: absolute; bottom: 0; left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.7); /* �� */
color: white;
text-align: center;
font-size: 11px; /* �� */
padding: 3px 0; /* �� padding */
font-weight: bold;
text-transform: uppercase;
">
�� : <span style="color: #89515A;">[Margot Robbie]</span>
</div>
</div>

<div style="padding: 10px;">

<div style="background-color: #222222; padding: 10px; border-radius: 4px; margin-bottom: 10px;">
<div style="display: flex; justify-content: space-between; border-bottom: 1px dashed #444; padding-bottom: 3px; margin-bottom: 5px; font-size: 13px;">
<span style="color: #AAAAAA;">[ �� ]</span>
<span style="color: white; font-style: italic;">[�� ]</span>
</div>
<div style="display: flex; justify-content: space-between; border-bottom: 1px dashed #444; padding-bottom: 3px; margin-bottom: 5px; font-size: 13px;">
<span style="color: #AAAAAA;">[ �� ]</span>
<span style="color: white;">[�� ]</span>
</div>
<div style="display: flex; justify-content: space-between; font-size: 13px;">
<span style="color: #AAAAAA;">[ �� ]</span>
<span style="color: #89515A; font-weight: bold;">[� �� ]</span>
</div>
</div>

<div style="
background-color: #444444;
color: #E0E0E0;
padding: 10px;
border-radius: 4px;
font-size: 11px;
line-height: 1.4;
text-align: justify;
">
<h4 style="color: #89515A; margin: 0 0 5px 0; font-size: 12px; text-transform: uppercase; border-bottom: 1px dashed #666; padding-bottom: 3px;">
� ��
</h4>

<div style="
height: 80px;
overflow-y: auto;
padding-right: 5px;
">
�� "��" �� , � �� , �� , �� !
</div>
</div>
</div>
</div>
</center>[/html]

��

mybb@mybb.ru (Anna Lavrovskaja) — Sun, 12 Oct 2025 14:14:58 +0300

Piar, �� , �� )

��

mybb@mybb.ru (obscurus) — Sun, 12 Oct 2025 01:19:07 +0300

[html]
<style>
/* 1. �� */
.artifact-box-wrapper {
max-width: 600px;
margin: 20px auto;
font-family: 'Times New Roman', serif;
position: relative;
padding-top: 15px;
}

/* �� */
.artifact-header {
background-color: #5D4A66;
color: white;
padding: 8px 15px;
border-radius: 8px 8px 0 0;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
margin-bottom: 0;
}

/* 2. �� (�� + ��) */
.artifact-main-container {
display: flex;
border: 3px solid #B8A8C7;
background-color: #FFFDF8;
border-radius: 0 0 10px 10px;
height: 580px;
position: relative;
}

/* �� */
.artifact-tabs-vertical {
width: 150px;
background-color: #EFEFEF;
border-right: 1px solid #D3D3D3;
border-radius: 0 0 0 7px;
padding-top: 8px;
flex-shrink: 0;
}

/* �� (��) - �� */
.artifact-tab-button {
display: block;
width: 90%;
text-align: left;
padding: 8px 10px;
margin-bottom: 5px;
margin-left: 5px;
cursor: pointer;

/* �� (�� ) */
border: 2px solid #5D4A66;
background-color: #5D4A66;
font-family: 'Times New Roman', serif;
font-size: 12px;
font-weight: bold;
color: white; /* �� */
transition: background-color 0.2s, color 0.2s, border-color 0.2s;
border-radius: 5px;
}

/* �� (��) - �� */
.artifact-tab-active {
background-color: transparent !important; /* �� */
color: #5D4A66 !important; /* �� */
border: 0px solid transparent !important; /* �� */
border-left: 5px solid #89515A !important; /* �� -�� */
margin-left: 0px !important; /* ��, �� */
padding-left: 15px !important; /* �� */
}

/* 3. �� (�� + ��) */
.artifact-content-area {
flex-grow: 1;
overflow-y: hidden;
position: relative;
}

.artifact-content-banner {
width: 100%;
height: 90px;
background-color: #D3D3D3;
overflow: hidden;
margin-bottom: 0;
position: relative;
z-index: 1;
}

.artifact-section-title {
position: absolute;
top: 75px;
left: 50%;
transform: translateX(-50%);
background-color: #5D4A66;
color: white;
padding: 4px 12px;
border-radius: 6px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
z-index: 5;
}

/* �� */
.artifact-content-scroll {
padding: 10px 15px 15px 15px;
height: calc(580px - 90px);
overflow-y: auto;
position: relative;
z-index: 2;
}

/* �� */
.category-description {
font-size: 11px;
padding: 10px;
color: #555;
background-color: #F8F8F8;
margin-bottom: 15px;
border: 1px dashed #B8A8C7;
border-radius: 4px;
line-height: 1.4;
}
.category-description strong {
color: #5D4A66;
}

/* �� */
.artifact-list-item {
margin-bottom: 15px;
padding: 5px 0;
}

.artifact-name-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 3px;
border-bottom: 1px dotted #D3D3D3;
padding-bottom: 2px;
}

.artifact-icon {
margin-right: 7px;
font-size: 14px;
font-weight: bold;
color: #5D4A66;
}

.artifact-name {
font-weight: bold;
color: #5D4A66;
font-size: 13px;
flex-grow: 1;
}

.artifact-price {
font-weight: bold;
color: #89515A;
white-space: nowrap;
font-size: 12px;
margin-left: 15px;
}

.artifact-effect {
font-size: 11px;
color: #333;
display: block;
padding-left: 22px;
}

/* �� */
.artifact-tab-content-block {
display: none;
}
.artifact-tab-content-block.active {
display: block;
}
</style>

// ��
if (clickedButton) {
clickedButton.classList.add('artifact-tab-active');
}

// ��
const contents = document.querySelectorAll('.artifact-tab-content-block');
contents.forEach(content => {
content.classList.remove('active');
});

// ��
const activeContent = document.getElementById(tabId);
if (activeContent) {
activeContent.classList.add('active');
const scrollArea = document.querySelector('.artifact-content-scroll');
if(scrollArea) {
scrollArea.scrollTop = 0;
}
}

// ��
const dynamicTitleElement = document.getElementById('artifact-section-dynamic-title');
if (dynamicTitleElement) {
dynamicTitleElement.textContent = sectionTitle;
}
}

// ��
document.addEventListener('DOMContentLoaded', () => {
const initialButton = document.getElementById('btn-legendary');
showArtifactTabVertical('legendary', initialButton, 'I. ��');
});
</script>
[/html]

��

mybb@mybb.ru (obscurus) — Sat, 11 Oct 2025 23:46:01 +0300

[html]<center>
<div style="
max-width: 600px;
margin: 30px auto;
font-family: Arial, sans-serif;
color: #333333;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
border-radius: 10px;
overflow: hidden;
background-color: #F7F7F7; /* �� */
border: 1px solid #E0E0E0;
">

</div>

</div>
</center>[/html]

��

mybb@mybb.ru (obscurus) — Fri, 10 Oct 2025 03:37:07 +0300

[html]<div style="max-width: 700px; margin: 30px auto; font-family: 'Times New Roman', serif; background-color: #333333; /* �� */ border: 1px solid #333333; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);">

<h3 style="color:#89515A; font-size: 16px; margin-top: 15px; margin-bottom: 5px; text-transform: uppercase;">3. �� (��)</h3>

<p><strong>�� "��" (�� )</strong>: �� . �� (09.09.1925). ��, � �� (��), �� . �� , �� , �� .</p>

<p><strong>�� (�� )</strong>: �� , �� . �� . �� , �� .</p>
</div>
</div>
</div>

<div style="height: 15px; background-color: #333333; border-top: 1px solid #333333; border-radius: 0 0 10px 10px;"></div>
</div>[/html]

��

mybb@mybb.ru (obscurus) — Fri, 10 Oct 2025 03:02:42 +0300

[html]<style>
/* �� */
.plot-box-wrapper {
/* �� */
max-width: 680px;
margin: 30px auto 0; /* �� , �� , 0 �� */
font-family: Arial, sans-serif;
position: relative; /* �� */
padding-top: 25px; /* �� */
/* *** ��: �� (��/��), ��
�� . �� , �� ,
�� . *** */
}

/* �� */
.plot-title {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%); /* �� */
background-color: #8D7AB5; /* �� */
color: white;
padding: 5px 15px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap; /* �� */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 10;
}
</style>

</div>[/html]

��

mybb@mybb.ru (obscurus) — Thu, 09 Oct 2025 00:39:30 +0300

[html]<style>
/* �� (�� ) */
/* �� , �� <style> �� */
.ability-box-wrapper {
max-width: 680px;
margin: 30px auto;
font-family: Arial, sans-serif;
position: relative;
padding-top: 25px;
}

/* �� */
.ability-title {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
background-color: #8D7AB5; /* �� */
color: white;
padding: 5px 15px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 10;
}

/* �� */
.ability-content-scroll {
border: 3px solid #C3B4E3; /* ��-�� */
background-color: #FFFCF5;
border-radius: 10px;
padding: 20px;
height: 350px; /* **�� (�� )** */
overflow-y: auto; /* **�� ** */
text-align: left;
font-size: 13px;
color: #323244;
line-height: 1.6;
}

/* �� */
.ability-group {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dashed #A2C4C9; /* �� */
}

.ability-group:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

.ability-name {
font-weight: bold;
font-size: 14px;
color: #323244;
display: flex;
align-items: flex-start;
}

/* �� */
.ability-icon {
color: #8D7AB5; /* �� */
font-size: 16px;
margin-right: 8px;
line-height: 1;
}

.ability-type {
font-weight: normal;
font-size: 11px;
color: #89515A; /* �� "��" �� */
margin-left: 10px;
}
</style>

<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> �� <span class="ability-type">(��)</span>
</div>
<p>��, �� . �� .</p>
</div>

<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> �� <span class="ability-type">(��)</span>
</div>
<p>�� (�� , �� .�.) �� , �� .</p>
</div>

<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> �� <span class="ability-type">(��)</span>
</div>
<p style="margin-left: 15px;">
�� (��) – �� , �� .
<br>
�� (��) – �� (��, �� , �� ) �� .
</p>
</div>

<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> �� <span class="ability-type">(�� )</span>
</div>
<p style="margin-left: 15px;">
�� – �� , �� .
<br>
�� – �� , �� .
</p>
</div>

<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> �� <span class="ability-type">(��)</span>
</div>
<p>�� . �� .</p>
</div>

<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> �� <span class="ability-type">(��)</span>
</div>
<p>�� , �� .</p>
</div>

<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> �� <span class="ability-type">(��)</span>
</div>
<p>�� , �� -�� , �� . �� , �� , �� , �� . �� , �� .</p>
</div>

</div>
</div>[/html]

�� .

mybb@mybb.ru (obscurus) — Wed, 08 Oct 2025 20:12:14 +0300

� �� .
�� , �� .

��

mybb@mybb.ru (obscurus) — Wed, 08 Oct 2025 19:59:56 +0300

��

[html]<center>
<div style="
max-width: 600px;
margin: 20px auto;
background-color: #F7F7F7; /* �� */
border: 1px solid #E0E0E0;
border-radius: 10px;
padding: 0; /* �� padding ��, �� */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
font-family: 'Montserrat', sans-serif;
color: #333333;
">

<div style="
background-image: url('https://forumstatic.ru/files/001c/8f/35/97003.jpg?v=1');
background-size: cover;
background-position: center center;
background-color: #333333; /* �� */
position: relative;
padding: 20px 15px;
border-radius: 10px 10px 0 0;
overflow: hidden;
color: white; /* �� */
">
<div style="
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(51, 51, 51, 0.8));
z-index: 1;
"></div>

<div style="position: relative; z-index: 2;">
<div style="
color: #89515A;
font-size: 20px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom: 5px;
border-bottom: 3px solid #89515A; /* �� */
line-height: 1.2;
">
� � ��
</div>
<div style="text-align: center; font-size: 12px; margin-top: 5px; color: #CCCCCC;">
[�� ]
</div>
</div>
</div>

<div style="padding: 15px;">
<div style="
display: flex;
gap: 20px;
align-items: flex-start;
margin-bottom: 15px;
">

<div style="
width: 40%;
min-width: 200px;
max-width: 200px;
height: 250px;
border: 1px solid #CCCCCC;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-color: #DDDDDD;
position: relative;
">
<img src="URL_��_��" alt="�� " style="width: 100%; height: 100%; object-fit: cover; filter: grayscale(10%);">

<div style="position: absolute; bottom: 0; left: 0; width: 100%; background-color: #333333; color: white; text-align: center; font-size: 10px; padding: 3px 0; font-weight: 500;">
<span style="color: #89515A;">FC:</span> *�� * (��)
</div>
</div>

<div style="width: 60%; line-height: 1.4; font-size: 13px;">
<div style="background-color: #EFEFEF; padding: 10px; border-radius: 4px; border: 1px solid #CCC; margin-bottom: 10px;">
<p style="color: #333333; margin: 0 0 5px 0; font-weight: bold; border-bottom: 1px dashed #DDD; padding-bottom: 3px;">
<span style="color: #89515A;">�� :</span> [�� ]
</p>
<p style="margin: 0;">
<span style="color: #89515A; font-weight: bold;">�� :</span> [��: ��, ��, ��]
</p>
</div>

<div style="background-color: white; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0;">
<div style="border-bottom: 1px dashed #DDD; padding-bottom: 5px; margin-bottom: 5px;">
<span style="color: #89515A; font-weight: bold;">��:</span> [�� , �� ]
</div>
<div style="border-bottom: 1px dashed #DDD; padding-bottom: 5px; margin-bottom: 5px;">
<span style="color: #89515A; font-weight: bold;">��:</span> [��, ��, �� .�.]
</div>
<div>
<span style="color: #89515A; font-weight: bold;">��:</span> [�� ]
</div>
</div>
</div>
</div>

<div style="
background-color: #FFFFFF;
color: #333333;
padding: 15px;
border-radius: 6px;
border: 1px solid #DDDDDD;
font-size: 12px;
line-height: 1.5;
text-align: justify;
">
<h3 style="color: #333333; margin: 0 0 10px 0; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #CCC; padding-bottom: 3px;">
� ��
</h3>

<div style="
height: 120px;
overflow-y: auto;
padding-right: 10px;
">
<p style="margin: 0 0 10px 0;">
<span style="color: #89515A; font-weight: bold;">[��]</span> �� , �� . �� .
</p>
<p style="margin: 0 0 10px 0;">
<span style="color: #89515A; font-weight: bold;">[��]</span> �� , �� .
</p>
<p style="margin: 0;">
<span style="color: #89515A; font-weight: bold;">[��]</span> �� , �� .
</p>
</div>
</div>
</div>
</div>
</center>[/html]

��:

[html]<center>
<div style="
    max-width: 600px;
    margin: 20px auto;
    background-color: #F7F7F7; /* ������� ��� */
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 0; /* ������� padding �����, ����� ����� ��������� ���� */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    font-family: 'Montserrat', sans-serif;
    color: #333333;
">

    <div style="
        background-image: url('https://forumstatic.ru/files/001c/8f/35/97003.jpg?v=1');
        background-size: cover;
        background-position: center center;
        background-color: #333333; /* �������� ������ ���� */
        position: relative;
        padding: 20px 15px;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        color: white; /* ���� ������ � ����� */
    ">
        <div style="
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(51, 51, 51, 0.8));
            z-index: 1;
        "></div>
        
        <div style="position: relative; z-index: 2;">
            <div style="
                color: #89515A;
                font-size: 20px;
                font-weight: 700;
                text-align: center;
                text-transform: uppercase;
                letter-spacing: 2px;
                padding-bottom: 5px;
                border-bottom: 3px solid #89515A; /* ��������� ������ */
                line-height: 1.2;
            ">
                � � �������
            </div>
            <div style="text-align: center; font-size: 12px; margin-top: 5px; color: #CCCCCC;">
                [��� ���������]
            </div>
        </div>
    </div>

    <div style="padding: 15px;">
        <div style="
            display: flex;
            gap: 20px;
            align-items: flex-start;
            margin-bottom: 15px;
        ">
            
            <div style="
                width: 40%;
                min-width: 200px;
                max-width: 200px;
                height: 250px;
                border: 1px solid #CCCCCC;
                border-radius: 4px;
                overflow: hidden;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
                background-color: #DDDDDD;
                position: relative;
            ">
                <img src="URL_�����������_���������" alt="���� �������� ���������" style="width: 100%; height: 100%; object-fit: cover; filter: grayscale(10%);">
                
                <div style="position: absolute; bottom: 0; left: 0; width: 100%; background-color: #333333; color: white; text-align: center; font-size: 10px; padding: 3px 0; font-weight: 500;">
                    <span style="color: #89515A;">FC:</span> *��� ������� ��* (���������������)
                </div>
            </div>

            <div style="width: 60%; line-height: 1.4; font-size: 13px;">
                <div style="background-color: #EFEFEF; padding: 10px; border-radius: 4px; border: 1px solid #CCC; margin-bottom: 10px;">
                    <p style="color: #333333; margin: 0 0 5px 0; font-weight: bold; border-bottom: 1px dashed #DDD; padding-bottom: 3px;">
                        <span style="color: #89515A;">���� �����:</span> [��� ������� ��� ���]
                    </p>
                    <p style="margin: 0;">
                        <span style="color: #89515A; font-weight: bold;">���� ��� ���:</span> [��������: ������, ���������, ���������]
                    </p>
                </div>
                
                <div style="background-color: white; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0;">
                    <div style="border-bottom: 1px dashed #DDD; padding-bottom: 5px; margin-bottom: 5px;">
                        <span style="color: #89515A; font-weight: bold;">���:</span> [��� ���������, ���� ����]
                    </div>
                    <div style="border-bottom: 1px dashed #DDD; padding-bottom: 5px; margin-bottom: 5px;">
                        <span style="color: #89515A; font-weight: bold;">��������������:</span> [���������, ������, ������� � �.�.]
                    </div>
                    <div>
                        <span style="color: #89515A; font-weight: bold;">�������:</span> [��������� ������� ��� ��������]
                    </div>
                </div>
            </div>
        </div>
        
        <div style="
            background-color: #FFFFFF;
            color: #333333;
            padding: 15px;
            border-radius: 6px;
            border: 1px solid #DDDDDD;
            font-size: 12px;
            line-height: 1.5;
            text-align: justify;
        ">
            <h3 style="color: #333333; margin: 0 0 10px 0; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #CCC; padding-bottom: 3px;">
                � ��������� � �������� ��������
            </h3>
            
            <div style="
                height: 120px;
                overflow-y: auto; 
                padding-right: 10px;
            ">
                <p style="margin: 0 0 10px 0;">
                    <span style="color: #89515A; font-weight: bold;">[�����]</span> ����� ������ �������, ������ ��� ����� ���� ��������. ����� � ��� � ��� ��������� � ������� � ���� �� �������� �� ���� � ���������.
                </p>
                <p style="margin: 0 0 10px 0;">
                    <span style="color: #89515A; font-weight: bold;">[����]</span> ���������� ��������� ���������� �������� ���� ��� ����������, ������� �� ������ ����������� ������.
                </p>
                <p style="margin: 0;">
                    <span style="color: #89515A; font-weight: bold;">[��������]</span> ������� ��������� � ���������, ����� ���� � ���������� ������.
                </p>
            </div>
        </div>
    </div>
</div>
</center>[/html]

��

mybb@mybb.ru (obscurus) — Mon, 06 Oct 2025 19:38:53 +0300

[html]
<style>
/* 1. �� */
.artifact-box-wrapper {
max-width: 600px;
margin: 20px auto;
font-family: 'Times New Roman', serif;
position: relative;
padding-top: 15px;
}

/* 2. �� (�� + ��) */
.artifact-main-container {
display: flex;
border: 3px solid #B8A8C7;
background-color: #FFFDF8;
border-radius: 0 0 10px 10px;
height: 580px; /* �� */
position: relative;
}

/* �� */
.artifact-tabs-vertical {
width: 150px;
background-color: #EFEFEF;
border-right: 1px solid #D3D3D3;
border-radius: 0 0 0 7px;
padding-top: 8px;
flex-shrink: 0;
}

/* �� (��) */
.artifact-tab-button {
display: block;
width: 90%;
text-align: left;
padding: 8px 10px;
margin-bottom: 5px;
margin-left: 5px;
cursor: pointer;

/* �� (�� ) */
border: 2px solid #5D4A66;
background-color: #5D4A66;
font-family: 'Times New Roman', serif;
font-size: 12px;
font-weight: bold;
color: white; /* �� */
transition: background-color 0.2s, color 0.2s, border-color 0.2s;
border-radius: 5px;
}

/* �� (��) */
.artifact-tab-active {
background-color: transparent !important; /* �� */
color: #5D4A66 !important; /* �� */
border: 0px solid transparent !important; /* �� */
border-left: 5px solid #89515A !important; /* �� -�� */
margin-left: 0px !important; /* ��, �� */
padding-left: 15px !important; /* �� */
}

/* 3. �� (�� + ��) */
.artifact-content-area {
flex-grow: 1;
overflow-y: hidden;
position: relative;
}

.artifact-content-banner {
width: 100%;
height: 90px;
background-color: #D3D3D3;
overflow: hidden;
margin-bottom: 0;
position: relative;
z-index: 1;
/* �� */
background-image: url('https://forumstatic.ru/files/001c/8f/35/97003.jpg');
background-size: cover;
background-position: center;
}

/* �� */
.artifact-content-scroll {
padding: 10px 15px 15px 15px;
height: calc(580px - 90px);
overflow-y: auto;
position: relative;
z-index: 2;
}

/* �� (�� category-description) */
.department-main-header {
text-align: center;
font-weight: bold;
color: white;
font-size: 14px;
padding: 8px 10px;
background-color: #5D4A66;
border-radius: 5px;
margin-top: 20px;
margin-bottom: 15px;
text-transform: uppercase;
}

/* �� (�� category-description) */
.department-subheader {
text-align: center;
font-weight: bold;
color: #89515A;
font-size: 12px;
padding-top: 10px;
padding-bottom: 5px;
margin-top: 10px;
margin-bottom: 5px;
border-bottom: 1px dotted #D3D3D3;
}

/* �� (�� ) */
.artifact-list-item {
margin-bottom: 10px; /* �� */
padding: 5px 0;
}

.artifact-name-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 0px;
border-bottom: 1px dotted #D3D3D3;
padding-bottom: 2px;
}

.artifact-icon {
margin-right: 7px;
font-size: 14px;
font-weight: bold;
color: #5D4A66;
}

.artifact-name {
font-weight: bold;
color: #5D4A66;
font-size: 13px;
flex-grow: 1;
}

.artifact-price {
font-weight: normal; /* �� , �.�. �� */
color: #89515A; /* �� */
white-space: nowrap;
font-size: 13px;
margin-left: 15px;
text-align: right; /* �� */
min-width: 100px; /* �� */
}

/* �� */
.job-tab-content-block { /* �� job, �� */
display: none;
}
.job-tab-content-block.active {
display: block;
}

/* �� "��" */
.job-free-link {
font-size: 11px;
color: #89515A;
text-decoration: none;
border-bottom: 1px dotted #89515A;
cursor: pointer;
transition: color 0.2s;
}
.job-free-link:hover {
color: #5D4A66;
border-bottom: 1px solid #5D4A66;
}
</style>

<div class="artifact-content-scroll">

<div id="england" class="job-tab-content-block active">

<div class="department-main-header">�� </div>

<div class="department-main-header">I. �� </div>

<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-main-header">II. �� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-subheader">� ��-�� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="https://obscuruschaos.rusff.me/profile.php?id=9" class="job-free-link">alastor vance</a></span></div></div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">��</span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-subheader">� ��-�� -��</div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� -��</span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">��-��</span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-subheader">� �� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-subheader">� �� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-main-header">III. �� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-subheader">� ��-�� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-main-header">II. �� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-subheader">� ��-�� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-subheader">� �� (��)</div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-main-header">III. �� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-main-header">IV. �� </div>
<div class="department-subheader">� �� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>
<div class="department-subheader">� �� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-main-header">�� -�� (��)</div>
<div class="department-subheader">�� </div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-subheader">��-�� (�� / ׸�� )</div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� The Blind Pig�</span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>

<div class="department-subheader">��</div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� /��</span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>
<div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">�� </span><span class="artifact-price"><a href="#" class="job-free-link">��</a></span></div></div>
</div>

// ��
if (clickedButton) {
clickedButton.classList.add('artifact-tab-active');
}

// ��
const titleElement = document.getElementById('artifact-section-dynamic-title');
if (titleElement) {
titleElement.textContent = title;
}

// ��
const contents = document.querySelectorAll('.job-tab-content-block');
contents.forEach(content => {
content.classList.remove('active');
});

// ��
document.addEventListener('DOMContentLoaded', () => {
const initialButton = document.getElementById('btn-england');
showJobTab('england', initialButton, '�� 🇬🇧');
});
</script>
[/html]

��

mybb@mybb.ru (obscurus) — Mon, 06 Oct 2025 19:35:21 +0300

�� : �� , ��

��

[html]
<style>
.compact-details-container {
display: flex;
justify-content: space-between;
margin: 10px 10px 15px 10px;
gap: 10px;
flex-wrap: wrap;
}

.compact-details-container details {
flex: 1 1 30%;
min-width: 150px;
border: 1px solid #89515A;
border-radius: 5px;
background-color: #333333;
margin: 0;
}

.compact-details-container summary {
padding: 7px 10px;
cursor: pointer;
background-color: #333333;
color: white;
border-radius: 5px;
font-family: 'Times New Roman', serif;
font-size: 11px;
font-weight: bold;
text-align: left;
white-space: nowrap;
}

.compact-details-container .details-content {
padding: 8px;
background-color: white;
border-top: 1px solid #89515A;
}

.compact-details-container .content-text {
width: 100%;
height: 30px;
padding: 0;
background: none;
box-sizing: border-box;
white-space: pre-wrap;
font-size: 11px;
color: #333333;
overflow-y: auto;
}

.trial-post-details summary {
font-family: 'Times New Roman', serif !important;
font-size: 13px !important;
}

#connection-text {
height: 50px !important;
}

.header-with-blurred-bg {
height: 230px;
position: relative;
border-bottom: 3px solid #89515A;
overflow: hidden;
}

.header-with-blurred-bg::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('https://forumstatic.ru/files/001c/8f/35/97003.jpg');
background-size: cover;
background-position: center;
filter: blur(3px);
z-index: 0;
transform: scale(1.02);
}

.header-with-blurred-bg > div {
position: relative;
z-index: 1;
}
</style>

<div style="max-width: 600px; margin: 15px auto; font-family: Arial, sans-serif; background-color: #F7F7F7; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">

<div class="header-with-blurred-bg">

<div style="position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); background-color: #89515A; color: white; padding: 3px 15px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; font-size: 14px; font-weight: bold; font-family: Georgia, serif; white-space: nowrap; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);">
��
</div>

<div style="width: 200px; height: 120px; position: absolute; top: 40px; left: 50%; transform: translateX(-55%); border: 2px solid #89515A; border-radius: 8px; overflow: hidden; box-shadow: 0 0 0 3px #F7F7F7; background-color: #444;">
<img src="URL_��_��" alt="��" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.9);">

<div style="position: absolute; bottom: 0; left: 0; width: 100%; background-color: #333333; color: white; text-align: center; font-size: 8px; padding: 1px 0;">
fc: ��
</div>
</div>

<div style="display: flex; justify-content: space-between; width: 95%; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); padding: 0 2px;">

<div style="text-align: center; width: 33%;">
<div style="background-color: #333333; color: white; padding: 3px 0; border-radius: 3px 3px 0 0; font-size: 10px; font-weight: bold;">
��
</div>
<div style="background-color: white; border: 1px solid #89515A; border-top: none; padding: 3px; border-radius: 0 0 3px 3px; font-size: 9px; color: #333333; height: 18px; overflow: hidden;">
��
</div>
</div>

<div style="text-align: center; width: 33%;">
<div style="background-color: #333333; color: white; padding: 3px 0; border-radius: 3px 3px 0 0; font-size: 10px; font-weight: bold;">
�� [��]
</div>
<div style="background-color: white; border: 1px solid #89515A; border-top: none; padding: 3px; border-radius: 0 0 3px 3px; font-size: 9px; color: #333333; height: 18px; overflow: hidden;">
��
</div>
</div>

<div style="text-align: center; width: 33%;">
<div style="background-color: #333333; color: white; padding: 3px 0; border-radius: 3px 3px 0 0; font-size: 10px; font-weight: bold;">
��
</div>
<div style="background-color: white; border: 1px solid #89515A; border-top: none; padding: 3px; border-radius: 0 0 3px 3px; font-size: 9px; color: #333333; height: 18px; overflow: hidden;">
��
</div>
</div>
</div>
</div>

<div style="margin: 10px 10px 0 10px; font-size: 12px; font-weight: bold; padding: 4px 0 0 0;">
<span style="background-color: #89515A; color: white; padding: 4px 10px; border-radius: 4px 4px 0 0; display: inline-block;">
✦ �� :
</span>
</div>
<div style="background-color: white; border: 1px solid #89515A; padding: 8px 10px; margin: 0 10px 10px 10px; border-radius: 0 0 4px 4px; font-size: 11px; line-height: 1.4; color: #333333;">
00.00.0000, ��, ��
</div>

<div style="margin: 0 10px 0 10px; font-size: 12px; font-weight: bold; padding: 4px 0 0 0;">
<span style="background-color: #89515A; color: white; padding: 4px 10px; border-radius: 4px 4px 0 0; display: inline-block;">
✦ �� :
</span>
</div>
<div style="background-color: white; border: 1px solid #89515A; padding: 8px 10px; margin: 0 10px 15px 10px; border-radius: 0 0 4px 4px; font-size: 11px; line-height: 1.4; color: #333333;">

</div>

<div style="margin: 0 10px 0 10px; font-size: 12px; font-weight: bold; padding: 4px 0 0 0;">
<span style="background-color: #89515A; color: white; padding: 4px 10px; border-radius: 4px 4px 0 0; display: inline-block;">
✦ ��:
</span>
</div>
<div style="background-color: white; border: 1px solid #89515A; padding: 8px 10px; margin: 0 10px 15px 10px; border-radius: 0 0 4px 4px; font-size: 11px; line-height: 1.4;">
<div style="height: 60px; overflow-y: auto; color: #333333;">
�� ;
</div>
</div>

<div style="text-align: center; color: #89515A; font-size: 18px; margin: 10px 0; font-weight: bold;">��</div>

<div style="margin: 0 10px 0 10px; font-size: 12px; font-weight: bold; padding: 4px 0 0 0;">
<span style="background-color: #89515A; color: white; padding: 4px 10px; border-radius: 4px 4px 0 0; display: inline-block;">
✦ �� :
</span>
</div>

<div style="width: 95%; margin: 0 auto; height: 100px; overflow-y: auto; border: 1px solid #89515A; padding: 7px; border-radius: 5px; background-color: white; box-sizing: border-box; white-space: pre-wrap; font-size: 11px; color: #333333;">
�� .
</div>

<div class="compact-details-container">

<details>
<summary>✦ ��</summary>
<div class="details-content">
<div class="content-text" id="connection-text">

</div>
</div>
</details>

<details>
<summary>✦ �� </summary>
<div class="details-content">
<div class="content-text">
�� ? � �� , �� ?
</div>
</div>
</details>

<details>
<summary>✦ ��</summary>
<div class="details-content">
<div class="content-text">
��
</div>
</div>
</details>
</div>

<details class="trial-post-details" style="border: 1px solid #89515A; border-radius: 5px; margin: 5px 10px 15px 10px; background-color: #333333;">
<summary style="padding: 7px 15px; cursor: pointer; background-color: #333333; color: white; border-radius: 5px; font-weight: bold; text-align: left;">
��
</summary>
<div style="padding: 8px; background-color: white; border-top: 1px solid #89515A;">
<div style="width: 100%; height: 90px; overflow-y: auto; padding: 0; background: none; box-sizing: border-box; white-space: pre-wrap; font-size: 11px; color: #333333;">

</div>
</div>
</details>

</div>[/html]

��:

[html]
<style>
.compact-details-container {
    display: flex;
    justify-content: space-between;
    margin: 10px 10px 15px 10px;
    gap: 10px;
    flex-wrap: wrap;
}

.compact-details-container details {
    flex: 1 1 30%;
    min-width: 150px;
    border: 1px solid #89515A;
    border-radius: 5px;
    background-color: #333333;
    margin: 0; 
}

.compact-details-container summary {
    padding: 7px 10px;
    cursor: pointer;
    background-color: #333333;
    color: white;
    border-radius: 5px;
    font-family: 'Times New Roman', serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    white-space: nowrap; 
}

.compact-details-container .details-content {
    padding: 8px;
    background-color: white;
    border-top: 1px solid #89515A;
}

.compact-details-container .content-text {
    width: 100%;
    height: 30px; 
    padding: 0;
    background: none;
    box-sizing: border-box;
    white-space: pre-wrap;
    font-size: 11px;
    color: #333333;
    overflow-y: auto; 
}

.trial-post-details summary {
    font-family: 'Times New Roman', serif !important;
    font-size: 13px !important;
}

#connection-text {
    height: 50px !important;
}

.header-with-blurred-bg {
    height: 230px; 
    position: relative; 
    border-bottom: 3px solid #89515A;
    overflow: hidden;
}

.header-with-blurred-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://forumstatic.ru/files/001c/8f/35/97003.jpg');
    background-size: cover;
    background-position: center;
    filter: blur(3px);
    z-index: 0;
    transform: scale(1.02);
}

.header-with-blurred-bg > div {
    position: relative;
    z-index: 1;
}
</style>

<div style="max-width: 600px; margin: 15px auto; font-family: Arial, sans-serif; background-color: #F7F7F7; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">

    <div class="header-with-blurred-bg">
        
        <div style="position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); background-color: #89515A; color: white; padding: 3px 15px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; font-size: 14px; font-weight: bold; font-family: Georgia, serif; white-space: nowrap; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);">
            ��� � �������
        </div>
        
        <div style="width: 200px; height: 120px; position: absolute; top: 40px; left: 50%; transform: translateX(-55%); border: 2px solid #89515A; border-radius: 8px; overflow: hidden; box-shadow: 0 0 0 3px #F7F7F7; background-color: #444;">
            <img src="URL_������_����" alt="���������" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.9);">
            
            <div style="position: absolute; bottom: 0; left: 0; width: 100%; background-color: #333333; color: white; text-align: center; font-size: 8px; padding: 1px 0;">
                fc: ��� ���������
            </div>
        </div>

        <div style="display: flex; justify-content: space-between; width: 95%; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); padding: 0 2px;">
            
            <div style="text-align: center; width: 33%;">
                <div style="background-color: #333333; color: white; padding: 3px 0; border-radius: 3px 3px 0 0; font-size: 10px; font-weight: bold;">
                    ������� �����
                </div>
                <div style="background-color: white; border: 1px solid #89515A; border-top: none; padding: 3px; border-radius: 0 0 3px 3px; font-size: 9px; color: #333333; height: 18px; overflow: hidden;">
                    �����
                </div>
            </div>

            <div style="text-align: center; width: 33%;">
                <div style="background-color: #333333; color: white; padding: 3px 0; border-radius: 3px 3px 0 0; font-size: 10px; font-weight: bold;">
                    ��������� [���] 
                </div>
                <div style="background-color: white; border: 1px solid #89515A; border-top: none; padding: 3px; border-radius: 0 0 3px 3px; font-size: 9px; color: #333333; height: 18px; overflow: hidden;">
                    �����
                </div>
            </div>

            <div style="text-align: center; width: 33%;">
                <div style="background-color: #333333; color: white; padding: 3px 0; border-radius: 3px 3px 0 0; font-size: 10px; font-weight: bold;">
                    ������� ���������
                </div>
                <div style="background-color: white; border: 1px solid #89515A; border-top: none; padding: 3px; border-radius: 0 0 3px 3px; font-size: 9px; color: #333333; height: 18px; overflow: hidden;">
                    �����
                </div>
            </div>
        </div>
    </div>
    
    <div style="margin: 10px 10px 0 10px; font-size: 12px; font-weight: bold; padding: 4px 0 0 0;">
        <span style="background-color: #89515A; color: white; padding: 4px 10px; border-radius: 4px 4px 0 0; display: inline-block;">
           ✦ ���� � ����� ��������:
        </span>
    </div>
    <div style="background-color: white; border: 1px solid #89515A; padding: 8px 10px; margin: 0 10px 10px 10px; border-radius: 0 0 4px 4px; font-size: 11px; line-height: 1.4; color: #333333;">
        00.00.0000, �����, ������
    </div>

    <div style="margin: 0 10px 0 10px; font-size: 12px; font-weight: bold; padding: 4px 0 0 0;">
        <span style="background-color: #89515A; color: white; padding: 4px 10px; border-radius: 4px 4px 0 0; display: inline-block;">
           ✦ ������������ �������:
        </span>
    </div>
    <div style="background-color: white; border: 1px solid #89515A; padding: 8px 10px; margin: 0 10px 15px 10px; border-radius: 0 0 4px 4px; font-size: 11px; line-height: 1.4; color: #333333;">
        
    </div>

    <div style="margin: 0 10px 0 10px; font-size: 12px; font-weight: bold; padding: 4px 0 0 0;">
        <span style="background-color: #89515A; color: white; padding: 4px 10px; border-radius: 4px 4px 0 0; display: inline-block;">
            ✦ �����������:
        </span>
    </div>
    <div style="background-color: white; border: 1px solid #89515A; padding: 8px 10px; margin: 0 10px 15px 10px; border-radius: 0 0 4px 4px; font-size: 11px; line-height: 1.4;">
        <div style="height: 60px; overflow-y: auto; color: #333333;">
            ���������� � ������������ ����������� ���������;
        </div>
    </div>

    <div style="text-align: center; color: #89515A; font-size: 18px; margin: 10px 0; font-weight: bold;">���</div>
    
    <div style="margin: 0 10px 0 10px; font-size: 12px; font-weight: bold; padding: 4px 0 0 0;">
        <span style="background-color: #89515A; color: white; padding: 4px 10px; border-radius: 4px 4px 0 0; display: inline-block;">
            ✦ ������� ���������:
        </span>
    </div>
    
    <div style="width: 95%; margin: 0 auto; height: 100px; overflow-y: auto; border: 1px solid #89515A; padding: 7px; border-radius: 5px; background-color: white; box-sizing: border-box; white-space: pre-wrap; font-size: 11px; color: #333333;">
        ����� ����� ������� ������� ������ ��������� � ��������� �����.
    </div>

    <div class="compact-details-container">

        <details>
            <summary>✦ �����</summary>
            <div class="details-content">
                <div class="content-text" id="connection-text">
                    
                </div>
            </div>
        </details>

        <details>
            <summary>✦ ������� � ������</summary>
            <div class="details-content">
                <div class="content-text">
                    ������ ������ � ������? � ���� ��� �������� ����, �� ������?
                </div>
            </div>
        </details>

        <details>
            <summary>✦ �����</summary>
            <div class="details-content">
                <div class="content-text">
                    ������ �� ����� �� ������� ������
                </div>
            </div>
        </details>
    </div>

    <details class="trial-post-details" style="border: 1px solid #89515A; border-radius: 5px; margin: 5px 10px 15px 10px; background-color: #333333;">
        <summary style="padding: 7px 15px; cursor: pointer; background-color: #333333; color: white; border-radius: 5px; font-weight: bold; text-align: left;">
            ������� ����
        </summary>
        <div style="padding: 8px; background-color: white; border-top: 1px solid #89515A;">
            <div style="width: 100%; height: 90px; overflow-y: auto; padding: 0; background: none; box-sizing: border-box; white-space: pre-wrap; font-size: 11px; color: #333333;">
                
            </div>
        </div>
    </details>

</div>[/html]

FAQ

mybb@mybb.ru (obscurus) — Mon, 06 Oct 2025 19:17:05 +0300

FAQ

�� . �� .

� �� 

� �� ?
� �� . �� , �� , �� . � �� 1925 ��.
� �� ?
�� , � �� .
� �� ?
��, � �� , ��, ��.
� �� ?
��, �� . ��, �� .
� � �� ?
�� , �� , � �� 600 �� . �� , �� .

� �� 

� �� ?
��
� �� ?
��, ��.
� �� ?
��, �� .
� �� ?
�� , �� . �� -��.
� �� ?
��, ��.
� � �� ?
��, �� , �� . �� . �� , �� , �� . �� , �� .
� � �� ?
��, ��-��, �� , � �� . �� .

��

mybb@mybb.ru (obscurus) — Mon, 06 Oct 2025 19:16:01 +0300

��

�� .

��

mybb@mybb.ru (obscurus) — Mon, 06 Oct 2025 19:15:00 +0300

[html]<div class="guest_name">✦✦ �� ✦✦</div>
<div class="guest">
<div class="guest_star"><img src=""/></div>
<style>
.guest {
width: 600px;
margin: 0 auto;
border: 1px solid #cccccc57;
/ background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); /
position: relative;
}
.guest_name {
font: 400 20px Cerulea;
text-align: center;
display: block;
background: #695c5c;
position: relative;
top: 15px;
color: #ffffff;
z-index: 9999;
width: 315px;
margin: 0 auto;
border-radius: 5px;
</style>[/html]
��: �� .
��: ��.
��: NC-21 � � �� , �� .
�� : ��.
�� : ��, 1925 �.
�� : 12.10. 2025 �.

[html]<div class="guest_name">✦✦ �� ✦✦ </div>
<div class="guest">
<div class="guest_star"><img src=""/></div>
<style>
.guest {
width: 600px;
margin: 0 auto;
border: 1px solid #cccccc57;
/ background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); /
position: relative;
}
.guest_name {
font: 400 20px Cerulea;
text-align: center;
display: block;
background: #695c5c;
position: relative;
top: 15px;
color: #ffffff;
z-index: 9999;
width: 315px;
margin: 0 auto;
border-radius: 5px;
</style>[/html]
✦ �� , �� . �� , �� .

✦ �� . �� , �� , �� -�� . � �� , �� .

✦ �� "�� " � �� . �� – �� -�� .

✦ �� . �� . �� , �� .

[html]<div class="guest_name">✦✦ �� ✦✦</div>
<div class="guest">
<div class="guest_star"><img src=""/></div>
<style>
.guest {
width: 600px;
margin: 0 auto;
border: 1px solid #cccccc57;
/ background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); /
position: relative;
}
.guest_name {
font: 400 20px Cerulea;
text-align: center;
display: block;
background: #695c5c;
position: relative;
top: 15px;
color: #ffffff;
z-index: 9999;
width: 315px;
margin: 0 auto;
border-radius: 5px;
</style>[/html]
✦ �� , �� .

✦ �� .

✦ �� . �� , �� . �� , � �� , �� , �� , �� , �� .

✦ �� , ��, �� (�� 500*150 �� 2 �� 245*150) �� – � �� , �� .

✦ �� .

✦ �� . �� , �� .

[html]<div class="guest_name">✦✦ �� ✦✦</div>
<div class="guest">
<div class="guest_star"><img src=""/></div>
<style>
.guest {
width: 600px;
margin: 0 auto;
border: 1px solid #cccccc57;
/ background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); /
position: relative;
}
.guest_name {
font: 400 20px Cerulea;
text-align: center;
display: block;
background: #695c5c;
position: relative;
top: 15px;
color: #ffffff;
z-index: 9999;
width: 315px;
margin: 0 auto;
border-radius: 5px;
</style>[/html]
✦ � �� , �� . �� . �� , �� -�� , �� . �� , �� .

✦ �� , � �� , � �� .

✦ �� , ��, �� , �� -�� .

✦ �� 3500 �� .

[html]<div class="guest_name">✦✦ �� ✦✦</div>
<div class="guest">
<div class="guest_star"><img src=""/></div>
<style>
.guest {
width: 600px;
margin: 0 auto;
border: 1px solid #cccccc57;
/ background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); /
position: relative;
}
.guest_name {
font: 400 20px Cerulea;
text-align: center;
display: block;
background: #695c5c;
position: relative;
top: 15px;
color: #ffffff;
z-index: 9999;
width: 315px;
margin: 0 auto;
border-radius: 5px;
</style>[/html]
✦ �� ?

�� , �� - �� 1 ��. �� . �� , �� 10 (�� ), �� 6. �� , �� . �� . �� .

[html]<div class="guest_name">✦✦ �� ✦✦</div>
<div class="guest">
<div class="guest_star"><img src=""/></div>
<style>
.guest {
width: 600px;
margin: 0 auto;
border: 1px solid #cccccc57;
/ background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); /
position: relative;
}
.guest_name {
font: 400 20px Cerulea;
text-align: center;
display: block;
background: #695c5c;
position: relative;
top: 15px;
color: #ffffff;
z-index: 9999;
width: 315px;
margin: 0 auto;
border-radius: 5px;
</style>[/html]
✦ �� , �� , �� . �� , �� , �� , �� . �� , �� , �� , �� . �� . �� .

✦ �� , �� , � �� . ��, �� , ��. �� . �� , �� -�� , �� , �� .

��

mybb@mybb.ru (obscurus) — Mon, 06 Oct 2025 19:14:05 +0300

�� , ��
[indent] �� , ��
[indent] �� | ��

��, ��

��

��

��:

[table layout=fixed width=100%]
[tr][td width=10%][/td]
[td width=80%][font=Yeseva One][size=18]���� ��, �� ���� ���[/size][/font]
 [indent] [size=10] ��� �������, �������[/size]
 [indent] [size=10] ������� ����� | ���������[/size] 
[/td][td width=10%][/td][/tr][/table]
[align=center][img]https://i.ibb.co/10QQ6qG/151.gif[/img] [img]https://i.ibb.co/J5FX2ML/251.gif[/img]
[/align]
[table layout=fixed width=100%][tr][td width=15%][/td][td width=70%][align=justify]
���, ��� �� ������ ���������� [/align]
[spoiler="[align=left][font=Yeseva One][size=16]������ ����� ����[/size][/font][/align]"]���� ��������� ����[/spoiler][/td][td width=15%][/td][/tr][/table]

��

mybb@mybb.ru (obscurus) — Mon, 06 Oct 2025 19:12:56 +0300

[html]<style>
.tab-content-container { display: none; }
.tab-active { display: table; }
.scroll-box { height: 250px; overflow-y: scroll; padding-right: 15px; font-size: 12px; line-height: 1.5; }

/* �� */
.tab-header {
� � padding: 8px 15px; /* �� */
� � cursor: pointer;�
� � background-color: #000; /* ��: �� */
� � color: white;�
� � border-radius: 4px; /* �� */
� � font-size: 12px; /* �� */
� � font-weight: bold;�
� � text-align: center;�
� � text-transform: uppercase;
� � box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
� � transition: background-color 0.2s;
� � margin-bottom: 5px; /* �� */
}
.tab-header:hover { background-color: #333; } /* ��: ��-�� */

.aesthetic-container {
� � max-width: 700px;�
� � margin: 30px auto;�
� � font-family: 'Georgia', serif; /* �� */
� � color: #333;
� � border-radius: 12px;�
� � overflow: hidden;
� � box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
� � /* �� */
� � background: url('https://forumstatic.ru/files/001c/8f/35/97003.jpg?v=1') center / cover no-repeat;
� � background-color: #ECECEC; /* ��, �� */
� � padding: 10px;
}
.rules-block {
� � background-color: rgba(255, 255, 255, 0.85); /* �� */
� � padding: 15px;�
� � border-radius: 8px;
� � border: 1px solid #C0C0C0;�
� � margin-bottom: 15px;
}
.rules-block ul {
� � list-style: none;�
� � padding-left: 0;�
� � margin: 0;�
� � font-size: 13px;�
� � color: #444;
}
.content-table-inner {
� � background-color: rgba(255, 255, 255, 0.95); /* �� */
� � border: 1px solid #333; /* ��: ��-�� */
� � border-radius: 8px;
� � overflow: hidden;
}
/* ��: ��-�� */
.rules-block ul li {
color: #333 !important; /* �� -�� */
}
</style>

� � <table id="content-container" class="tab-content-container content-table-inner" style="width: 100%; border-collapse: collapse;">
� � � � <tr>
� � � � � � <td id="col-left" style="width: 50%; padding: 10px; vertical-align: top; border-right: 1px solid #ccc;">
� � � � � � � � </td>
� � � � � � <td id="col-right" style="width: 50%; padding: 10px; vertical-align: top;">
� � � � � � � � </td>
� � � � </tr>
� � </table>
� ��
</div><script>
// �� (�� )
const lists = {
� � // ----------------------------------------------------------------------
� � // �� "�� "
� � // ��: �� - �� | �� - ��
� � // ----------------------------------------------------------------------
� � vnesh: {
� � � � title_left: '�� ',
� � � � content_left: `
� � � � � � <div class="scroll-box">
<span>ABC</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>DEF</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>GHI</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>JKL</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>MNO</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>PQR</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>STU</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>VWX</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>YZ</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
� � � � � � </div>
� � � � `,
� � � � title_right: '�� ',�
� � � � content_right: `
� � � � � � <div class="scroll-box">
<span>ABC</span><br/>
<a href="https://obscuruschaos.rusff.me/profile.php?id=9"><b>aaron taylor-johnson</b></a> - alastor vance<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>DEF</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>GHI</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>JKL</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>MNO</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>PQR</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>STU</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>VWX</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<span>YZ</span><br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
<a href="��"><b>�� .</b></a> - �� .<br/>
� � � � � � </div>
� � � � � � </div>
� � � � `
� � },

� � // ----------------------------------------------------------------------
� � // �� "�� "
� � // ��: �� - �� | �� - ��
� � // ----------------------------------------------------------------------
� � imen: {
� � � � title_left: '�� ',�
� � � � content_left: `
� � � � � � <div class="scroll-box">
<span>ABC</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>DEF</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>GHI</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>JKL</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>MNO</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>PQR</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>STU</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>VWX</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>YZ</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
� � � � � � </div>
� � � � `,
� � � � title_right: '�� ',
� � � � content_right: `
� � � � � � <div class="scroll-box">
<span>ABC</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>DEF</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>GHI</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>JKL</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>MNO</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>PQR</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>STU</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>VWX</span><br/>
<a href="https://obscuruschaos.rusff.me/profile.php?id=9"><b> vance alastor</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<span>YZ</span><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
<a href="��"><b>�� .</b></a><br/>
� � � � � � </div>
� � � � `
� � }
};

function showContent(tabId) {
� � const container = document.getElementById('content-container');
� � const colLeft = document.getElementById('col-left');
� � const colRight = document.getElementById('col-right');
� � const data = lists[tabId];

� � // 1. ��
� � container.classList.add('tab-active');

� � // 2. ��
� � colLeft.innerHTML = '';
� � colRight.innerHTML = '';

� � // 3. �� (�� )
� � colLeft.innerHTML = `
� � � � <div style="font-weight: bold; text-align: center; margin-bottom: 5px; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 5px;">${data.title_left}</div>
� � � � ${data.content_left}
� � `;

� � // 4. �� (�� )
� � colRight.innerHTML = `
� � � � <div style="font-weight: bold; text-align: center; margin-bottom: 5px; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 5px;">${data.title_right}</div>
� � � � ${data.content_right}
� � `;
}

// ��, �� .
document.addEventListener('DOMContentLoaded', () => {
document.getElementById('content-container').classList.remove('tab-active');
});

</script>[/html]

��

mybb@mybb.ru (obscurus) — Mon, 06 Oct 2025 16:44:51 +0300

• �� , � �� 5 �� , �� ;
• �� , �� , �� , �� 2� ��;
• �� only ��

��

��:

[b]1) �������� ������ ������ � ������ �� ����[/b]
[��� �����]
[b]2)	���� ����� ������� � �������[/b]
[��� �����]
[b]3)	������ �� ���� ���� �� ����� ������[/b]
[��� �����]

�� : //obscurus chaos

�� 

��:

<a href="//obscuruschaos.rusff.me/" title="//obscuruschaos" target="_blank"><img src="https://upforme.ru/uploads/001c/8f/35/7/764021.gif"></a>

��:

[align=center][url=https://obscuruschaos.rusff.me/][img]https://upforme.ru/uploads/001c/8f/35/7/46924.jpg[/img][/url][/align]

[align=center][url=https://obscuruschaos.rusff.me/viewtopic.php?id=1]��������[/url] | [url=https://obscuruschaos.rusff.me/viewtopic.php?id=12]�����[/url] | [url=https://obscuruschaos.rusff.me/viewtopic.php?id=18]������[/url][/align]

obscurus chaos

������� // 01

���� ������

��������

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

�����

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

�����

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

������ ����� ������.

������

���������

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

FAQ

��������

�������

���� � ���

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

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

�� // 01

��

��

��

��

��

��

��

�� .

��

��

��

��

��

��

��

��