[html]
<style>
/* =====================================================
ALICE IN WONDERLAND
===================================================== */
.oct-vhs {
position:relative;
width:100%;
max-width:1000px;
margin:0 auto;
padding:35px 30px 38px;
box-sizing:border-box;
overflow:hidden;
background:
radial-gradient(ellipse at 15% 10%, rgba(255,255,255,.95), transparent 35%),
radial-gradient(ellipse at 90% 85%, rgba(205,218,216,.35), transparent 35%),
#e9e8e1;
border:1px solid #c4c8bf;
outline:5px solid #f4f1e9;
box-shadow:0 0 0 6px #cbd0c9, 0 15px 35px rgba(65,75,70,.15);
color:#444b49;
font-family:Georgia,serif;
}
/* PAPER DECORATION */
.oct-vhs:before {
content:"";
position:absolute;
inset:10px;
border:1px solid rgba(139,153,145,.45);
pointer-events:none;
z-index:1;
}
.oct-vhs:after {
content:"";
position:absolute;
inset:17px;
border:1px dashed rgba(157,166,157,.35);
pointer-events:none;
z-index:1;
}
/* DECORATIVE CARDS */
.oct-vhs-rec,
.oct-vhs-date,
.oct-vhs-logo {
position:absolute;
z-index:4;
}
.oct-vhs-rec {
top:28px;
left:35px;
color:#8c5559;
font-size:23px;
transform:rotate(-12deg);
}
.oct-vhs-date {
top:29px;
right:35px;
color:#788d8a;
font-size:10px;
line-height:170%;
letter-spacing:2px;
text-align:right;
}
.oct-vhs-logo {
top:95px;
right:38px;
padding:8px 12px;
background:#f7f4eb;
border:1px solid #c5bfb0;
color:#8c5559;
font-size:11px;
letter-spacing:2px;
transform:rotate(7deg);
box-shadow:3px 4px 0 rgba(110,115,105,.12);
}
/* SUITS AND DECORATIONS */
.oct-leaf {
position:absolute;
z-index:2;
font-family:Georgia,serif;
font-size:29px;
opacity:.65;
}
.oct-leaf-1 {
top:130px;
left:30px;
color:#9a5b61;
transform:rotate(-15deg);
}
.oct-leaf-2 {
right:32px;
bottom:95px;
color:#718c83;
transform:rotate(12deg);
}
.oct-leaf-3 {
left:25px;
bottom:25px;
color:#9a5b61;
transform:rotate(-10deg);
}
.oct-scribble {
position:absolute;
z-index:2;
color:#8b6265;
font-family:Georgia,serif;
font-style:italic;
font-size:13px;
line-height:145%;
letter-spacing:1px;
opacity:.8;
}
.oct-scribble-left {
left:22px;
top:470px;
transform:rotate(-8deg);
}
.oct-scribble-right {
right:22px;
top:530px;
transform:rotate(8deg);
}
/* HEADER */
.oct-header {
position:relative;
padding-top:65px;
text-align:center;
z-index:5;
}
.oct-title {
color:#596f6b;
font-family:Georgia,serif;
font-size:36px;
font-weight:normal;
letter-spacing:3px;
text-transform:uppercase;
text-shadow:2px 3px 0 #d5d9d0;
}
.oct-subtitle {
margin-top:10px;
color:#9a666b;
font-size:10px;
letter-spacing:6px;
}
/* TAGS */
.oct-tags {
margin-top:23px;
}
.oct-tag {
display:inline-block;
margin:5px;
padding:8px 18px;
background:#dce5df;
border:1px solid #b7c8bf;
color:#566c65!important;
font-size:10px;
letter-spacing:1px;
text-decoration:none;
box-shadow:2px 3px 0 rgba(95,115,105,.12);
transform:rotate(-2deg);
}
.oct-tag:nth-child(2) {
background:#eee1df;
border-color:#d4b9b7;
color:#8d6265!important;
transform:rotate(2deg);
}
.oct-tag:nth-child(3) {
background:#e8e5d9;
border-color:#cbc6b4;
color:#77745e!important;
transform:rotate(-1deg);
}
.oct-tag:hover {
background:#fff;
color:#8b555b!important;
}
/* STORY LINK */
.oct-story {
display:block;
width:max-content;
max-width:85%;
margin:28px auto 34px;
padding:14px 38px;
background:#829a91;
border:1px solid #6f887e;
color:#fff!important;
font-family:Georgia,serif;
font-size:16px;
letter-spacing:4px;
text-decoration:none;
box-shadow:4px 5px 0 rgba(89,111,101,.15);
transform:rotate(-1deg);
}
.oct-story:hover {
background:#9b6e72;
border-color:#8d6265;
color:#fff!important;
transform:rotate(0deg);
}
/* RULES */
.oct-rules {
position:relative;
max-width:88%;
margin:25px auto 30px;
padding:22px 27px;
background:
repeating-linear-gradient(
to bottom,
transparent 0,
transparent 27px,
rgba(130,145,133,.12) 28px
),
#f7f5ed;
border:1px solid #c9cbbd;
color:#626b65;
font-family:Georgia,serif;
font-size:11px;
line-height:190%;
box-shadow:4px 5px 0 rgba(100,115,105,.1);
z-index:5;
}
.oct-rules:before {
content:"THE RULES";
position:absolute;
top:-12px;
right:18px;
padding:5px 12px;
background:#a7b9ad;
border:1px solid #91a69a;
color:#fff;
font-size:9px;
letter-spacing:2px;
transform:rotate(3deg);
}
/* DIVIDER */
.oct-divider {
height:1px;
margin:30px 0;
background:#c2c9be;
position:relative;
z-index:4;
}
.oct-divider:before {
content:"♠ ♡ ♣ ♢";
position:absolute;
left:50%;
top:-12px;
padding:0 15px;
background:#e9e8e1;
color:#a16c70;
font-size:16px;
letter-spacing:5px;
transform:translateX(-50%);
}
/* COLUMNS */
.oct-columns {
display:flex;
gap:20px;
position:relative;
z-index:5;
}
.oct-column {
width:50%;
box-sizing:border-box;
padding:18px;
background:
linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.75)),
#e2e5dc;
border:1px solid #c3cbbf;
box-shadow:4px 5px 0 rgba(100,115,105,.12);
min-height:280px;
max-height:235px;
overflow-y:auto;
}
/* COLUMN TITLES */
.oct-column-title {
margin:-3px auto 18px;
padding:12px 8px;
background:#dce5df;
border:1px solid #bdcfc3;
color:#60766e;
font-family:Georgia,serif;
font-size:19px;
font-weight:normal;
letter-spacing:4px;
text-align:center;
box-shadow:2px 3px 0 rgba(100,115,105,.1);
}
.oct-column:nth-child(2) .oct-column-title {
background:#eee2df;
border-color:#d8c0bd;
color:#96696c;
}
/* TICKETS */
.oct-ticket {
position:relative;
margin-bottom:10px;
padding:10px 12px;
background:#f7f4eb;
border:1px solid #d8d4c7;
border-left:4px solid #9aafa2;
color:#656963;
font-size:10px;
line-height:155%;
box-shadow:2px 3px 0 rgba(100,110,100,.08);
}
.oct-ticket:nth-child(even) {
transform:rotate(.25deg);
}
.oct-ticket:nth-child(odd) {
transform:rotate(-.25deg);
}
.oct-ticket:after {
content:"";
position:absolute;
top:50%;
right:9px;
width:5px;
height:5px;
border-radius:50%;
background:#d2c9b8;
}
.oct-ticket a {
color:#657a70!important;
text-decoration:none;
font-weight:bold;
}
.oct-ticket a:hover {
color:#a16b70!important;
}
/* FOOTER */
.oct-footer {
position:relative;
z-index:5;
margin-top:28px;
text-align:center;
color:#8b9990;
font-size:9px;
letter-spacing:3px;
}
/* SCROLLBAR */
.oct-column::-webkit-scrollbar {
width:5px;
}
.oct-column::-webkit-scrollbar-track {
background:#e6e8e0;
}
.oct-column::-webkit-scrollbar-thumb {
background:#b4c3b8;
}
/* MOBILE */
@media(max-width:650px) {
.oct-vhs {
padding:20px 13px 25px;
}
.oct-title {
font-size:23px;
letter-spacing:2px;
}
.oct-subtitle {
font-size:8px;
letter-spacing:3px;
}
.oct-columns {
display:block;
}
.oct-column {
width:100%;
margin-bottom:18px;
max-height:235px;
}
.oct-story {
font-size:12px;
padding:12px 23px;
}
.oct-vhs-logo {
top:75px;
right:20px;
}
.oct-scribble {
display:none;
}
}
</style>
<div class="oct-vhs">
<div class="oct-vhs-rec">♠</div>
<div class="oct-vhs-date">
DOWN THE RABBIT HOLE<br>
A CURIOUS LITTLE WORLD<br>
♡ ♧ ♢
</div>
<div class="oct-vhs-logo">
WONDERLAND
</div>
<div class="oct-leaf oct-leaf-1">♛</div>
<div class="oct-leaf oct-leaf-2">♡</div>
<div class="oct-leaf oct-leaf-3">♧</div>
<div class="oct-scribble oct-scribble-left">
we're all<br>
mad here...
</div>
<div class="oct-scribble oct-scribble-right">
don't be<br>
late, dear!
</div>
<div class="oct-header">
<div class="oct-title">
✦ OCTOBER IN SEOUL ✦
</div>
<div class="oct-subtitle">
A CURIOUS JOURNEY THROUGH WONDERLAND
</div>
<div class="oct-tags">
<a class="oct-tag"
href="https://souldreamate.f-rpg.me/profile.php?id=56">
демон-они
</a>
<a class="oct-tag"
href="https://souldreamate.f-rpg.me/profile.php?id=4">
бакэнэко
</a>
<a class="oct-tag"
href="https://souldreamate.f-rpg.me/profile.php?id=3">
кицунэ
</a>
</div>
<a class="oct-story"
href="https://souldreamate.f-rpg.me/viewtopic.php?id=1186">
✦ СОУЛМЕЙТЫ ✦
</a>
</div>
<div class="oct-rules">
☀ внешность держится: сутки / 3 дня<br>
☁ без кода — не бронируем<br>
🛫 обновление в полночь (мск)<br>
🌤 все даты включительно
</div>
<div class="oct-divider"></div>
<div class="oct-columns">
<!-- GIRLS -->
<div class="oct-column">
<div class="oct-column-title">
♡ GIRLS ♡
</div>
<div class="oct-ticket">
<a href="ссылка">
[группа] — имя
</a> — 00.00
</div>
</div>
<!-- BOYS -->
<div class="oct-column">
<div class="oct-column-title">
♠ BOYS ♠
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53&p=2#p184568">
[skz] - seo changbin
</a> - 10.11
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p123007">
[&team] - hirota riki
</a> по заявке - 10.11
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133">
[the boyz] - sohn youngjae
</a> по заявке- 10.11
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133">
[nct dream] - lee jeno
</a> по заявке - 10.11
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/profile.php?id=7">
[seventeen] — yoon jeonghan
</a> — по заявке 10.11
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/profile.php?id=7">
[seventeen] — choi seungcheol
</a> по заявке — 13.11
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/profile.php?id=10">
[monsta x] - lee jooheon
</a> по заявке - 26.11
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/">
[skz] - bang chan
</a> по заявке - 24.11
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53&p=2#p172241">
[zerobaseone] - kim jiwoong
</a> по заявке - 26.11
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53&p=2#p216719">
[enhypen] по заявке - park sunghoon
</a> - 29.11
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53&p=2#p234491">
[p1harmony] по заявке - hwang intak
</a> - 07.12
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53&p=2#p233480">
[txt] по заявке - choi soobin
</a> - 07.12
</div>
<div class="oct-ticket">
<a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p123007">
[p1harmony] - yoon keeho
</a> - бессрочно
</div>
</div>
</div>
<div class="oct-footer">
♡ DRINK ME · EAT ME · FOLLOW THE WHITE RABBIT ♡
</div>
</div>
[/html]
[hideprofile]
<div class="oct-ticket"><a href="ссылка">[группа] — имя</a> — 00.00</div>



































