Pink y2k Mcbling layout

Tags: pink, black, emo, y2k, mcbling, music, layout, autoplay

Description:

Comment if you use! (This took too long to make😭) includes autoplay music.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by nat 𝜗𝜚 (https://layouts.spacehey.com/layout?id=99228) -->

<style>

.profile .contact{
  text-align: left;
}

.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
  display: block
}
/*ADD TO FRIENDS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
  content: "★"
}
/*ADD TO FAVS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*SEND MSG*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*FORWARD TO FRIEND*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
  content: "★"
}
/*INSTANT MESSAGE*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
  content: "★"
}
/*BLOCK USER*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*ADD TO GROUP*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*REPORT USER*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
  content: "★"
}

:root {

        --logo-blue: transparent;

        --darker-blue: #ff037d;

        --lighter-blue: transparent;

        --even-lighter-blue: linear-gradient(#f50c7d, #fa5aa7);

        --lightest-blue: linear-gradient(white, #d4d4d4);

        --dark-orange: #f50c7d;

        --light-orange: linear-gradient(#fa5aa7, #f28abc);

        --even-lighter-orange: linear-gradient(white, #d4d4d4);

        --green: transparent;

    }

body

        {background-image: url(https://files.catbox.moe/j350s9.jpg); no-repeat fixed; background-size:cover;

}

main{
background:url(https://files.catbox.moe/ecc1qs.jpg);
color: #f593b7;
}

main:before {

	width: 100%;

	height: 125px ;

	display: block;

	content: "";

	background-image: url('http://dl.glitter-graphics.net/pub/573/573731fqbnqtbowc.gif');

	background-position: center center;

	background-size: cover;

}

 .logo {
  
content:url("https://files.catbox.moe/zcbqtz.png")
  
  }

nav .top, footer{
  background-color: black;
  border: 3px solid white;
  border-radius: 3px;
  color: white;
}

h1{
background-color: linear-gradient (#ff2e8c, #fc81b8);
  border: 2px solid white;
  border-radius: 3px;
  color: white;
  text-shadow: 0px 0px 5px black;
  text-align: center;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading{
  background-color: black;
  color: white;
  text-align: center;
}
.profile .contact .heading, .profile .table-section .heading{
  border: 2px solid white;

.general-about .profile-pic img{
  border-radius: 3px;
  border: 2px solid #dedede;
}
 .general-about .details{
  padding: 10px 0px;
}
.profile-info{
background:url(https://files.catbox.moe/43hiyb.jpg);
  border-radius: 3px;
}
.profile .contact{
  text-align: left;
}

.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
}

nav .links{
  background-color: #404040;
  border: 2px solid #dedede;
  border-radius: 3px;
  text-align: center;
}
nav .links .special a{
  color: white;
}

.profile .contact{
  background-color: #dedede;
  border-radius: 3px;
  border: 3px solid black;
  color: black;
  text-align: center;
}

.profile .contact .heading, .profile .table-section .heading{
  border: 2px solid white;
}

</style>

<style>

img{
  filter: none saturate(0);
}
img:hover{
  filter: sepia(100%) saturate(0) blur(1px);
  animation: shake 1s;
  animation-iteration-count: infinite;
}
@keyframes shake{
  0% {transform: translate(1px, 1px) rotate(0deg);}
  10% {transform: translate(-1px, -2px) rotate(-1deg);}
  20% {transform: translate(-2px, 0px) rotate(1deg);}
  30% {transform: translate(2px, 2px) rotate(0deg);}
  40% {transform: translate(1px, -1px) rotate(1deg);}
  50% {transform: translate(-1px, 2px) rotate(-1deg);}
  60% {transform: translate(-2px, 1px) rotate(0deg);}
  70% {transform: translate(2px, 1px) rotate(-1deg);}
  80% {transform: translate(-1px, -1px) rotate(1deg);}
  90% {transform: translate(1px, 2px) rotate(0deg);}
  100% {transform: translate(1px, -2px) rotate(-1deg);}

</style>

<style>

table.comments-table{
display: block;
height: 150px!important;
overflow-y: scroll;
}

</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>.online { visibility: hidden; } .online img { content: url("http://dl10.glitter-graphics.net/pub/352/352870r1wbtx0gci.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<style>* {cursor: url(https://cur.cursors-4u.net/symbols/images2/sym142.gif), url(https://cur.cursors-4u.net/symbols/images2/sym142.gif), auto !important;}</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/JDlizzpkuxY??feature=shared//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

<style>



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

Skye	1766370511 using Report Comment
Anthony~	1766350748 Using!! Report Comment
XxEth4nCouturexX	1766283728 Using !! Report Comment
jade 👙🪩	1765966144 using !! Report Comment
girlsgeneration<33	1765651452 using!!! <33 Report Comment
parapara princess!	1765569323 usin'! Report Comment
Galaxythrow_up	1765395601 Using! Report Comment
𝕾𝖆𝖒 𝖙𝖍𝖊 𝖜𝖊𝖎𝖗𝖉𝖔༆❦︎	1765135669 using XD Report Comment
𝕾𝖆𝖒 𝖙𝖍𝖊 𝖜𝖊𝖎𝖗𝖉𝖔༆❦︎	1765135669 using XD Report Comment
𝕾𝖆𝖒 𝖙𝖍𝖊 𝖜𝖊𝖎𝖗𝖉𝖔༆❦︎	1765135669 using XD Report Comment
Marla	1764958561 using Report Comment
pinky	1764813922 Using!!! Report Comment
gucc1	1764653937 using Report Comment
ROBBIE RECKLESS‼️	1764556518 using XO Report Comment
Phoebe	1764244943 Using Report Comment
Phoebe	1764244934 Using♡ Report Comment
maevhe !! :D	1764218139 using 💋 Report Comment
💋Alex_kittyz💋	1764113160 Using Report Comment
that_ivanovicka	1763906805 using!<33 Report Comment
kamthemcblingedcontessa	1763882103 Using<333 Report Comment