Here is my layout bc I wanna figure out a new oe that looks good on mobile now that we have an spacehey app!
<!-- (c) Layout created by idioteque (https://layouts.spacehey.com/layout?id=83881) -->
<style>
/*
customization
*/
:root {
--background-color: gray;
--background-image: url();
--banner-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/11cecc5a-0213-4c50-93a1-ea874a585793/dfgrmsk-0feaf343-50da-4882-9e0c-e73cfbc92da6.png/v1/fit/w_786,h_660,q_70,strp/monster_x3_by_xxsilentprincessxx_dfgrmsk-414w-2x.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NjYwIiwicGF0aCI6IlwvZlwvMTFjZWNjNWEtMDIxMy00YzUwLTkzYTEtZWE4NzRhNTg1NzkzXC9kZmdybXNrLTBmZWFmMzQzLTUwZGEtNDg4Mi05ZTBjLWU3M2NmYmM5MmRhNi5wbmciLCJ3aWR0aCI6Ijw9Nzg2In1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.CUkBbv7JSx06bP8GguzZPXorOGjgyVSDVgHL1Frgq4k);
--accent: #5b5b5b;
}
/*
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='http://www.w3.org/2000/svg'%3E%3Cpath 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='http://www.w3.org/2000/svg'%3E%3Cpath 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='http://www.w3.org/2000/svg'%3E%3Cpath 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='http://www.w3.org/2000/svg'%3E%3Cpath 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='http://www.w3.org/2000/svg'%3E%3Cpath 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);
}
.count,
.friends-grid .person p {
color: color-mix(in srgb, var(--accent) 50%, #000) !important;
}
.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;
}
.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;
}
footer::before {
content: "";
display: inline-block;
width: 175px;
height: 100px;
background: url(https://64.media.tumblr.com/3907a48d92207ca18e63c7f81e7eec61/319d69c8efdbc124-60/s2048x3072/f350d617cdcc7b2ae24e5243e01ff2968239e4bd.jpg) 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: "Vampires love Sappho";
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;
}
.url-info::after {
content: "";
width: 200px;
height: 197px;
background: url("https://c.tenor.com/r4cHUFDJ9n4AAAAC/gamzee-homestuck.gif") 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;
}
.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; }
.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;
}
.col.left {
display: grid;
grid-template-columns: repeat(2, 1fr) 15%;
grid-column-gap: 10px;
padding-bottom: 0;
}
.col.right {
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;
}
.blog-preview::after {
background: url(https://yume.wiki/images/2/20/KikiyamaHP_Thumb.png) 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;
}
#comments::after {
top: -8px;
right: -147px;
width: 137px;
height: 528px;
margin-top: 10px;
border: 1px solid #000;
background: url(https://64.media.tumblr.com/ade8d5ad0d2cbe855f6836867c673e3f/17566e93b1de1e4e-0a/s400x600/dab3ca7ed15dc563b7a70a8ac6f7f54bafb88157.pnj) 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;
}
.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: "Home-stuck";
}
nav .links li:nth-child(2) a:after {
content: "Browse";
}
nav .links li:nth-child(3) a:after {
content: "Search";
}
nav .links li:nth-child(4) a:after {
content: "Messages";
}
nav .links li:nth-child(5) a:after {
content: "Blogs";
}
nav .links li:nth-child(6) a:after {
content: "Bulletins";
}
nav .links li:nth-child(7) a:after {
content: "Forums";
}
nav .links li:nth-child(8) a:after {
content: "Group";
}
nav .links li:nth-child(9) a:after {
content: "Layouts";
}
nav .links li:nth-child(10) a:after {
content: "Favourites";
}
nav .links li:nth-child(11) a:after {
content: "Invite";
}
nav .links li:nth-child(12) a:after {
content: "Shop";
}
nav .links li:nth-child(13) a:after {
content: "Info";
}
nav .links li:nth-child(14) a:after {
content: "Art";
}
: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: "ссылки";
}
.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);
}
.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 :first-child {
font-size: 13px;
margin-right: 5px;
}
.f-col a {
color: #00f;
}
.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: "Let's be friens!";
}
.f-row:first-child .f-col:last-child a:after {
font-size: 14px;
content: "I'm your fave!?";
}
.f-row:nth-child(2) .f-col:first-child a:after {
font-size: 14px;
content: "Let's talk!";
}
.f-row:nth-child(2) .f-col:last-child a:after {
font-size: 14px;
content: "Share me!";
}
.f-row:nth-child(3) .f-col:first-child a:after {
font-size: 12px;
content: "Talk to me!!!";
}
.f-row:nth-child(3) .f-col:last-child a:after {
font-size: 12px;
content: "Don't block me :(";
}
.f-row:nth-child(4) .f-col:first-child a:after {
font-size: 12px;
content: "Add to group";
}
.f-row:nth-child(4) .f-col:last-child a:after {
font-size: 14px;
content: "Report";
}
footer .links {
height: 25px;
}
footer .links li:first-child a:after {
font-size: 9px;
content: "About";
}
footer .links li:nth-child(2) a:after {
font-size: 9px;
content: "News";
}
footer .links li:nth-child(3) a:after {
font-size: 9px;
content: "Rules";
}
footer .links li:nth-child(4) a:after {
font-size: 9px;
content: "Press";
}
footer .links li:nth-child(5) a:after {
font-size: 9px;
content: "Brand";
}
footer .links li:nth-child(6) a:after {
font-size: 9px;
content: "Credits";
}
footer .links li:nth-child(8) a:after {
font-size: 9px;
content: "Clause";
}
footer .links li:nth-child(9) a:after {
font-size: 9px;
content: "Privacy";
}
footer .links li:nth-child(10) a:after {
font-size: 9px;
content: "Engraving";
}
footer .links li:nth-child(11) a:after {
font-size: 9px;
content: "Contact";
}
footer .links li:nth-child(12) a:after {
font-size: 9px;
content: "Ads";
}
footer .links li:nth-child(13) a:after {
font-size: 9px;
content: "Conditions";
}
footer .links li:nth-child(14) a:after {
font-size: 9px;
content: "SpaceHey Shop";
}
.mood b a:first-child:after {
font-size: 12px;
content: "Blog";
}
.mood b a:nth-child(2):after {
font-size: 12px;
content: "Bulletin";
}
.mood b a:last-child:after {
font-size: 12px;
content: "Forums";
}
</style>
<style>
li.active .icon { content:url('https://64.media.tumblr.com/fb30057ab117cc4f2a4efffeb54bf16b/3f5f313b5e4657ad-e2/s75x75_c1/72eb8f9a69c31a9a613ebc0c4e21cf889e0ffc67.pnj'); width: 20px;height: auto;}
</style>
<div style="float: ; max-height: 300px; position: fixed; left: 0px; bottom: 1px; z-index: 200;">
<img src="https://64.media.tumblr.com/c3c6b779dddd63f9e88927ce10d0b5cc/fae1d172bb117dc1-0b/s100x200/01b833673a742b22f7c7e92b53e1cadb2498ed43.gifv" width="100" height="200"/></div>
<!-- EVANS BLORBOS -->
<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani970.ani), url(https://cur.cursors-4u.net/anime/ani-10/ani970.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/11/11/hello-kitty-eyes-shut.html" target="_blank" title="Hello Kitty Eyes Shut"><img src="https://cur.cursors-4u.net/cursor.png" alt="Hello Kitty Eyes Shut" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
.mood:after{
content: " ";
display:block;
background-image:url('');
height:200px;
background-repeat:no-repeat;
background-position:center;
background-size: 230px;
margin-bottom: 10px;
}
.online{
content:url(https://64.media.tumblr.com/27e9191abf6c9ecfcedfa6f012c60351/286321d930b41110-f4/s100x200/c1463790b55eed3d07ff34fc46c5f648efa7e102.gifv);
}
nav .top .left .logo{
content: url(https://media.discordapp.net/attachments/857624184989679626/1106952619576000602/450_Sem_Titulo_20230513113402.png);
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )