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

Spoon	1721768116 using!! Report Comment
wen	1721753493 using! <3 Report Comment
Millie	1721282934 Using :3) Report Comment
MADZZ <3	1721272216 using! :3 Report Comment
sunny	1720869078 using Report Comment
Sora2real	1720763750 Used!!! Report Comment
T1NYA!!>_<	1720417697 I use!! Report Comment
Ryu	1720329653 Using! Report Comment
☆noa	1720145150 Using!!:3 Report Comment
mikotodoor	1720098180 usinggggg!! Report Comment
Nava♡	1719886833 Using <333 Report Comment
nesswp	1719780829 using <3 Report Comment
calliope ★	1719635128 Pretty ‼️ using this Report Comment
Clattanoia	1719440453 Using, thx Report Comment
Cruelruins	1719333429 Using :D Report Comment
Femboy Fox	1719163285 using Report Comment
Danii	1718463799 Using!<3 Report Comment
★Rhi!	1718129767 using!! :3 Report Comment
sisiette	1718109950 using! :3 Report Comment
Web	1717900361 using!! Report Comment