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

NkyC.96	1777952568 Using Report Comment
Iririsrequie	1777617765 Using nyeahhh Report Comment
⋆.˚rai	1776934016 Using <3 Report Comment
⋆˚꩜｡ - GHOSTYY .✦ ݁˖	1774995999 Using <3 Report Comment
⋆ Indigo ⋆	1774992696 Using :3 Report Comment
Noctua	1773784355 using ^^ Report Comment
ʀᴀɪᴅᴇɴ	1773246323 USINGG Report Comment
sp☆rk	1772127534 usinggg Report Comment
archie	1771641030 using Report Comment
moonbunn	1770220713 usingg :3 Report Comment
burnt.toastada	1770055824 Using! tysm Report Comment
Th4ivann𖤐⭒๋࣭ ⭑	1769889261 Use Report Comment
Embrace	1769653598 using! ;3 Report Comment
FreakyFrog42	1769304151 using :3 Report Comment
malu 𓂃 ࣪˖ ִֶ♱ ྀིྀ𑣿	1769279894 using ! :3 Report Comment
Audi The Librarian	1769020956 Using! Report Comment
ੈ✩‧₊˚ 𝔄𝔵𝔬ੈ✩‧₊˚	1768733982 using Report Comment
angelsrevengee	1768608546 using Report Comment
Brownie_Jester	1768060291 usando!! Report Comment
Mel	1768023790 using!!! Report Comment