<style>

/*
​ customization
*/
:root {
--background-color: white;
--background-image: url();
--banner-image: url();
--accent: gray;
}
/*
​ code itself
​
*/
.container,
nav {
width: 100%;
}
.top .right *,
footer a {
color: #00f !important;
}
.center button,
.center label,
.mood b a,
.top .right a:first-child,
.url-info,
nav .links a,
nav .links a:not([title="Notifications"]):hover:after {
font-size: 0px;
}
.table-section,
.url-info {
margin-bottom: 0 !important;
}
.mood b,
.report a,
.section h4,
nav .links a {
text-transform: uppercase;
}
.blog-preview h4,
.f-col,
.friends-grid .person p,
.mood p:last-child {
overflow: hidden;
text-overflow: ellipsis;
}
 .f-col a,
.section h4,
footer a {
text-decoration: underline;
}
::-webkit-scrollbar {
width: 16px;
}
::-webkit-scrollbar:horizontal {
height: 17px;
}
::-webkit-scrollbar-corner {
background: #dfdfdf;
}
::-webkit-scrollbar-track {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2'
fill='none' xmlns='[Link] fill-rule='evenodd'
clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z'
fill='%23fff'/%3E%3C/svg%3E");
}
::-webkit-scrollbar-thumb {
background-color: #dfdfdf;
box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px
2px #dfdfdf;
}
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block;
}
::-webkit-scrollbar-button:vertical:start {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16'
height='17' fill='none' xmlns='[Link] fill-rule='evenodd'
clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z'
fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16
17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd'
d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2
2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8
6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");
height: 17px;
}
::-webkit-scrollbar-button:vertical:end {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16'
height='17' fill='none' xmlns='[Link] fill-rule='evenodd'
clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z'
fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16
17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd'
d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2
2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11
6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");
height: 17px;
}
::-webkit-scrollbar-button:horizontal:start {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16'
height='17' fill='none' xmlns='[Link] fill-rule='evenodd'
clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z'
fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16
17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd'
d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2
2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9
4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");
width: 16px;
}
::-webkit-scrollbar-button:horizontal:end {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16'
height='17' fill='none' xmlns='[Link] fill-rule='evenodd'
clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z'
fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16
17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd'
d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2
2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7
4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");
width: 16px;
}
body::-webkit-scrollbar-corner {
margin-top: 60px;
}
body {
font-family: "MS PGothic";
background: var(--background-color) var(--background-image);
background-attachment: fixed;
}
main {
background: 0 0;
}
nav {
height: 100px;
position: fixed;
z-index: 999;
}
 .col a,
.online {
color: color-mix(in srgb, var(--accent) 50%, #000);
filter: saturate(3);
}
.count,
.friends-grid .person p {
color: color-mix(in srgb, var(--accent) 50%, #000) !important;
filter: saturate(3);
}
.edit-link,
.online img,
.profile-info,
.supporter .icon,
footer p:nth-child(2) {
display: none;
}
.col,
.table-section + .table-section tbody,
.top .left:before,
.url-info::after {
display: block;
}
.top {
height: 50px;
background: #fff !important;
color: #000 !important;
}
.center label::after {
content: "ユーザーを検索する:";
font-size: 12px;
}
.center button::after {
content: "サーチ";
font-size: 12px;
}
.top .right * {
font-size: 12px;
font-family: "MS Pgothic";
text-decoration: underline !important;
}
.contact .heading,
.profile h1 {
color: #fff !important;
text-shadow: 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in
srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 1px 1px
0 color-mix(in srgb, var(--accent) 70%, #000),
 -1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000), -1px 1px 0 color-mix(in srgb,
var(--accent) 70%, #000), 1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000);
}
.top .right a:first-child::after {
content: "ヘルプ";
font-size: 12px;
}
.top .left {
position: relative;
height: fit-content;
margin-top: -10px !important;
}
.top .left:before {
content: "";
position: absolute;
background: var(--accent);
width: 110%;
height: 130%;
top: -10px;
mix-blend-mode: lighten;
z-index: 9999;
opacity: 0.9;
pointer-events: none;
}
.logo-fallback {
filter: drop-shadow(1px 1px 0px black) drop-shadow(1px 0px 0px black)
drop-shadow(0px 1px 0px black) drop-shadow(-1px -1px 0px black) drop-shadow(1px -1px
0px black) drop-shadow(-1px 1px 0px black);
}
.links {
text-align: center;
}
.col {
width: 100% !important;
background: #fff;
border-left: 1px solid #000;
}
.row {
top: 65px;
width: 75%;
position: absolute;
right: 0;
}
.general-about,
.mood,
.profile h1 {
position: fixed;
left: 1%;
}
.profile h1 {
top: 90px;
background: #fff;
width: 23%;
padding-inline: 10px;
padding-bottom: 3px;
border-radius: 10px 10px 0 0;
background: var(--accent);
box-shadow: 0 -8px 3px 3px rgba(255, 255, 255, 0.5) inset;
border: 1px solid #000;
border-bottom: 0;
}
.general-about,
footer {
width: 23%;
border: 1px solid #000;
background: #fff;
}
.general-about {
top: 115px;
padding: 5px 5px 40px;
height: 250px;
}
.blog-preview h4,
.blog-preview p,
.inner > p,
.mood {
padding-inline: 5px;
}
.mood {
top: 310px;
width: 21% !important;
left: 2vw;
border-top: 1px dashed var(--accent);
padding-top: 5px;
}
.contact,
footer {
position: fixed;
left: 1%;
}
.mood p:last-child {
white-space: nowrap;
}
.contact {
width: 23% !important;
top: 365px;
 border: 0 !important;
}
#comments,
.blog-preview,
.url-info {
position: relative;
}
footer {
top: 520px;
padding: 2px 0;
}
.profile-pic .pfp-fallback {
border: 1px solid gray;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.profile-pic {
width: 11vw;
height: 11vw !important;
}
.details {
text-align: right;
margin-right: 10px;
}
.mood b {
font-weight: 400;
}
footer .links,
footer p {
margin: 0;
}
footer p:first-child {
width: 100px;
display: inline-block;
vertical-align: top;
}
footer p:first-child::after {
content: "Disclaimer: This is a fan-based project and is not affiliated with MySpace® in
any way. 'インターウェブ' layout by .../coedcaine";
display: block;
}
/* AD Replacement - below profile/footer/credits */
footer::before {
content: "";
display: inline-block;
width: 175px;
height: 100px;
 background: url([Link] 0 0 / contain;
margin-right: 10px;
cursor: pointer;
}
.blog-preview h4,
nav .links a {
padding-top: 3px;
background: var(--accent);
white-space: nowrap;
}
.contact .heading {
background: #fff;
border-radius: 8px 8px 0 0;
background: var(--accent) !important;
box-shadow: 0 -4px 3px 3px rgba(255, 255, 255, 0.5) inset;
border: 1px solid #000;
border-bottom: 0;
}
.contact .inner {
background: #fff;
border: 1px solid #000;
height: 120px;
}
.url-info::before {
content: "いらっしゃいませ！";
font-size: 35px;
color: #fff;
text-shadow: var(--accent) 3px 0 0, var(--accent) 2.83487px 0.981584px 0,
var(--accent) 2.35766px 1.85511px 0, var(--accent) 1.62091px 2.52441px 0, var(--accent)
0.705713px 2.91581px 0, var(--accent) -0.287171px 2.98622px 0,
var(--accent) -1.24844px 2.72789px 0, var(--accent) -2.07227px 2.16926px 0,
var(--accent) -2.66798px 1.37182px 0, var(--accent) -2.96998px 0.42336px 0, var(--accent)
-2.94502px -0.571704px 0,
var(--accent) -2.59586px -1.50383px 0, var(--accent) -1.96093px -2.27041px 0,
var(--accent) -1.11013px -2.78704px 0, var(--accent) -0.137119px -2.99686px 0,
var(--accent) 0.850987px -2.87677px 0,
var(--accent) 1.74541px -2.43999px 0, var(--accent) 2.44769px -1.73459px 0,
var(--accent) 2.88051px -0.838247px 0;
}
.url-info {
background: #fff var(--banner-image);
background-size: cover;
background-position: center;
height: 200px;
grid-column: span 3;
image-rendering: pixelated;
border: 1px solid #000 !important;
width: calc(100% - 210px) !important;
 }
#comments,
.blurbs,
.table-section:not(.table-section + .table-section) {
grid-column: span 2;
}
/* AD replacement - After banner */
.url-info::after {
content: "";
width: 200px;
height: 197px;
background: url("[Link] center/cover
no-repeat;
position: absolute;
left: calc(100% + 10px);
top: 0;
border: 1px solid #000;
cursor: pointer;
}
.table-section + .table-section tr {
margin-bottom: 5px;
}
.table-section + .table-section td:first-child p {
pointer-events: none;
text-align: left;
}
.table-section + .table-section td:first-child a {
color: color-mix(in srgb, var(--accent) 80%, #000) !important;
filter: saturate(1) !important;
}
.table-section + .table-section td:last-child p {
white-space: nowrap;
max-width: 125px;
overflow: hidden;
text-overflow: ellipsis;
}
.table-section + .table-section td {
height: 20px !important;
}
.table-section a img {
border: 1px solid gray;
border-radius: 4px;
filter: saturate(5);
}
.table-section {
width: 100% !important;
display: inline-block;
background: #fff;
 border: 0 !important;
max-height: 320px;
}
.table-section .heading {
background: #fff;
border-radius: 10px 10px 0 0;
background: var(--accent) !important;
box-shadow: 0 -3px 3px 3px rgba(255, 255, 255, 0.5) inset;
border: 1px solid #000;
border-bottom: 0;
color: #fff !important;
text-shadow: 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in
srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 1px 1px
0 color-mix(in srgb, var(--accent) 70%, #000),
-1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000), -1px 1px 0 color-mix(in srgb,
var(--accent) 70%, #000), 1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000);
}
.blog-preview h4,
.blurbs .heading,
.friends .heading,
nav .links a {
box-shadow: 0 -2px 2px 3px rgba(255, 255, 255, 0.5) inset;
color: #fff !important;
text-shadow: 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in
srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 1px 1px
0 color-mix(in srgb, var(--accent) 70%, #000),
-1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000), -1px 1px 0 color-mix(in srgb,
var(--accent) 70%, #000), 1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000);
}
.table-section .inner {
border: 1px solid #000;
height: calc(100% - 20px);
overflow-y: auto;
text-align: right;
}
.table-section td:first-child {
background: linear-gradient(color-mix(in srgb, var(--accent) 40%, #fff 50%), #fff 100%);
height: 20px;
}
.table-section td:first-child p {
color: color-mix(in srgb, var(--accent) 80%, #000);
text-decoration: underline;
font-weight: 400;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
}
.table-section td:last-child {
height: calc(100% - 20px);
background: #fff;
}
.table-section tbody {
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr;
gap: 5px;
}
.table-section tr {
display: block;
width: 100%;
border: 1px solid color-mix(in srgb, var(--accent) 50%, #000);
}
.table-section td {
display: block;
width: 100% !important;
}
.[Link] {
display: grid;
grid-template-columns: repeat(2, 1fr) 15%;
grid-column-gap: 10px;
padding-bottom: 0;
}
.[Link] {
display: grid;
padding-top: 10px;
grid-template-columns: 240px calc(100% - 240px);
grid-column-gap: 5px;
}
#comments::after,
.blog-preview::after {
content: "";
display: block;
position: absolute;
cursor: pointer;
}
.blog-preview h4 {
border-radius: 10px 10px 0 0;
border: 1px solid #000;
position: absolute;
width: calc(100% + 2px);
left: -1px;
top: -1px;
margin: 0 !important;
}
.blog-preview {
 order: 1;
width: 236px;
background: #fff;
height: calc(100% - 70px);
border: 1px solid #000;
padding-top: 20px;
border-radius: 20px 20px 0 0;
}
/* AD Replacement - below blog */
.blog-preview::after {
background: url([Link] center/cover
no-repeat;
border: 1px solid #000;
width: 234px;
height: 60px;
bottom: -74px;
}
.friends:not(#comments) {
order: 2;
height: 290px;
}
#comments,
.blurbs {
order: 3;
}
#comments {
order: 4;
width: calc(100% - 147px);
height: 530px;
}
.friends:not(#comments) .inner {
height: calc(100% - 20px);
padding: 0;
overflow-y: auto;
}
.friends-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: -2px;
}
.friends-grid .person {
margin: auto auto 5px;
padding: 0 !important;
}
.friends-grid .person p {
margin: 2px 0;
width: 100%;
height: 14px;
 white-space: nowrap;
}
.friends-grid .person .pfp-fallback {
border: 1px solid gray;
height: 100px !important;
width: 100px !important;
object-fit: cover;
}
.inner > p {
position: sticky;
top: 0;
background: #fff;
width: 100%;
z-index: 1;
border-bottom: 1px solid gray;
font-size: 12px;
}
.inner > p b {
font-weight: 400 !important;
}
.blurbs .heading,
.friends .heading {
border-radius: 10px 10px 0 0;
background: var(--accent) !important;
border: 1px solid #000;
margin: 0 !important;
font-weight: 400;
}
.blurbs .inner,
.friends .inner {
border: 1px solid #000;
border-top: 0;
}
.section h4 {
color: color-mix(in srgb, var(--accent) 80%, #000) !important;
font-weight: 400;
font-size: 11px;
letter-spacing: 1px;
text-align: left;
}
.section:first-child {
border-bottom: 1px dashed var(--accent);
}
.blurbs {
margin-block: 10px !important;
}
#comments .inner {
height: calc(100% - 22px);
 padding: 0;
overflow-y: auto;
}
/* AD Replacement - Next to comments */
#comments::after {
top: -8px;
right: -147px;
width: 137px;
height: 528px;
margin-top: 10px;
border: 1px solid #000;
background:
url([Link] 0 0 /
cover;
}
.comments-table {
border-collapse: collapse;
width: calc(100% - 20px) !important;
margin: 10px;
}
.comments-table tr {
border: 1px solid var(--accent);
}
.comments-table td:first-child {
width: 10%;
}
.comments-table td {
background: linear-gradient(color-mix(in srgb, var(--accent) 50%, #fff) 0, #fff 10%)
!important;
}
.comments-table .pfp-fallback {
border: 1px solid gray;
}
.comments-table b,
.comments-table small {
font-weight: 400 !important;
font-size: 10px;
color: color-mix(in srgb, var(--accent) 80%, #000);
letter-spacing: 1px;
}
.contact a,
.table-section td:first-child {
white-space: nowrap;
}
[title="Notifications"] {
font-size: 12px !important;
display: inline-block !important;
margin-bottom: -1px;
 margin-right: 10px;
transform: translateY(0) !important;
}
[title="Notifications"]:after {
content: "|";
display: inline-block;
text-shadow: none;
color: #000;
transform: translate(35px, 2px);
line-height: 10px;
}
nav .links {
padding-inline: 0px !important;
padding-bottom: 0 !important;
padding-top: 5px !important;
border-bottom: 2px solid #000;
background: #fff;
margin-top: -8px;
}
nav .links a {
width: 75px;
border-radius: 10px 10px 0 0;
border: 1px solid #000;
transform: translateY(1px);
margin-top: 2px;
display: inline-block;
font-family: SimSun;
font-weight: 400 !important;
text-decoration: none !important;
}
/* START OF JAPANESE TRANSLATION , IF YOU WANT ENGLISH !!DELETE
EVERYTHING!! BELOW THIS LINE UNTIL THE "END OF JAPANESE TRANSLATION"
LINE */
.blog-preview h4,
.f-col a,
.heading h4,
footer .links a {
font-size: 0px;
text-transform: uppercase;
font-weight: 400;
}
nav .links a:after,
nav .links a:hover {
font-size: 14px;
}
nav .links li:first-child a:not([title="Notifications"]):after {
content: "家";
}
nav .links li:nth-child(2) a:after {
content: "ブラウズ";
}
nav .links li:nth-child(3) a:after {
content: "サーチ";
}
nav .links li:nth-child(4) a:after {
content: "メッセージ";
}
nav .links li:nth-child(5) a:after {
content: "ブログ";
}
nav .links li:nth-child(6) a:after {
content: "速報";
}
nav .links li:nth-child(7) a:after {
content: "フォーラム";
}
nav .links li:nth-child(8) a:after {
content: "グループ";
}
nav .links li:nth-child(9) a:after {
content: "レイアウト";
}
nav .links li:nth-child(10) a:after {
content: "お気に入り";
}
nav .links li:nth-child(11) a:after {
content: "招く";
}
nav .links li:nth-child(12) a:after {
content: "ショップ";
}
nav .links li:nth-child(13) a:after {
content: "について";
}
nav .links li:nth-child(14) a:after {
content: "アート";
}
:is(.heading h4, .blog-preview h4):hover {
font-size: 14px;
}
:is(.heading h4, .blog-preview h4):hover:after {
font-size: 0px !important;
}
.contact .heading h4:after {
font-size: 14px;
content: "コンタクト";
}
.table-section:not(.table-section + .table-section) .heading h4:after {
font-size: 14px;
content: "好き";
}
.table-section + .table-section .heading h4:after {
font-size: 14px;
content: "リンクス";
}
.blog-preview h4:after {
font-size: 14px;
content: "ブログ投稿";
}
.blurbs .heading h4:after {
font-size: 14px;
content: "について";
}
.friends:not(#comments) .heading h4:after {
font-size: 14px;
content: "友達";
}
#comments .heading h4:after {
font-size: 14px;
content: "コメント";
}
.f-col a:hover,
.mood b a:hover,
footer .links a:hover {
font-size: 11px;
}
.f-col a:hover:after,
.mood b a:hover:after,
footer .links a:hover:after {
font-size: 0px !important;
}
.f-row:first-child .f-col:first-child a:after {
font-size: 14px;
content: "友人を追加する";
}
.f-row:first-child .f-col:last-child a:after {
font-size: 14px;
content: "お気に入りを追加";
}
.f-row:nth-child(2) .f-col:first-child a:after {
font-size: 14px;
content: "メッセージを送る";
}
.f-row:nth-child(2) .f-col:last-child a:after {
 font-size: 14px;
content: "友人に転送";
}
.f-row:nth-child(3) .f-col:first-child a:after {
font-size: 12px;
content: "インスタント・メッセージ";
}
.f-row:nth-child(3) .f-col:last-child a:after {
font-size: 12px;
content: "ユーザーをブロックする";
}
.f-row:nth-child(4) .f-col:first-child a:after {
font-size: 12px;
content: "グループに追加する";
}
.f-row:nth-child(4) .f-col:last-child a:after {
font-size: 14px;
content: "レポートユーザー";
}
footer .links li:first-child a:after {
font-size: 9px;
content: "について";
}
footer .links li:nth-child(2) a:after {
font-size: 9px;
content: "ニュース";
}
footer .links li:nth-child(3) a:after {
font-size: 9px;
content: "ルール";
}
footer .links li:nth-child(4) a:after {
font-size: 9px;
content: "プレス";
}
footer .links li:nth-child(5) a:after {
font-size: 9px;
content: "ブランド";
}
footer .links li:nth-child(6) a:after {
font-size: 9px;
content: "クレジット";
}
footer .links li:nth-child(8) a:after {
font-size: 9px;
content: "条項";
}
footer .links li:nth-child(9) a:after {
 font-size: 9px;
content: "プライバシー";
}
footer .links li:nth-child(10) a:after {
font-size: 9px;
content: "刻印";
}
footer .links li:nth-child(11) a:after {
font-size: 9px;
content: "コンタクト";
}
footer .links li:nth-child(12) a:after {
font-size: 9px;
content: "宣伝する";
}
footer .links li:nth-child(13) a:after {
font-size: 9px;
content: "状態";
}
footer .links li:nth-child(14) a:after {
font-size: 9px;
content: "SpaceHey ショップ";
}
.mood b a:first-child:after {
font-size: 12px;
content: "ブログ";
}
.mood b a:nth-child(2):after {
font-size: 12px;
content: "速報";
}
.mood b a:last-child:after {
font-size: 12px;
content: "フォーラム";
}
/* END OF JAPANESE TRANSLATION , DO NOT DELETE BELOW */
.f-col a :first-child {
font-size: 13px;
margin-right: 5px;
}
.f-col a {
color: #00f;
}
footer .links {
height: 25px;
}
.more {
color: #fff !important;
 text-transform: uppercase;
text-shadow: 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in
srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 1px 1px
0 color-mix(in srgb, var(--accent) 70%, #000),
-1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000), -1px 1px 0 color-mix(in srgb,
var(--accent) 70%, #000), 1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000);
filter: saturate(1) !important;
}
@media only screen and (max-width: 800px) {
.[Link],
.[Link],
.row {
border: 0 !important;
}
.general-about .profile-pic {
width: 40% !important;
height: 100% !important;
}
.general-about .profile-pic img {
max-height: 100% !important;
max-width: 100% !important;
}
nav .links {
margin-top: 22px;
}
nav {
background: #fff;
}
.profile h1 {
margin-bottom: 0 !important;
}
.contact,
.general-about,
.mood,
span h1 {
display: block !important;
position: static !important;
width: 100% !important;
}
footer,
footer * {
width: 0;
height: 0;
opacity: 0 !important;
pointer-events: none;
}
.[Link] {
display: block;
 }
.row {
width: 100%;
}
footer::before {
display: none !important;
}
nav {
position: relative !important;
}
.profile {
margin-top: 80px !important;
}
}
</style>

<style>
:root {
--background-color: #eb5d46;
--background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px,
rgba(255,255,255,.5) 70px);
--banner-image:
url([Link]
[Link]);
--accent: #bf1c02;}
</style>

[Link]