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

✧˖°. 𝓪𝓼𝓽𝓮𝓻	1752624779 using! Report Comment
Pladusive	1752221399 using Report Comment
★𝐚𝐥𝐞𝐱 :𝟑★	1751916765 using again!! ^^ Report Comment
dallia!	1751827072 using !! ^^ Report Comment
shimuru	1751701293 using it ty!! Report Comment
Luvyuh0rnahxD	1751694076 Using!! Thank you very very much :] Report Comment
⋆｡ﾟ☁︎｡⋆𝚁𝚒𝚗 ｡ﾟ☾ ﾟ｡⋆	1751669971 using!! it's so cute!!! <333 Report Comment
Unicornspice	1751662988 Using Tysm!! Report Comment
ARThurmustdie	1751474384 using! Report Comment
₊✩‧₊˚౨Iz3yৎ˚₊✩‧₊	1751437619 using Report Comment
zedtae	1750477856 _using! Report Comment
Elliot<3	1750129301 Using! (Rlly pretty btw) Report Comment
st☆r X3	1750062610 using Report Comment
Ra1nClou6	1749636206 using!! ty for this :) still works Report Comment
hazelbrew	1749293980 using Report Comment
✮⋆˙H0mur4M4gic4˙⋆ ✮	1748726848 Using Uwu!!! Report Comment
muironn.	1748716519 Using!! Report Comment
Nightshade	1748375190 Using!!! Report Comment
Nashi	1748335594 using Report Comment
gaby ;3	1748244622 using!! Report Comment