Facktura

Last active:
1787710649

Mood: Profile in process

View my: Blog | Forum Topics

Contacting Facktura

Add to Friends

Add to Favorites

Send Message

Forward to Friend

Instant Message

Block User

Add to Group

Report User

SpaceHey URL:

https://spacehey.com/f4cktur4

Facktura's Interests

General	I like IT, anything that distracts me from thinking is welcome in this world. I'm a limited artist due to a skill issue; i like to draw, sing, edit images and videos. Audio editing isn't my strong suit.Oh, of course, i love videogames, like shooters (cs, valorant) or cozy games (house flipper) and some horror ones like Fears to Fathom, Phasmophobia, job simulator.
Music	Currently, i'm delving deeper into the worlds of metalcore and nu metal. A classic indie girl, yeah, i like arctic monkeys and the neighbourhood too. I like alternative rock, i sing along to pop, and i can't complain about cumbia and Latin reggaeton. The only thing i can't stand is that ultra-underground trap that only talks about prostitutes and drugs, unless it's the Tussiwarriors.
Movies	I'm not a huge movie fan, but I quite liked K-pop Demon Hunter and I enjoy Studio Ghibli films. Blade Runner 2049 is peak. Tim burton lover.
Television	Bojack horseman, smiling friends, los simuladores, daria, american horror story.
Books	I'm more of romcom books, like boulevard, the two of us die at the end, and weird stuff like Abzurdah. Searching stephen king and Poe recommendations (Lovecraft is not my style).
Heroes	Prefer villians.

Facktura's Latest Blog Entries [View Blog]

There are no Blog Entries yet.

Facktura's Blurbs

About me:

/* ========================================================================= SECCIÓN 1: ESTILOS GENERALES Y CONFIGURACIÓN BASE ========================================================================= */ body { font-family: 'MS PGothic'; background: var(--background-color) var(--background-image); background-attachment: fixed; } body::-webkit-scrollbar-corner { margin-top: 60px; } .container, nav { width: 100%; } main { background: 0 0; } .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; } .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; } /* Esconde textos originales para ser reemplazados con CSS ::after */ .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; } .blog-preview h4, .f-col a, .heading h4, footer .links a { font-size: 0px; text-transform: uppercase; font-weight: 400; } /* Efectos al pasar el cursor (Hover) */ :is(.heading h4, .blog-preview h4):hover { font-size: 14px; } :is(.heading h4, .blog-preview h4):hover:after { font-size: 0px !important; } .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; } /* ========================================================================= SECCIÓN 2: BARRAS DE DESPLAZAMIENTO PERSONALIZADAS (SCROLLBARS SVG) ========================================================================= */ ::-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; } /* ========================================================================= SECCIÓN 3: NAVEGACIÓN Y BARRA SUPERIOR (TOP NAV & SEARCH) ========================================================================= */ nav { height: 100px; position: fixed; z-index: 999; } .top { height: 50px; background: #fff !important; color: #000 !important; } .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: .9; pointer-events: none; } .top .right * { color: #00f !important; font-size: 12px; font-family: 'MS Pgothic'; text-decoration: underline !important; } /* Traducción: ヘルプ = Ayuda */ .top .right a:first-child::after { content: "ヘルプ"; /* TRADUCCIÓN: Ayuda */ font-size: 12px; } /* Traducción: ユーザーを検索する: = Buscar usuario: */ .center label::after { content: "ユーザーを検索する:"; /* TRADUCCIÓN: Buscar usuario: */ font-size: 12px; } /* Traducción: サーチ = Buscar */ .center button::after { content: "サーチ"; /* TRADUCCIÓN: Buscar */ font-size: 12px; } .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); } nav .links { padding-inline: 0px !important; padding-bottom: 0 !important; padding-top: 5px !important; border-bottom: 2px solid #000; background: #fff; margin-top: -8px; text-align: center; } 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; padding-top: 3px; background: var(--accent); white-space: nowrap; } nav .links a:after, nav .links a:hover { font-size: 14px; } [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; } /* --- TRADUCCIONES MENÚ PRINCIPAL --- */ nav .links li:first-child a:not([title=Notifications]):after { content: "家"; } /* 家 = Inicio */ nav .links li:nth-child(2) a:after { content: "ブラウズ"; } /* ブラウズ = Navegar */ nav .links li:nth-child(3) a:after { content: "サーチ"; } /* サーチ = Buscar */ nav .links li:nth-child(4) a:after { content: "メッセージ"; } /* メッセージ = Mensajes */ nav .links li:nth-child(5) a:after { content: "ブログ"; } /* ブログ = Blog */ nav .links li:nth-child(6) a:after { content: "速報"; } /* 速報 = Noticias / Boletines */ nav .links li:nth-child(7) a:after { content: "フォーラム"; } /* フォーラム = Foro */ nav .links li:nth-child(8) a:after { content: "グループ"; } /* グループ = Grupos */ nav .links li:nth-child(9) a:after { content: "レイアウト"; } /* レイアウト = Layouts */ nav .links li:nth-child(10) a:after { content: "お気に入り"; } /* お気に入り = Favoritos */ nav .links li:nth-child(11) a:after { content: "招く"; } /* 招く = Invitar */ nav .links li:nth-child(12) a:after { content: "ショップ"; } /* ショップ = Tienda */ nav .links li:nth-child(13) a:after { content: "について"; } /* について = Acerca de */ nav .links li:nth-child(14) a:after { content: "アート"; } /* アート = Arte */ /* ========================================================================= SECCIÓN 4: COLUMNA IZQUIERDA (PROFILE, ABOUT, MOOD, CONTACT, FOOTER) ========================================================================= */ /* Título de perfil */ .profile h1 { position: fixed; left: 1%; top: 90px; 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, .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); } .profile-pic { width: 11vw; height: 11vw !important; } .profile-pic .pfp-fallback { border: 1px solid gray; width: 100% !important; height: 100% !important; object-fit: cover; } /* Sección Sobre Mí */ .general-about { position: fixed; left: 1%; top: 115px; width: 23%; height: 250px; padding: 5px 5px 40px; border: 1px solid #000; background: #fff; } /* Sección Mood / Estado de ánimo */ .mood { position: fixed; left: 2vw; top: 310px; width: 21% !important; border-top: 1px dashed var(--accent); padding-top: 5px; padding-inline: 5px; } .mood b { font-weight: 400; } .mood p:last-child { white-space: nowrap; } /* --- TRADUCCIONES MOOD --- */ .mood b a:first-child:after { content: "ブログ"; } /* ブログ = Blog */ .mood b a:nth-child(2):after { content: "速報"; } /* 速報 = Noticias */ .mood b a:last-child:after { content: "フォーラム"; } /* フォーラム = Foro */ /* Sección de Contacto */ .contact { position: fixed; left: 1%; top: 365px; width: 23% !important; border: 0 !important; } .contact .heading { background: var(--accent) !important; border-radius: 8px 8px 0 0; box-shadow: 0 -4px 3px 3px rgba(255, 255, 255, .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); } .contact .heading h4:after { font-size: 14px; content: "コンタクト"; /* TRADUCCIÓN: Contacto */ } .contact .inner { background: #fff; border: 1px solid #000; height: 120px; } .contact a { white-space: nowrap; } .f-col a { color: #00f; } .f-col a :first-child { font-size: 13px; margin-right: 5px; } /* --- TRADUCCIONES BOTONES DE CONTACTO --- */ .f-row:first-child .f-col:first-child a:after { content: "友人を追加する"; } /* 友人を追加する = Añadir amigo */ .f-row:first-child .f-col:last-child a:after { content: "お気に入りを追加"; } /* お気に入りを追加 = Añadir a favoritos */ .f-row:nth-child(2) .f-col:first-child a:after { content: "メッセージを送る"; } /* メッセージを送る = Enviar mensaje */ .f-row:nth-child(2) .f-col:last-child a:after { content: "友人に転送"; } /* 友人に転送 = Reenviar a amigo */ .f-row:nth-child(3) .f-col:first-child a:after { content: "インスタント・メッセージ"; } /* インスタント・メッセージ = Mensaje instantáneo */ .f-row:nth-child(3) .f-col:last-child a:after { content: "ユーザーをブロックする"; } /* ユーザーをブロックする = Bloquear usuario */ .f-row:nth-child(4) .f-col:first-child a:after { content: "グループに追加する"; } /* グループに追加する = Añadir a grupo */ .f-row:nth-child(4) .f-col:last-child a:after { content: "レポートユーザー"; } /* レポートユーザー = Reportar usuario */ /* Footer / Pie de página */ footer { position: fixed; left: 1%; top: 520px; width: 23%; border: 1px solid #000; background: #fff; padding: 2px 0; } footer a { color: #00f !important; text-decoration: underline; } 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; } /* [INSERCIÓN DE IMAGEN] Imagen decorativa del footer */ footer::before { content: ""; display: inline-block; width: 175px; height: 100px; /* CAMBIA ESTA URL DE IMAGEN A TU GUSTO */ background: url(https://i.pinimg.com/564x/09/30/30/0930309b504744cf437f1bd17091a07d.jpg) 0 0/contain; margin-right: 10px; cursor: pointer; } footer .links { height: 25px; } /* --- TRADUCCIONES ENLACES DEL FOOTER --- */ footer .links li:first-child a:after { content: "について"; } /* について = Acerca de */ footer .links li:nth-child(2) a:after { content: "ニュース"; } /* ニュース = Noticias */ footer .links li:nth-child(3) a:after { content: "ルール"; } /* ルール = Reglas */ footer .links li:nth-child(4) a:after { content: "プレス"; } /* プレス = Prensa */ footer .links li:nth-child(5) a:after { content: "ブランド"; } /* ブランド = Marca */ footer .links li:nth-child(6) a:after { content: "クレジット"; } /* クレジット = Créditos */ footer .links li:nth-child(8) a:after { content: "条項"; } /* 条項 = Términos */ footer .links li:nth-child(9) a:after { content: "プライバシー"; } /* プライバシー = Privacidad */ footer .links li:nth-child(10) a:after { content: "刻印"; } /* 刻印 = Pie de imprenta */ footer .links li:nth-child(11) a:after { content: "コンタクト"; } /* コンタクト = Contacto */ footer .links li:nth-child(12) a:after { content: "宣伝する"; } /* 宣伝する = Publicitar */ footer .links li:nth-child(13) a:after { content: "状態"; } /* 状態 = Estado */ footer .links li:nth-child(14) a:after { content: "SpaceHey ショップ"; } /* SpaceHey ショップ = Tienda SpaceHey */ /* ========================================================================= SECCIÓN 5: COLUMNA DERECHA Y CONTENIDO PRINCIPAL (GRID & PANELS) ========================================================================= */ .row { top: 65px; width: 75%; position: absolute; right: 0; } .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; } .details { text-align: right; margin-right: 10px; } .count, .friends-grid .person p { color: color-mix(in srgb, var(--accent) 50%, #000) !important; filter: saturate(3); } .col a, .online { color: color-mix(in srgb, var(--accent) 50%, #000); filter: saturate(3); } /* Header Banner / Imagen Superior Derecha */ .url-info { position: relative; 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; } /* Traducción: いらっしゃいませ！ = ¡Bienvenido! */ .url-info::before { content: "いらっしゃいませ！"; /* TRADUCCIÓN: ¡Bienvenido! */ font-size: 35px; color: #fff; text-shadow: var(--accent) 3px 0 0, var(--accent) 2.83487px .981584px 0, var(--accent) 2.35766px 1.85511px 0, var(--accent) 1.62091px 2.52441px 0, var(--accent) .705713px 2.91581px 0, var(--accent) -.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 .42336px 0, var(--accent) -2.94502px -.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) -.137119px -2.99686px 0, var(--accent) .850987px -2.87677px 0, var(--accent) 1.74541px -2.43999px 0, var(--accent) 2.44769px -1.73459px 0, var(--accent) 2.88051px -.838247px 0; } /* [INSERCIÓN DE IMAGEN] Banner a la derecha del url-info */ .url-info::after { content: ""; width: 200px; height: 197px; /* CAMBIA ESTA URL DE IMAGEN A TU GUSTO */ background: url('https://i.pinimg.com/originals/61/b0/87/61b0877bd6db080ce9a270246d7502d2.png') center/cover no-repeat; position: absolute; left: calc(100% + 10px); top: 0; border: 1px solid #000; cursor: pointer; } /* Secciones de Tablas */ .table-section { width: 100% !important; display: inline-block; background: #fff; border: 0 !important; max-height: 320px; } #comments, .blurbs, .table-section:not(.table-section + .table-section) { grid-column: span 2; } .table-section .heading { background: var(--accent) !important; border-radius: 10px 10px 0 0; box-shadow: 0 -3px 3px 3px rgba(255, 255, 255, .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); } /* Traducción: 好き = Me gusta / Intereses */ .table-section:not(.table-section + .table-section) .heading h4:after { font-size: 14px; content: "好き"; /* TRADUCCIÓN: Intereses / Gustos */ } /* Traducción: リンクス = Enlaces */ .table-section+.table-section .heading h4:after { font-size: 14px; content: "リンクス"; /* TRADUCCIÓN: Enlaces */ } .table-section .inner { border: 1px solid #000; height: calc(100% - 20px); overflow-y: auto; text-align: right; } .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; } .table-section td:first-child { background: linear-gradient(color-mix(in srgb, var(--accent) 40%, #fff 50%), #fff 100%); height: 20px; white-space: nowrap; } .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 a img { border: 1px solid gray; border-radius: 4px; filter: saturate(5); } .table-section+.table-section tr { margin-bottom: 5px; } .table-section+.table-section td { height: 20px !important; } .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; } /* Previsualización del Blog */ .blog-preview { position: relative; 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 h4 { border-radius: 10px 10px 0 0; border: 1px solid #000; position: absolute; width: calc(100% + 2px); left: -1px; top: -1px; margin: 0 !important; padding-top: 3px; background: var(--accent); white-space: nowrap; box-shadow: 0 -2px 2px 3px rgba(255, 255, 255, .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); } /* Traducción: ブログ投稿 = Entradas de blog */ .blog-preview h4:after { font-size: 14px; content: "ブログ投稿"; /* TRADUCCIÓN: Entradas de blog */ } .blog-preview p, .inner > p { padding-inline: 5px; } /* [INSERCIÓN DE IMAGEN] Imagen decorativa inferior del blog */ .blog-preview::after { content: ""; display: block; position: absolute; cursor: pointer; /* CAMBIA ESTA URL DE IMAGEN A TU GUSTO */ background: url(https://i.pinimg.com/originals/ca/2d/09/ca2d099899ea553ead68b5c2de2abcda.jpg) center/cover no-repeat; border: 1px solid #000; width: 234px; height: 60px; bottom: -74px; } /* Sección Blurbs (Biografía/Descripción) */ .blurbs { order: 3; margin-block: 10px !important; } .blurbs .heading { border-radius: 10px 10px 0 0; background: var(--accent) !important; border: 1px solid #000; margin: 0 !important; font-weight: 400; box-shadow: 0 -2px 2px 3px rgba(255, 255, 255, .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); } /* Traducción: について = Acerca de */ .blurbs .heading h4:after { font-size: 14px; content: "について"; /* TRADUCCIÓN: Acerca de */ } .blurbs .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); } /* Sección de Amigos */ .friends:not(#comments) { order: 2; height: 290px; } .friends .heading { border-radius: 10px 10px 0 0; background: var(--accent) !important; border: 1px solid #000; margin: 0 !important; font-weight: 400; box-shadow: 0 -2px 2px 3px rgba(255, 255, 255, .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); } /* Traducción: 友達 = Amigos */ .friends:not(#comments) .heading h4:after { font-size: 14px; content: "友達"; /* TRADUCCIÓN: Amigos */ } .friends .inner { border: 1px solid #000; border-top: 0; } .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; } /* Sección de Comentarios */ #comments { position: relative; order: 4; width: calc(100% - 147px); height: 530px; } /* Traducción: コメント = Comentarios */ #comments .heading h4:after { font-size: 14px; content: "コメント"; /* TRADUCCIÓN: Comentarios */ } #comments .inner { height: calc(100% - 22px); padding: 0; overflow-y: auto; } /* [INSERCIÓN DE IMAGEN] Imagen lateral decorativa de comentarios */ #comments::after { content: ""; display: block; position: absolute; cursor: pointer; top: -8px; right: -147px; width: 137px; height: 528px; margin-top: 10px; border: 1px solid #000; /* CAMBIA ESTA URL DE IMAGEN A TU GUSTO */ background: url(https://i.pinimg.com/originals/42/8e/56/428e5656e59c8e1bdd1f4f3e6caf82b9.jpg) 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; } .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; } Mentally ill without a diagnosis, music lover mired in the shadows of laziness and depression, trying to move forward every day. Future software engineer.

Who I'd like to meet:

I actually created a profile with the purpose of exploring aesthetics and full customization via code, but i am open to seeing music lovers of all genres.