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 (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 208 comments ( View all | Add Comment )

DauntedGem0805	1713997277 Eu estou usando Report Comment
DauntedGem0805	1713997275 Eu estou usando Report Comment
Mavi ✰ #ONSF !!	1713792229 Using!! Report Comment
verlow_fizzyxxz	1713696536 USINNG!! ITS SO PRETTY Report Comment
☆Lucky☆	1713522160 using!! this is very pretty!! Report Comment
Cinnamon	1713366060 using Report Comment
PurplecoreBoy 🪄	1713135345 using Report Comment
vonnie	1712974197 using! Report Comment
onlyalmond	1712930071 using (this is so fire dude) Report Comment
elf.elysia-junko	1712497358 Using!! Report Comment
cielz.xoxo	1712300597 using !! Report Comment
xTzy<3	1711785646 Using :33 Report Comment
v4l3nt1n3 !	1711719943 using !!!! Report Comment
Toukeww	1711297888 So pretttyyyy. Using! Report Comment
ghiod1004	1710967400 using <3 Report Comment
chubkayla!	1710872141 using!! :3 Report Comment
GRIMEY_SIN	1710473513 Using!! >w< Report Comment
WILLI4M [Oliver irl]	1710279929 using Report Comment
aventine system	1710273155 using!! :) Report Comment
me?	1710009202 USANDO! Report Comment