pink cyber layouttt

Tags: cyber, cybercore, y2k, pink, tv, retro
Description:

err yuh idk if this has music el em ay oh
Code:

<!-- (c) Layout created by Mugwater!☆ (https://layouts.spacehey.com/layout?id=80849) -->

<style>
img {
filter: sepia(350%) hue-rotate(290deg) 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/64/cd/f2/64cdf2de6379ab889400e2d1e444ea38.jpg");
background-attachment: fixed;
<style></style>
<style>
.profile {
  background-color: black;
  color: white;
  border: 1.5px solid #c21588;
  box-shadow: 0px 30px 30px #c21588;
<style></style>

<style>
.online {
    color: #c21588;
}

.online img {
   content: url("https://external-media.spacehey.net/media/sMxjw6E5znQOpoQzu74qwhycsYwcV3ETNILNKdP1c7gM=/https://0skull.neocities.org/pic/15.gif");
    animation-name: nyaah;
<style></style>
<style>
nav .top {
    display: block;
    background-color: transparent;
}
nav .links {
    display: block;
    background-color: #c21588;
    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: #c21588;
    color: white;
}

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

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

a:hover, .count {
    color: #c21588;
    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: #c21588;
    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: #c21588;
    border-color: black;
}

.profile .table-section .heading {
    display: block;
    background-color: #c21588;
<style></style>
<style>
.profile .contact .heading {
    background-color: #c21588;
    border-color: black;
}
<style>
.profile .table-section .heading {
    background-color: #c21588;
    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: #c21588;
   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>

<img src="https://plasticdino.neocities.org/blinkie/saturn.gif"/><img src="https://plasticdino.neocities.org/blinkie/stupid.gif"/><img src="https://plasticdino.neocities.org/blinkie/monster%20high.gif"/><img src="https://plasticdino.neocities.org/blinkie/iced-tea.gif"/><img src="https://plasticdino.neocities.org/blinkie/bellionaire.gif"/><img src="https://plasticdino.neocities.org/blinkie/tummy.gif"/><img src="https://external-media.spacehey.net/media/sOJUFI57diJAnl6nGkGPjv8zEW0eIKVACtTIekhJl31A=/https://collection.ju.mp/assets/images/gallery09/c490e5cc.gif?v=58a5bca8"/><img src="https://external-media.spacehey.net/media/swqAEp33vFlq_DCdaGq1isx7Bo0cSysoSqi1CT8SF8mM=/https://collection.ju.mp/assets/images/gallery25/cfc5fb81.gif?v=58a5bca8"/><img src="https://plasticdino.neocities.org/blinkie/sweet.gif"/>
<style><img src="https://external-media.spacehey.net/media/sCtYl47A7p3cEXcq6KwPPcD58Z0SnJDWR6nSeND8BwxY=/https://64.media.tumblr.com/121f22ccb3a91848ce13e6cd3aba7ed3/tumblr_inline_pkgt3dNNOV1wsmu5e_250.gif"/><img src="https://external-media.spacehey.net/media/ss2cq9-Japw7nhX3DNKOLhp6Dukr5G5E2DRKmCgcrUfU=/https://plasticdino.neocities.org/blinkie/keroppi.gif"/>



h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}



</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 0 of 0 comments ( View all | Add Comment )