green and pink scene layoutt

Tags: green, pink, scene, emo, simple

Description:

green and pink layout!! I don't need credit, and I don't mind if your editing this layout!! just tell me if you are using it. it would be appreceatied.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🪦Dylan (baby bat era 💥) (https://layouts.spacehey.com/layout?id=88546) -->

import url('https://fonts.googleapis.com/css2?family=Creepster&family=DotGothic16&family=Pixelify+Sans&family=Silkscreen&display=swap');
p{
font-family: 'Dotgothic16' , cursive;
font-size: 15px;


<style>
:root {

        --logo-blue: ;

        --darker-blue: #3df229;

        --lighter-blue: #f702b6;

        --even-lighter-blue: #f702b6;

        --lightest-blue: transparent;

        --dark-orange: #f702b6;

        --light-orange: #3df229;

        --even-lighter-orange: transparent;

        --green: red;

    }
</style>

<style>
body

        {background-image: url(https://i.pinimg.com/564x/da/cb/cd/dacbcdd1d8db68cd6b5c4664b2863e03.jpg); no-repeat fixed; background-size: ;

}
</style>

<style>
main {

  background-color: black;

  color: white;


</style>

<style>
.contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

	/* Add to Friends */

	content: "🎧"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

	/* Add to Favorites */

	content: "🎧"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

	/* Send Message */

	content: "🦴"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

	/* Forward to Friend */

	content: "🦴"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

	/* Instant Message */

	content: "🎧"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

	/* Block User */

	content: "🎧"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

	/* Add to Group */

	content: "🦴"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

	/* Report Profile */

	content: "🦴"

}
</style>

<style>
html:before {

  animation: grain 8s steps(10) infinite;

  background-image: url('https://i.pinimg.com/originals/d4/ae/99/d4ae994f5756581eeed9e89a580ab1f9.gif');

  content: "";

  height: 300%;

  left: -50%;

  opacity: .1;

  position: fixed;

  top: -110%;

  width: 300%;

  pointer-events:none;

}
</style>

<style>
main:before {

	width: 100%;

	height: 125px ;

	display: block;

	content: "";

	background-image: url('https://i.pinimg.com/564x/55/03/65/550365c458326b819941b49a0a1055e3.jpg');

	background-position: center center;

	background-size: cover;

}
</style>

<style>
.online { visibility: hidden; } .online img { content: url("https://i.pinimg.com/564x/e1/d8/20/e1d82026286eaf62c0ca2d3fcf758cff.jpg"); animation-name: none; visibility: visible; height: 40px; width: 60px; }
</style>

<style>

.online{content:url("https://64.media.tumblr.com/3f25fc8586c5e7b5473aa3e2fb66f9bf/1235cea48fcd6d05-22/s100x200/a5aaafc67b2130bfafa150f79e9192bdac0efbaf.gifv");
}

</style>

<style>

body::before {

}

.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>

<style>
.general-about img {-webkit-mask-image: url(https://i.gifer.com/origin/17/17e6ae3a1f7c85bd4e2a801bf04f5f4d_w200.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.gifer.com/origin/17/17e6ae3a1f7c85bd4e2a801bf04f5f4d_w200.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
<div style="float:  ; max-height: 20; position: fixed; right: 1px; bottom: 9px; z-index: 1;"></div>

<style>
 
 .logo {
  
content:url("https://i.ibb.co/wQT0DMn/oie-oie-glitters-2.gif")
  
  }
  
   </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 40 comments ( View all | Add Comment )

UrlocalPossum	1729974728 Using Report Comment
╰☆☆ 𝕊𝕦𝕟𝕤𝕖𝕥 ☆☆╮	1727200112 using Report Comment
𝚊𝚜𝚑𝚎𝚛	1723105135 using Report Comment
annette	1722416982 using Report Comment
★EMM3TT!!!	1710055284 Uzing! X3 Report Comment
Rayrayray :P (auto music)	1709672590 def using >_< Report Comment
W1llSSknifee	1706483830 Usingg:3 Report Comment
Gin gin	1705921084 using Report Comment
WaitinForSunday	1705890268 Using uwu Report Comment
koi	1705683030 using :3 Report Comment
dollybroken	1705431944 uuuuusing!!!! X3 Report Comment
m0ch1n0	1705179443 usinggg!! Report Comment
kinsen	1705171217 usinggg Report Comment
aw3s0m3j0ss 丰	1704948375 usinggg!! Report Comment
mj ^_^	1704944710 using Report Comment
KYLIEluvsTacoz	1704557570 doopeee but how can i remove the heart thing on the profile picture? Report Comment
ry	1704462163 i will be using this thank u Report Comment
RonnieTendonz	1704320577 Using! Report Comment
Kieran	1704072846 using :)) Report Comment
TROPHY!!!!	1703829726 USING!!! Report Comment