purple cybercore layout 💜💻

Tags: purple, cybercore, webcore, retro, internetcore, simple

Description:

! pfp filter works best with darker pfps ! sorry the code is so messy credit is not needed, but appreciated! ^__^

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by r✦wan (view on pc) (https://layouts.spacehey.com/layout?id=25749) -->

<style>
img {
filter: sepia(100%) hue-rotate(220deg) saturate(5);
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.logo {
filter: sepia(100%) hue-rotate(221deg) saturate(0);

<style></style>
<style>
body {
 margin:0;
 background-image: url("https://i.pinimg.com/564x/e2/c0/11/e2c0116ca7df18c1872809eaaf49c4d3.jpg");
background-attachment: fixed;
<style></style>
<style>
.profile {
  background-color: black;
  color: white;
  border: 1.5px solid #bc66ed;
  box-shadow: 0px 30px 30px #bc66ed;
<style></style>
<style>
main:before {
    width: 400;
    margin-bottom: 0px;
    border: 1px solid #bc66ed;
    height: 99px;
    display: block;
    content: "";
    box-shadow: 0px 40px 40px #bc66ed;
    background-image: url(https://64.media.tumblr.com/dd75a2c17893196a54ea70c989528786/c1a55764a91d279e-04/s400x600/2a3c8e815205c9f1be9820907bddc69c3bdd6ae6.pnj);
    background-position: center center;
    background-size: cover;
<style></style>
<style>
.online {
    color: #bc66ed;
}

.online img {
   content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/25425fb2-bc94-4349-8d8a-6eabb4d6ccd2/ddik2zh-5a3bb2ff-c58f-4d86-9660-b78070cc6e32.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzI1NDI1ZmIyLWJjOTQtNDM0OS04ZDhhLTZlYWJiNGQ2Y2NkMlwvZGRpazJ6aC01YTNiYjJmZi1jNThmLTRkODYtOTY2MC1iNzgwNzBjYzZlMzIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.1Xh-VeOB91z_R3oiL4kO0bscDcBEwhhpg_gyxWyIdmU");
    animation-name: nyaah;
<style></style>
<style>
nav .top {
    display: block;
    background-color: transparent;
}
nav .links {
    display: block;
    background-color: #bc66ed;
    font-family: monospace;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
<style></style>
<style></style>
<style>
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "";
<style></style>
<style>
.profile .blurbs .heading, .profile .friends .heading {
    display: block;
    background-color: #bc66ed;
    color: white;
}

.profile .blurbs .inner h4 {
    color: #bc66ed;
    font-weight: 700;
}

.profile .blurbs .inner {
    font-family: monospace;
<style></style>
<style>
a {
    color: #bc66ed;
}

a:hover, .count {
    color: #bc66ed;
    font-style: italic;
    text-decoration: none;
<style></style>
<style>
table.details-table {
    background-color: black;
    border-color: black;
}

.details-table td {
    background-color: black;
}

.details-table td:first-child {
    background: #bc66ed;
    border-color: white;
    color: white;
    font-family: monospace;
    font-size: 11.5px;
    font-weight: 400;
}
.details-table td:first-child a {
   border-color: black;

<style></style>
<style>
.profile .table-section {
    background-color: #bc66ed;
    border-color: black;
}

.profile .table-section .heading {
    display: block;
    background-color: #bc66ed;
<style></style>
<style>
.profile .contact .heading {
    background-color: #bc66ed;
    border-color: black;
}
<style>
.profile .table-section .heading {
    background-color: #bc66ed;
    border-color: black; !important
<style></style>
<style>
profile .url-info, .profile .contact {
    border-color: black;
<style></style>
<style>
.profile .url-info, .profile .contact {
    border-color: black;
</style>
<style>
.comments-table td:first-child {
   background-color: #bc66ed;
   border-color: black;
}

.comments-table td:first-child a {
    color: floralwhite;
    font-family: 'Lekton';
    font-weight: 400;
    font-size: 12px;
}

.comments-table td {
    background-color: black; 
    font-size: 11px;
}

.comments-table td a {
    color: white;
}

.comment-replies {
    border-color: black;
}

<style></style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 448 comments ( View all | Add Comment )

C:>braxi_ ヾ('▽')	1764621319 using !!!!!! this is so lovely tysm for making it :3 i modified mine pretty heavily . accidentally broke the crt filter and had to find out how to add it back T^T (tbh i dont actually know what fixxed it , ,, , ) Report Comment
venomfire	1764484845 using!! Report Comment
MegiSonika	1764161210 Using! :D Report Comment
𖤐Fhoebe𖤐	1763940787 USING!!!! 𖤐♡𖤐♡𖤐 Report Comment
Axel_the_l£sbi@n	1763844599 using :D Report Comment
🍓shikaruuu☁️	1763542611 using :3 Report Comment
Lexillie	1763435656 Using <3 Report Comment
Jay Bee	1762198000 using!! Report Comment
C4TTYF4C3 ♪	1762091225 USING MAFUYU MENTIONED!!! Report Comment
naisky	1762040262 love this!! using :D tysm Report Comment
Simsor	1762037314 This is awesome!! Gonna use this :3 Report Comment
｡ ₊°༺ Sunny ༻°₊ ｡	1762016412 This is so cool! Thank you :3 Report Comment
⋆˚࿔ MARAIA 𝜗𝜚˚⋆	1761375790 using! thank you ♡ ̆̈ Report Comment
Xx M3l0dy_xX	1760723584 Using Report Comment
3XC4L1BUR/Nexus	1760712104 using!! Report Comment
XxShibuyaReaperxX	1759378974 Usinggg!! Report Comment
ℛ𝒶𝒾𝓃	1759329341 Using !! Ty <3 Report Comment
Vincentia	1759255280 Using! It's just perfect! Report Comment
kal :3c	1759072889 using!! luv this sm :3 Report Comment
kal :3c	1759072887 using!! luv this sm :3 Report Comment