EDGEZONE

��

mybb@mybb.ru (AdminCP) — Mon, 18 Aug 2025 20:55:55 +0300

[html]<div class='cp-translate' data-hovertext="- Text in english" data-scramble="- �� " ></div>[/html]

213123123

mybb@mybb.ru (AdminCP) — Mon, 24 Feb 2025 15:06:04 +0300

��:

�������� �— ������� � ����
—�������� �— ������� � ����

��:

123123123

��:

greg435ggre

��

mybb@mybb.ru (AdminCP) — Thu, 30 Jan 2025 15:09:27 +0300

<script>
const containerMenuCult = document.querySelector('#pun-announcement > div > div');
if (containerMenuCult.scrollWidth > containerMenuCult.clientWidth) {
containerMenuCult.classList.remove('overflown');
} else {
containerMenuCult.classList.add('overflown');
}
</script>

�� js ��

mybb@mybb.ru (AdminCP) — Tue, 28 Jan 2025 13:37:40 +0300

document.addEventListener("DOMContentLoaded", () => {
const audioPlayers = document.querySelectorAll(".audio-player");

audioPlayers.forEach((player) => {
const playButton = player.querySelector(".play-button");
const modalvm = player.querySelector(".modalvm");
const playPauseBtn = player.querySelector(".play-pause");
const loopBtn = player.querySelector(".loop");
const nextTrackBtn = player.querySelector(".next-track");
const volumeSlider = player.querySelector(".volume-slider");

const tracks = player.dataset.tracks.split(",");
let currentTrackIndex = 0;
const audio = new Audio(tracks[currentTrackIndex]);
audio.loop = false;

playButton.addEventListener("click", () => {
if (audio.paused) {
audio.play();
} else {
audio.pause();
}
updatePlayPauseStatus();
modalvm.classList.add("visible");
});

playButton.addEventListener("mouseenter", () => {
modalvm.classList.add("visible");
});

playButton.addEventListener("mouseleave", () => {
setTimeout(() => {
if (!modalvm.matches(":hover") && !playButton.matches(":hover")) {
modalvm.classList.remove("visible");
}
}, 100);
});

modalvm.addEventListener("mouseenter", () => {
modalvm.classList.add("visible");
});

modalvm.addEventListener("mouseleave", () => {
setTimeout(() => {
if (!modalvm.matches(":hover") && !playButton.matches(":hover")) {
modalvm.classList.remove("visible");
}
}, 100);
});

playPauseBtn.addEventListener("click", () => {
if (audio.paused) {
audio.play();
} else {
audio.pause();
}
updatePlayPauseStatus();
});

loopBtn.addEventListener("click", () => {
audio.loop = !audio.loop;
loopBtn.classList.toggle("active", audio.loop);
});

nextTrackBtn.addEventListener("click", () => {
currentTrackIndex = (currentTrackIndex + 1) % tracks.length;
audio.src = tracks[currentTrackIndex];
audio.play();
updatePlayPauseStatus();
});

volumeSlider.addEventListener("input", (e) => {
audio.volume = e.target.value / 100;
});

audio.addEventListener("ended", () => {
currentTrackIndex = (currentTrackIndex + 1) % tracks.length;
audio.src = tracks[currentTrackIndex];
audio.play();
updatePlayPauseStatus();
});

audio.addEventListener("play", updatePlayPauseStatus);
audio.addEventListener("pause", updatePlayPauseStatus);
});
});
</script>

�� / �� + ��

mybb@mybb.ru (AdminCP) — Mon, 27 Jan 2025 06:57:02 +0300

<script>
document.addEventListener('DOMContentLoaded', () => {
const ImgONClass = 'status-online';
const ImgOffClass = 'status-offline';

document.querySelectorAll("#pun-viewtopic .post .post-author > ul").forEach((ul) => {
const isOnline = ul.querySelector(".pa-online") !== null;

const statusContainer = document.createElement('div');
statusContainer.classList.add('status-container');

if (isOnline) {
statusContainer.classList.add(ImgONClass);
} else {
statusContainer.classList.add(ImgOffClass);
}

ul.appendChild(statusContainer);
});
});
</script>

�� css

mybb@mybb.ru (AdminCP) — Sat, 25 Jan 2025 14:44:59 +0300

#pun-category1 h2 span{background-image:url(https://forumstatic.ru/files/001c/49/47/91669.jpg);}
#pun-category2 h2 span{background-image:url(https://forumstatic.ru/files/001c/49/47/40975.jpg);}
#pun-category3 h2 span{background-image:url(https://forumstatic.ru/files/001c/49/47/90302.jpg);}
#pun-category4 h2 span{background-image:url(https://forumstatic.ru/files/001c/49/47/46654.jpg);}
#pun-category5 h2 span{background-image:url(https://forumstatic.ru/files/001c/49/47/52048.jpg);}
#pun-category6 h2 span{background-image:url(https://forumstatic.ru/files/001c/49/47/55741.jpg);}
#pun-category7 h2 span{background-image:url(https://forumstatic.ru/files/001c/49/47/85874.jpg);}

��

mybb@mybb.ru (AdminCP) — Sat, 25 Jan 2025 09:45:57 +0300

const FIELD_NAME = "[level]";

function getNumericValue(text) {
if (!text || text.trim() === "") {
return 0;
}
const number = parseFloat(text.replace(/[^-0-9.]/g, '').trim());
return isNaN(number) ? 0 : number;
}

function calculateTimeMinutes(timeText) {
if (!timeText || timeText.trim() === "") return 0;

const formula = timeText
.replace(/��/, "0 ��")
.replace(/ ��[��]?/, "+")
.replace(/ ��/, "+")
.replace(/ ��[��]?/, "*60+")
.replace(/ ��/, "*24*60+")
.replace(/ ��/, "*24*60+")
.replace(/ ��?/, "*(365/12)*24*60+")
.replace(/ ��?/, "*(365/12)*24*60+")
.replace(/ /g, "")
.replace(/.*:/, "") + "0";

try {
const result = eval(formula);
return result;
} catch (e) {
return 0;
}
}

$("#pun-viewtopic .post").each(function () {
const $post = $(this);
const $authorBlock = $post.find(".post-author");

if ($post.attr("data-group-id") === "3" || !$authorBlock.find('.pa-author a').length) return;

$authorBlock.find(`li:contains('${FIELD_NAME}')`).remove();

const customField = "pa-respect"; // �� , ��
const targetField = $authorBlock.find(`.${customField}`).first();

if (!targetField.length) {
return;
}

let manualScore = 0;
const manualField = $authorBlock.find(".pa-fld11");

if (manualField.length) {
const manualText = manualField.text().replace(new RegExp(`${FIELD_NAME}:`, 'g'), '').trim();
manualScore = getNumericValue(manualText);
}

const postCount = getNumericValue($authorBlock.find(".pa-posts").text()) * COEFFICIENTS.post;

const inviteCount = getNumericValue($authorBlock.find(".pa-invites").text()) * COEFFICIENTS.invites;

const respectText = $authorBlock.find(".pa-respect").text();
let respectScore = 0;
if (respectText) {
const matches = respectText.match(/[+-]?\d+/g) || [0, 0];
respectScore = COEFFICIENTS.respect * (parseFloat(matches[0] || 0) + parseFloat(matches[1] || 0));
}

const positiveText = $authorBlock.find(".pa-positive").text();
let positiveScore = 0;
if (positiveText) {
const matches = positiveText.match(/[+-]?\d+/g) || [0, 0];
positiveScore = COEFFICIENTS.positive * (parseFloat(matches[0] || 0) + parseFloat(matches[1] || 0));
}

const timeText = $authorBlock.find(".pa-time-visit").text();
const timeScore = (calculateTimeMinutes(timeText) / 60) * COEFFICIENTS.time;

const totalScore = Math.round(manualScore + postCount + inviteCount + respectScore + positiveScore + timeScore);

targetField.after(`<li class="pa-fld-score"><b>${FIELD_NAME}</b>: ${totalScore}</li>`);
});
});
</script>

�� , �� znak

mybb@mybb.ru (AdminCP) — Sat, 18 Jan 2025 16:08:59 +0300

��

mybb@mybb.ru (AdminCP) — Tue, 24 Dec 2024 00:45:37 +0300

123

1111111111111111111111111111111111111111111111111111111111111111111111

mybb@mybb.ru (AdminCP) — Sat, 09 Nov 2024 12:37:36 +0300

[html]

<style>

.wrapper {
margin-top: 20px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: repeat(auto-fill, minmax(min-content, 1fr));
grid-auto-rows: minmax(150px, auto);
grid-auto-flow: dense;
/* grid-gap: 1em; */
break-inside: avoid;
align-content: stretch;
justify-content: center;
justify-items: center;
}

/* LEFT PANEL */
.left-panel {
flex: 1;
background-image: url('https://i.imgur.com/WhhvdYG.png');
background-size: cover;
background-position: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
}

.n54-news {
width: auto;
height: auto;
line-height: 9.1vw;
margin: 0 0 50px 0;
}

.n54-news img {
position: relative;
top: -130%;
left: 245%;
width: 50px;
height: auto;
display: block;
box-shadow: 5px 5px 20px rgba(255, 0, 0, 0.7);
border-radius: 5px;
}

.gradient-bar {
background-color: #5d0dfdb3;
padding: 10px 0;
margin-top: 2em;
box-shadow: inset 60px 0 120px #f0f, inset -60px 0 120px #0ff;
}

.bar-news {
display: flex;
align-items: center;
justify-content: center;
padding: 5px;

}

.news-title {
text-align: center;
font-weight: 700;
font-size: 1.5em;
line-height: 1.5em;
color: white!important;
margin-top: 1em;
font:100 16px var(--huehuefont)!important;
text-shadow: 1px 1px 0px grey, -1px -1px 0px grey;
}

/* RIGHT PANEL */
.right-panel {
padding: 30px 0;
background-color: #80263124;

}

.tabs {
display: flex;
gap: 10px;
margin-bottom: 30px;
margin-top: -70px;
}

.tab-button {
height:25px;
background-color: #c80538;
margin: 0.5em 0.5em 0.5em 1em;
font-weight: 700;
text-align: center;
text-transform: uppercase;
width: 100%;
border: 2px solid #c80538;
color: #fff;
padding: 4px 20px;
cursor: pointer;
transition: ease-in-out 0.5s;
box-shadow: 0 0 0 #fb3ae3;
}

.tab-button:hover {
background-color: #ff003c;
border: 2px solid #edbb38;
-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
from {
box-shadow: 0 0 0.75em #edbb38;
}
to {
box-shadow: 0 0 1.5em #edbb38;
}
}

@keyframes glow {
from {
box-shadow: 0 0 0.75em #edbb38;
}
to {
box-shadow: 0 0 1.5em #edbb38;
}
}

.article-content {
font-size: 1em;
line-height: 1.6;
width: 340px;
height: 300px;
overflow: auto;
/* border: 1px solid #000; */
padding: 5px 0 5px 0;
}

.first-letter::first-letter {
margin-top: 5px;
font-size: 25px;
padding: 0 2px 0 0;
margin-right: 20px;
float: left;
color: #ff0000;
font-weight: 900;
text-shadow: 1px 1px 1px black, 2px 2px 2px #0e028c;
}

.article-content p {
margin-bottom: 20px;
font-family: var (--main-font);
}

</style>

<nav class="right-panel">
<div class="tabs">
<button class="tab-button">Date</button>
<button class="tab-button">Date</button>
<button class="tab-button">Date</button>
</div>
<div class="article-content">
<p class="first-letter">�� -�� : �� . �� , �� , �� , �� .</p>
<p>�� , ��, �� , �� , �� . �� , �� .</p>
<p>�� , �� , �� , �� , �� . �� , �� , � �� . �� , ��, �� , �� .</p>
<p>� �� , � �� . �� , �� , �� .
</p>
</div>
</nav>

[/html]

��

mybb@mybb.ru (AdminCP) — Sat, 09 Nov 2024 12:34:26 +0300

ewqrewr

143254232

mybb@mybb.ru (AdminCP) — Fri, 08 Nov 2024 00:34:30 +0300

[html]
<div id="fixer">
<div class="participant-list"></div>
<button class="add-participant">Add Participant</button>
<div class="participant-list"></div>
<button class="add-participant">Add Participant</button>
<div class="participant-list"></div>
<button class="add-participant">Add Participant</button>
</div>

[/html]

��

mybb@mybb.ru (AdminCP) — Sun, 03 Nov 2024 16:06:53 +0300

��

�� N54 (��)

mybb@mybb.ru (AdminCP) — Fri, 25 Oct 2024 18:47:04 +0300

1. ��
2. ��

�� 54 (� id)

mybb@mybb.ru (AdminCP) — Thu, 24 Oct 2024 10:20:10 +0300

��:

[html]<style>



</style>

<div class="audio-player-wrapper bg-topic-color-player" data-player-id="1">
<p><div id='jillian'><img src='https://i.ytimg.com/vi/3IJHhQmmwyc/maxresdefault.jpg' alt='photo'></div></p>

<div>
  <button id="prev">❰❰❰</button>
  <button id="playPause">Play</button>
  <button id="next">❱❱❱</button>
</div> 
  
  <input type="range" id="volumeControl" min="0" max="1" step="0.01" value="0.5">
  <input type="range" id="progressControl" min="0" max="100" value="0">

  <audio id="audio" src="https://forumstatic.ru/files/001c/04/0a/79362.mp3"></audio>
  <div class='audiotrack-wrapper'><div class='scroll-text-player'><div id="currentTrack"></div></div></div>
  
  <ul id="trackList"></ul>
</div>
[/html]

��-��

mybb@mybb.ru (AdminCP) — Thu, 17 Oct 2024 00:00:04 +0300

��:

<!-- ������ ������� �� ���� by Vandra-->
<script> 
function replaceDashesInTextNodes(element) {
    element.contents().each(function() {
        if (this.nodeType === Node.TEXT_NODE) {
            let updatedText = this.nodeValue
                .replace(/(^|\s)-(\s|$)/g, '$1�$2')  
                .replace(/(^|[\n\r])-([^\s])/g, '$1�$2')
                .replace(/(^|\s)\u2013(\s|$)/g, '$1�$2');   
            this.nodeValue = updatedText;
        }
        else if (this.nodeType === Node.ELEMENT_NODE && !$(this).closest('.code-box').length && this.tagName !== 'STYLE') {
            replaceDashesInTextNodes($(this));
        }
    });
}

$(document).ready(function() {
    replaceDashesInTextNodes($('body'));
});

</script>
<!-- ����� ������ ������� �� ���� -->

��

mybb@mybb.ru (AdminCP) — Wed, 16 Oct 2024 03:50:24 +0300

""��" �� "

"�� " "��" ""��" ��"

"�� " "��" ""��" ��""

"�� " "��" ""��" ��"".

- "�� " "��" ""��" ��".

-"�� " "��" ""��" ��".

-"�� " "��" ""��" ��".

-"��"-"��"
- ��
- ��
-��

��

mybb@mybb.ru (AdminCP) — Sun, 13 Oct 2024 22:40:19 +0300

[hideprofile][html]

<style>
:root {
--main-color: #000000;
--2nd-color: #8c8c8c;
--3rd-dark-color: #101112;
--light-and-text: #cdcdcd;
}

.vf-name::before {
background: linear-gradient(146deg, rgb(54 52 52) 14%, #202020 48%, var(--main-color) 117%)!important;
}

.vf-video-list a.active {
color: #cdcdcd!important;
}

.vf-menu>div:hover {
background: #be002d !important;
}

</style>

<section class='void-feed-wrapper'>
<div class='void-feed-logo' />
<div class="vf-menu">

<div class="vf-main" data-self='//data_about_me'>Profile</div>
<div class="vf-photos" data-self='//data_some_photo_shit'>Photos</div>
<div class="vf-music" data-self='//data_a_bit_of_music'>Music</div>

</div>

<img class='parallax vf-custom-head' data-speed="0.01" src='https://i.imgur.com/eqd0CMU.png' >
<img class='parallax vf-custom-head' data-speed="0.02" src='https://i.imgur.com/ACOcNHu.png' style="height: 170px;">
<img class='parallax vf-custom-head' height=400 data-speed="0.03" src='https://i.imgur.com/QaUGy87.png' style="height: 200px;">

</div>

<div class='vf-custom-avatar'><img src='https://i.imgur.com/xOBli3K.png'></div>

<div class='vf-personal'>
<div class='vf-name'>Aranami Sakado</div>
<a class='vf-agent' href='https://edgezone.rusff.me/viewtopic.php?id=260#p25635'>@storm</a> 
<div class='vf-status'>No man can have everything he wants the way that he wants it </div>

</div>
<div class='vf-about'><div class='vf-about-visual'>

<div data-aboutme='Date of Birth'>27 05 2048 </div>
<div data-aboutme='Afilliation'>��, �� </div>
<div data-aboutme='Primary Weapon'>�� 17 ��, Fūryū</div>
<div data-aboutme='Secondary Weapon'>�� </div>
<div data-aboutme='Auxiliary Weapon'>�� </div>
<div data-aboutme='Combat Style'>��, � �� . �� .</div>
<div data-aboutme='Hobby'>�� </div>
<div data-aboutme='Additional Interests'>��, ��, �� , ��.</div>

</div></div></div></div>
<div id="photos-content" class="vf-tab-content" >
<div class='fr-common-cont'><div class="vf-photos-data">

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

<div class="vf-video-player">
<iframe id="vf-youtube-player" width="560" height="315" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="vf-video-list">

<a href="#" data-video-id="S_v172PgToE">Black Sun Empire - Arrakis</a>
<a href="#" data-video-id="KTkhf8-39aU">Black Sun Empire & State of Mind ft. Virus Syndicate - Caterpillar (instrumental)</a>
<a href="#" data-video-id="PfPibO3lkaA">Ilan Eshkeri & Shigeru Umebayashi - Shurai</a>
<a href="#" data-video-id="qQaaV4slPPE">Pythius - Akkoord (ft. June Miller)</a>
<a href="#" data-video-id="pGI3ecxbLx0">首輪を破壊されてショックを受けるうに</a>
<a href="#" data-video-id="oXnB4n036_Q">Połoz & Łotr - Memories of Mzuzu</a>
<a href="#" data-video-id="SxAOClAa1Ko">V. Seiiki</a>

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

<div class="vf-tab-content" ><div class='fr-custom-cont'>�� <br>

</div></div>

<div class='fr-anim fr-flicker fr-anim-first' >//content_data_undefined</div>
<div class='fr-anim fr-anim-second' >//content_({foo})_display</div>
<div class='fr-anim fr-flicker fr-anim-third' >//data: TRN_VINODE_935081</div>
<div class='fr-anim fr-anim-fourth' >TRN_TCLASS_800095</div>
<div class='fr-anim fr-blur-out fr-anim-fifth' >VER_M6A6T64</div>
</section>[/html]

��

mybb@mybb.ru (AdminCP) — Sun, 13 Oct 2024 16:34:47 +0300

[html]
<section class='ft-post-wrapper'>
<h1 class="void-feed-logo" />
<div class='vf-avatar-name'></div>

<p class='vf-post-text'> <span>��</span> <span>kusanagist3x</span> <span>��</span> <span>��</span> �� : �� , �� , �� .
</p>

<img src="https://i.imgur.com/tRfPRVz.png" alt="�� " class='vf-pers-photo vf-big-one-photo'>

</div><div class='void-feed-footer' />
</section>[/html][hideprofile]

��

mybb@mybb.ru (AdminCP) — Sat, 12 Oct 2024 00:30:48 +0300

��-�-�-�-��, ��-��!
��, �� , �� !
[indent]�� , �� , �� , � �� ...
[indent]�� , �� VoidFeed™ � �� .

[indent]�� , �� @nickname
[indent]� �� .
[indent]��, �� , �� .
[indent]��! ��, �� - �� .
[indent]�� ! �� , �� , �� -�� . �� . �� .
[indent]�� #3: �� . �� : �� . �� . �� , � �� , �� , �� , �� !

◀︎ �� ▶︎

!!! �� . �� , �� , �� , � �� , � �� (�� -��), �� .
�� , �� " @nickname "
� �� :
��:
<div class='vf-name'>Name Surname</div>
�� :
��:
<div class='vf-name vf-approved'>Name Surname</div>
�� , �� . �� , � �� , �� .

◀︎ TECH F.A.Q ▶︎

�� -�� - �� .

�� . � �� , �� :

▶︎ �� . � �� -�� , � �� , �� ?
▶︎ �� , �� , �� .
▶︎ �� . �� , �� .png.
▶︎ �� . �� . �� , � �� - ��, �� .
▶︎ �� . �� , �� (��, ��, etc.) ��. ��, � �� . �� ? �� .

▶︎ ��
�� . � �� , �� .

▶︎ ��
�� . �� YouTube, �� . �� . �� : https://www.youtube.com/watch?v=xSWqZ7F8OiQ << � �� . xSWqZ7F8OiQ << �� .

▶︎ ��
�� - �� , �� . ��, �� , �� .

��, ��.

◀︎ ��  ▶︎
▶︎ �� ◀︎

▶︎ �� ◀︎

▶︎ �� ◀︎

▶︎ �� ◀︎

�� VoidFeed™!*

*� �� /�� /�� , �� , ��, ��, �� , � �� /�� , �� VoidFeed™ �� .

�� 2

mybb@mybb.ru (AdminCP) — Tue, 24 Sep 2024 22:38:35 +0300

[html]<style>
@font-face {
font-family: RadjhaniRu;
src: url('https://forumstatic.ru/files/001c/04/0a/51541.ttf')
}

@font-face {
font-family: 'Corbel';
src: url('https://forumstatic.ru/files/001c/17/76/83460.ttf')
}

:root {
--border-color: #fe934c;
--bg-color-light:#e1e1e1;
--bg-color-dark:#121212;
}

#wrapper {
display:block;
position: relative;
width:100%;
height: 825px;
background-color:var(--bg-color-light);
overflow: hidden;

}

#left-side-strip {
position: absolute;
width: 200px;
height: 100%;
border-right: solid 25px var(--border-color);
background-color: var(--bg-color-dark);
}

#left-side-strip::before {
content: '';
position: absolute;
width: 114px;
height: 250px;
border-right: solid 34px var(--border-color);
margin: -91px 1px 0px 187px;
transform: rotate(45deg);
}

#left-side-strip::after {
content: '';
position: absolute;
width: 114px;
height: 250px;
top: 0px;
background-color: var(--bg-color-dark);
margin: -91px 1px 0px 187px;
transform: rotate(45deg);
}

#main-cont {
display:block;
width:100%;
height:500px;
color:#e1e1e1;
}

#main-cont h1 {
display: block;
position: relative;
z-index: 8;
font-family: 'RadjhaniRu';
font-size: 70px;
width: 100%;
color: transparent;
}

#main-cont h1 p {
display: block;
position: relative;
z-index: 8;
font-family: 'RadjhaniRu';
font-size: 70px;
width: 100%;
padding: 0px 55px;
margin-top: -4px;
color: transparent;
background: linear-gradient(0deg, rgb(221 90 82) 0%, rgb(254 147 76) 100%);
-webkit-background-clip: text;

}

#main-cont h1::before{
content: '';
position: absolute;
z-index: 0;
width: 825px;
height: 77px;
left: 0px;
background: #121212;
border-bottom: 8px solid var(--softred);
border-top: 8px solid var(--border-color);
clip-path: polygon(0 0, 100% 0, 86% 100%, 0% 100%);
}

#main-cont img {
z-index: 4;
width: 400px;
padding: 10px 70px;
}

.list-item-uniq {
display: flex;
width: 270px;
height: 100px;
border-radius: 50px;
top: 206px;
position: relative;
margin-bottom: 43px;
}

.list-item-uniq p {
background-color: var(--bg-color-dark);
padding: 46px 4px 0px 4px !important;
height: 25px;
width: 157px;
display: block;
margin: -21px 0 0 0px !important;
font-family: sans-serif;
text-align: right;
font-size: 1.3em;
color: #c4c5c6 !important;
font-weight: bold;
z-index: 7;
position: relative;
border-bottom: 3px solid var(--border-color);
}

.img-card-uniq::after {
content: attr(data-info);
position: absolute;
width: 148px;
font-size: 12px;
line-height: 100%;
margin: 3px 0px 0 -163px;
padding: 11px 4px;
text-align: center;
color: #6c5b4e;
font-family: sans-serif;
background-color: var(--bg-color-light);
z-index: 1;
border-radius: 0 0 15px 15px;
transition: ease-in-out .4s;
}

.img-card-uniq:hover::after {
transform: translate(0px, 37px);
}

.img-card-uniq {
display: block;
border-radius: 50%;
border: 3px solid var(--border-color);
width: 100px;
height: 100px;
background-size: 120%;
background-position: center;
margin: 0px 0 0 165px;
z-index: 5;
transition: ease-in-out .4s;
}

.img-card-uniq:hover {
background-size: 100%;
border-radius:21%;
}

.first-img {
content: '';
position: absolute;
width: 90px;
height: 90px;
transition: ease-in-out .4s;
background-image: url(https://i.imgur.com/kVrfR7d.jpeg);
}

.first-img::before{
content: '';
position: absolute;
width: 90px;
height: 90px;
transition: ease-in-out .4s;
background: url(https://i.imgur.com/dqg6tst.png) no-repeat center;
background-size: 75%;
}

.first-img:hover::before{
background-size: 102%;
}

.second-img {
content: '';
position: absolute;
width: 90px;
height: 90px;
transition: ease-in-out .4s;
background-image: url(https://i.imgur.com/3ogM4En.png);
}

.second-img::before{
content: '';
position: absolute;
width: 90px;
height: 90px;
transition: ease-in-out .4s;
background: url(https://i.imgur.com/OFQqrrS.png) no-repeat center;
background-size: 75%;
}

.second-img:hover::before{
background-size: 102%;
}

.third-img {
content: '';
position: absolute;
width: 90px;
height: 90px;
transition: ease-in-out .4s;
background-image: url(https://i.imgur.com/DGRVvln.png);
}

.third-img::before{
content: '';
position: absolute;
width: 90px;
height: 90px;
transition: ease-in-out .4s;
background: url(https://i.imgur.com/ryyIxHE.png) no-repeat center;
background-size: 75%;
}

.third-img:hover::before{
background-size: 102%;
}

.fourth-img {
content: '';
position: absolute;
width: 90px;
height: 90px;
transition: ease-in-out .4s;
background-image: url(https://i.imgur.com/m8W0oDB.png);
}

.fourth-img::before{
content: '';
position: absolute;
width: 90px;
height: 90px;
transition: ease-in-out .4s;
background: url(https://i.imgur.com/gpgvfHR.png) no-repeat center;
background-size: 75%;
}

.fourth-img:hover::before{
background-size: 102%;
}

div#text-cont-uniq {
display:block;
position:inherit;
background: #c4c5c6;
margin-left: 225px;
width: 544px;
height: 400px;
background: url(https://i.imgur.com/W8HQ3hT.png) no-repeat 0% / 142%;

}

div.carousel-item p{
font-size: 17px;
color: black !important;
font-family: 'Corbel';
letter-spacing: 0px;
text-indent: 35px;
text-align: justify;
max-height: 97%;
overflow: auto;
padding: 0px 10px 15px 20px !important;
}

.carousel-wrapper {
position: relative;
height: 115%;
width: 69%;
margin-left: 274px;

}

.carousel-item {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #ffffffa6;
backdrop-filter: blur(5px);
padding: 25px 50px;
opacity: 0;
transition: all 0.5s ease-in-out;
}

.carousel-item img {
display:block;
}

.arrow {
position: absolute;
top: 0;
display: block;
width: 50px;
height: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
background: url(https://i.imgur.com/j65Rq6P.png) 50% 50% / 42px no-repeat;

&.arrow-prev {
left: 0;
}

&.arrow-next {
right: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}

&.light {
color: white;

.arrow-uniq {
background: url("https://static-00.iconduck.com/assets.00/arrow-right-circle-icon-1024x1024-vd5nvvdh.png") 50% 50% / 20px no-repeat;
}
}

[id^="target-item"] {
display: none;
}

.item-1 {
z-index: 2;
opacity: 1;
}

*:target ~ .item-1 {
opacity: 0;
}

#target-item-1:target ~ .item-1 {
opacity: 1;
}

#target-item-2:target ~ .item-2, #target-item-3:target ~ .item-3 {
z-index: 3;
opacity: 1;
}
}

div.carousel-item p::-webkit-scrollbar {
width: 2px !important;
height: 2px
}

div.carousel-item p::-webkit-scrollbar-track:vertical {
background: #f5f5f5 !important
}

div.carousel-item p::-webkit-scrollbar-thumb:vertical {
background: var(--border-color) !important
}

.carousel-item>div {
font-size: 17px;
color: black !important;
font-family: 'Corbel';
letter-spacing: 0px;
text-indent: 35px;
text-align: justify;
max-height: 97%;
overflow: auto;
padding: 0px 10px 15px 20px !important;
}

.carousel-item>div>h4 {
font-family: 'RadjhaniRu';
font-size: 23px;
color: var(--border-color);
margin-bottom: 10px;
}

.carousel-item>div>p>span {
font-weight:bold;
}

.buttons-uniq {
display: flex;
position: relative;
z-index: 50;
margin: 12px 50px 50px 250px;
justify-content: center;
}

.buttons-uniq a {
background: var(--border-color);
padding: 10px 25px;
margin: 10px 45px;
width: 100px;
text-align: center;
font-family: 'Corbel';
font-weight: bold;
font-size: 13px;
color: var(--bg-color-dark);
border-radius: 20px;
transition: ease-in-out .5s;
}

.buttons-uniq a:hover {
color: #de5b52;
background: var(--bg-color-light);
}

.buttons-uniq a::before {
content: '';
background: url(https://i.imgur.com/j65Rq6P.png) no-repeat 0% / 33px;
position: absolute;
display: block;
margin: -10px 1px 0 -40px;
width: 39px;
height: 35px;
object-fit: cover;
transform: rotate(0deg);
transition: ease-in-out .5s;

}

.buttons-uniq a::after {
content: '';
background: url(https://i.imgur.com/j65Rq6P.png) no-repeat 0% / 35px;
position: absolute;
display: block;
margin: -25px 1px 0 98px;
width: 39px;
height: 35px;
object-fit: cover;
transform: rotate(180deg);
transition: ease-in-out .5s;
}

.buttons-uniq a:hover::before {
transition-delay: .8s;
transform: rotate(180deg);
}

.buttons-uniq a:hover::after {
transition-delay: .4s;
transform: translate(-10px, 0px) rotate(180deg);
}

#main-cont > div.carousel-wrapper > div.carousel-item.item-3 > div > p > a {
font-weight:bold;
color: #e76b51;
transition: ease-in-out .4s;
}

#main-cont > div.carousel-wrapper > div.carousel-item.item-3 > div > p > a:hover {
color: blue;
color: #fc904d;
}

</style>

<div class='list-item-uniq'>
<p class='item-title-uniq'>JAVASCRIPT</p>
<div data-info='�� !' class="img-card-uniq third-img" />
</div>

</div>
<div id='main-cont'>
<h1><p>�� Vandra</p></h1>

<p><span>�� :</span> ¸�� , �� , �� . ¸�� - �� , �� . ¸�� css, �� JavaScript � jQuery.</p>

<p><span>�� :</span> �� JavaScript � jQuery �� (��, �� ) � �� . �� , �� . �� .</p>

</div>
<a class="arrow arrow-prev" href="#target-item-3" />
<a class="arrow arrow-next" href="#target-item-2" />
</div>

</p>

</div>

<p><span>��:</span> Cyberpunk 2077, �� </p>
<p><a href='https://edgezone.rusff.me/' target="_blank">�� </a></p>

<p><span>�� Cyberpunk2077</span></p>
<a href='https://i.imgur.com/soR45Uf.png' target="_blank"><img src='https://i.imgur.com/soR45Uf.png' alt='photo'></a>
<p><a href='https://codepen.io/c0ils/pen/qBzJVog' target="_blank">�� </a></p>

<p><span>�� Cyberpunk2077</span></p>
<a href='https://i.imgur.com/fU45BWl.png' target="_blank"><img src='https://i.imgur.com/fU45BWl.png' alt='photo'></a>
<p><a href='https://codepen.io/c0ils/pen/QWXPeNX' target="_blank">�� </a></p>
<p>��, �� , �� Vandra. �� css, �� .</p>

<p><span>�� Cyberpunk2077</span></p>
<img src='https://i.imgur.com/c8QvlA7.gif' alt='photo'>

</div>
</p>
<a class="arrow arrow-prev" href="#target-item-2" />
<a class="arrow arrow-next" href="#target-item-1" />
</div>

</p>

</div>

<div class='buttons-uniq'>
<a href='#'>TELEGRAM</a>
<a href='#'>�� </a>
</div>
</div>

</section>[/html]
[hideprofile]

��

mybb@mybb.ru (AdminCP) — Sun, 08 Sep 2024 11:35:13 +0300

[html]<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/04/0a/33589.css" />

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 30.04.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=129#p11032'>Woke Up This Morning</a>
<p>Johnny Silverhand, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>�� , �� </p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 23.05.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=114#p8396'>Natural Selection</a>
<p>Johnny Silverhand, Shadi Malik, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>Dj � �� , � �� .</p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 25.05.2077</div>
<section class='chron-wrapper epmain'>
<div class='chron-clip-path main-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=130#p11068'>Pressure Chamber</a>
<p>Johnny Silverhand, Shadi Malik, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>�� , �� -��. �� .
</p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 5-6.06.2077</div>
<section class='chron-wrapper epmain'>
<div class='chron-clip-path main-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=159#p15444'>Crash Course In Brain Surgery</a>
<p>Johnny Silverhand, Shadi Malik, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>� �� . �� , �� - �� (�� ) ��.
</p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 14.06.2077</div>
<section class='chron-wrapper epmain'>
<div class='chron-clip-path main-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=181#p17464'>Freak On A Leash [vol. 1]</a>
<p>Johnny Silverhand, Shadi Malik, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>�� , �� "��", �� "��" �� . �� - ��.
</p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 15.06.2077</div>
<section class='chron-wrapper epmain'>
<div class='chron-clip-path main-quest'>
<a href='��_��_��'>Freak On A Leash [vol. 2]</a>
<p>Johnny Silverhand, Shadi Malik, V</p>
<img src='https://i.imgur.com/kJYYlAN.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>� �� , � � �� -��, �� .
</p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 03.07.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=262#p25811'>A Like Supreme</a>
<p>Johnny Silverhand, Erna Heitinga, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>�� Knife Out! �� , �� , �� . �� . </p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 06.07.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=153#p14533'>At The End Of The Day</a>
<p>Johnny Silverhand, Panam Palmer, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>�� , �� . </p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 08.07.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=266#p26050'>Let The Bodies Hit The Floor</a>
<p>Johnny Silverhand, Haruko Kanawa, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>�� "�� "</p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 05.08.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=167#p16068'>Get Your Filthy Hands Off My Desert</a>
<p>Johnny Silverhand, Panam Palmer, Shadi Malik, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>�� "��" �� "��", �� , �� , � ��. � �� .</p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 20.07.2077</div>
<section class='chron-wrapper epmain'>
<div class='chron-clip-path main-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=155#p14854'>Apex Predators</a>
<p>Kairu Sato, Shadi Malik</p>
<img src='https://i.imgur.com/kJYYlAN.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>��-�� , �� . �� . � �� , �� ϸ�� , �� "��" � � �� -"��". �� -��.
</p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 04.08.2077</div>
<section class='chron-wrapper epmain'>
<div class='chron-clip-path main-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=165#p15914'>This Is Not A Drill</a>
<p>Johnny Silverhand, Solomon Reed, Shadi Malik, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>�� , �� . � �� , � ��. � �� , � �� : ��, �� . �� , �� , �� : �� -�� .
</p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 20.08.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=191#p18278'>A Thing Of Beauty</a>
<p>Johnny Silverhand, V</p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>�� , �� !</p>
</div>
</details>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>��-��, 03.09.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'>
<a href='https://edgezone.rusff.me/viewtopic.php?id=249#p24215'>Let the Dark Do the Rest</a>
<p>Kairu Sato, Shadi Malik, feat. V</p>
<img src='https://i.imgur.com/kJYYlAN.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">
<p>�� -��-��
</p>
</div>
</details>[/html]

��

mybb@mybb.ru (AdminCP) — Sun, 25 Aug 2024 18:40:23 +0300

[html]<style>

.chron-wrapper {
width: 100%;
height: 44px;
margin-bottom: 5px;
padding: 3px 6px 4px 4px;
overflow: hidden;
position: relative;
clip-path: polygon(2.2% 100%, 0% 83%, 0% 17%, 2.2% 0%, 70% 0%, 74% 44%, 100% 44%, 100% 50%, 94.4% 100%);
}

.side::before {
content: '';
width: 900px;
height: 900px;
top: -400px;
left: -100px;
margin-bottom: 5px;
padding: 3px 6px 4px 4px;
position: absolute;
opacity:.6;
background: linear-gradient(58deg, rgba(16, 70, 69, 1) 17%, rgba(63, 251, 246, 1) 33%, rgba(62, 69, 136, 1) 49%, rgba(252, 70, 226, 1) 66%, rgba(83, 23, 74, 1) 84%);}

.side:hover::before {
animation: rotate-bg 6s ease-in-out infinite both;
}

.epmain::before {
content: '';
width: 900px;
height: 900px;
top: -400px;
left: -100px;
margin-bottom: 5px;
padding: 3px 6px 4px 4px;
position: absolute;
opacity: .8;
background: linear-gradient(322deg, #F44336 17%, #E91E63 33%, #9C27B0 49%, rgba(251, 252, 70, 1) 66%, rgba(83, 23, 74, 1) 84%);
}

.epmain:hover::before {
animation: rotate-bg 6s ease-in-out infinite both;
}

@keyframes rotate-bg {
0% {
transform: rotate(0); opacity:1;
}
100% {
transform: rotate(360deg); opacity:1;
}
}

.chron-clip-path {
clip-path: polygon(2% 100%, 0% 83%, 0% 17%, 2% 0%, 70% 0%, 74% 50%, 100% 50%, 100% 50%, 95% 100%);
width: 100%;
height: 35px;
background: url(https://i.imgur.com/QJbl4f6.png);
padding: 5px 0px;
position: relative;
}

.chron-wrapper a {
font-family: 'GlitchGoblin';
font-size: 23px;
display: block;
color: var(--cyan);
letter-spacing: 1px;
padding-left: 35px;
background: linear-gradient(90deg, #003e6ab8, transparent);
margin: -5px -2px 8px;
transition:ease-in-out .4s;
}
.chron-wrapper a:hover {
color:aliceblue;
}

.chron-date {
position: absolute;
margin: 4px 0px 0px 0px;
right: 0px;
width: 195px;
padding: 1px 0px 1px 30px;
font-family: var(--huehuefont);
font-size: 15px;
color: aliceblue;
background: linear-gradient(90deg, #244848, transparent);
}
.main-quest::before {
content: 'MAIN QUEST';
font-family: 'GlitchGoblin';
color: var(--yellow);
opacity: .7;
position: absolute;
margin: 21px 2px;
right: 29px;
font-size: 26px;
}

.side-quest::before {
content: 'SIDE QUEST';
font-family: 'GlitchGoblin';
color: var(--cyan);
opacity: .7;
position: absolute;
margin: 21px 2px;
right: 29px;
font-size: 26px;
}

.chron-wrapper p {
font-family: var(--huehuefont);
font-size: 15px !important;
margin: -6px 0px !important;
padding-left: 33px !important;
color: #f0f8ffd6;
background: linear-gradient(90deg, #3b004ebf, transparent);
}

.chron-wrapper img {
position: absolute;
right: 165px;
margin: -58px 0 0 0;
opacity: .5;
object-fit: inherit;
}

details > summary::marker {
display: none;
content: '';
}

.chron-desc > p {
padding: 30px 20px 10px 20px !important;
background: #00192b82;
text-align: justify;
margin: -20px 30px 5px 17px !important;
border: 2px solid #1c6e73;
}

.chron-spoiler {
transition:ease-in-out .4s;
}

</style>

<div class='chron-date'>��-��, 00.00.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'><a href='��_��_��'>Episode Name</a>
<p>�� , �� </p>
<img src='https://i.imgur.com/zemHax8.png'></img>
</div></section>

<div class='chron-date'>�� , 00.00.2077</div>
<section class='chron-wrapper epmain'>
<div class='chron-clip-path main-quest'><a href='��_��_��'>Episode Name</a>
<p>�� , �� </p>
<img src='https://i.imgur.com/7NrXexL.png'></img>
</div></section>

<div class='chron-date'>�� , 00.00.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'><a href='��_��_��'>Episode Name</a>
<p>�� , �� </p>
<img src='https://i.imgur.com/kJYYlAN.png'></img>
</div></section>

<details>
<summary class='chron-spoiler'>
<div class='chron-date'>�� , 00.00.2077</div>
<section class='chron-wrapper side'>
<div class='chron-clip-path side-quest'>
<a href='��_��_��'>Episode Name</a>
<p>�� , �� </p>
<img src='https://i.imgur.com/kJYYlAN.png'></img>
</div>
</section>
</summary>
<div class="chron-desc">

<p>�� .</p>
</div>
</details>

[/html]

�� -��

mybb@mybb.ru (AdminCP) — Thu, 15 Aug 2024 12:56:56 +0300

[html]

Name Surname, Name Surname<br>
NIGHT-CITY, 2077

</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel, porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut libero fermentum, non consequat lectus egestas. Aenean nisl urna, finibus a

</p><div class='mxtc-bottom-stripe' />
</div>

<div id='mxtc-bg-logo' /><div id='mxtc-logo' /><div id='mxtc-bg-corner' /><div id='mxtc-bg-cyberweb' /></section>[/html]

�� -��

mybb@mybb.ru (AdminCP) — Thu, 15 Aug 2024 01:27:31 +0300

[html]
<style>

#mt-wrapper {background: url(https://i.imgur.com/GficTTT.png);}

#mt-wrapper {
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
display: block;
position: relative;
width: 100%;
min-height: 550px;
overflow: hidden;
}

#mt-wrapper::before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 30px;
margin: 19px 0 0 0px;
background: #101010;
z-index: 1;
}

#mt-title {
position: relative;
z-index: 10;
text-align: end;
font-family: var(--huehuefont);
font-size: 30px !important;
margin-top: 10px;
padding: 3px 35px;
background: linear-gradient(110deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(255, 0, 0, 1) 48%, rgba(255, 0, 0, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
background-size: 220%;
background-position-x: left;
transition: ease-in-out 2s;
}

#mt-title:hover {
background-position-x: right;
}

.mt-vert-cone {
display: block;
position: absolute;
width: 70px;
height: 100%;
background: #101010;
z-index: 2;
left: 130px;
}

.mt-vert-cone::before {
content: '';
position: absolute;
width: 100px;
height: 100%;
background: url(https://i.imgur.com/fucerQL.png) #101010 top no-repeat;
background-size: 55%;
background-position: 36px 51px;
z-index: 2;
left: -130px;
}

.mt-vert-cone::after {
content: '';
position: absolute;
width: 30px;
height: 100%;
background: #101010;
z-index: 2;
left: 130px;
}

#mt-gamers {
position: absolute;
writing-mode: vertical-rl;
text-orientation: upright;
font-family: var(--huehuefont);
letter-spacing: -0.2em;
background: linear-gradient(308deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(255, 0, 0, 1) 48%, rgba(255, 0, 0, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 408%;
background-position-x: right;
width: 65px;
font-weight: bold;
font-size: 15px !important;
z-index: 5;
margin: 29px 134px;
transition: ease-in-out 1s;
}

#mt-gamers:hover {
background-position-x: left;
}

#mt-date-n-place {
position: absolute;
writing-mode: vertical-rl;
text-orientation: upright;
font-family: var(--huehuefont);
letter-spacing: -0.2em;
background: linear-gradient(308deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(255, 0, 0, 1) 48%, rgba(255, 0, 0, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 408%;
background-position-x: right;
width: 65px;
height: 195px;
font-weight: bold;
font-size: 15px !important;
z-index: 5;
margin: 250px 134px;
transition: ease-in-out 1s;
}

#mt-date-n-place:hover {
background-position-x: left;
}

.mt-desc {
background: url(https://i.imgur.com/aXBHXd7.png) #101010a6 no-repeat right;
display: block;
position: absolute;
font-family: 'RadjhaniRu';
color: #e5e5e5;
font-size: 13px;
bottom: 0px;
height: 150px;
overflow: auto;
width: 53%;
line-height: 150%;
top: 300px;
z-index: 1;
padding: 25px 20px 25px 310px;
backdrop-filter: blur(4px);
}

</style>[/html]

[html]<section id='mt-wrapper'>

<p id='mt-gamers'>Name Surname <br> Name Surname <br> Name Surname</p>
<p id='mt-date-n-place'>�� / �� <br> 12 12 2077 </p>

<div class='mt-desc'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel, porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut libero fermentum, non consequat lectus egestas. Aenean nisl urna, finibus a nulla sed, sodales feugiat velit. In vulputate condimentum bibendum. Nulla vehicula vel nisi et vehicula. Cras ut tellus ut felis gravida ullamcorper. Nulla quis quam nec arcu consequat mollis. Phasellus finibus odio non tellus molestie dapibus.<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel, porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut libero fermentum, non consequat lectus egestas. Aenean nisl urna, finibus a nulla sed, sodales feugiat velit. In vulputate condimentum bibendum. Nulla vehicula vel nisi et vehicula. Cras ut tellus ut felis gravida ullamcorper. Nulla quis quam nec arcu consequat mollis. Phasellus finibus odio non tellus molestie dapibus.

</div>

</section>[/html]

EDGEZONE

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

213123123

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

����� � ������� js ����

������ / ������� + ����� ����� � ���� �����

��������� ��������� css

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

����� ����, ����� znak

����������

1111111111111111111111111111111111111111111111111111111111111111111111

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

143254232

���� ����

������� N54 (�����)

������ ����� ��� �54 (� id)

����-�����

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

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

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

�������

����� ���� 2

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

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

������ ����-���

�������������� ���� � ����-�����

��

��

�� js ��

�� / �� + ��

�� css

��

�� , �� znak

��

��

��

�� N54 (��)

�� 54 (� id)

��-��

��

��

��

��

�� 2

��

��

�� -��

�� -��