we are made of stardust - mini pop-up L̶A̶Y̶O̶U̶T̶ ̶C̶A̶N̶C̶E̶L̶L̶E̶D̶ LAYOUT BACK UP!!!!!

Tags: popup, snippet, loading screen

Description:

~~TOO MANY OF YOUS ARE USING THIS NOW SO IM GATEKEEPING IT!!!!!!~~ ok yeah im not seeing it all time time anymore yous can have it again

mini pop up w working buttons (they j take u to the profile tho)
feel free to edit this however u want, change the bg image, change the link adresses/text!!
i came up w the idea myself but i did use bits and pieces from other layouts on here, i would credit if i could remember what ones so instead im sending out a general thank u to everyone who posts layouts and code on here, uve all taught me so much im vv grateful <333
no need for credit but pls comment if u use id love to see it on ur profile!!
bg img: https://www.pinterest.co.uk/pin/939422803506863400/

decline

ignore

Preview:

click on the image for a larger preview

Code:

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

<div id="profile">
<ul>
<a href="#profile" id="thex">×</a>
<a href="#profile" id="accept">accept</a> /*change button 1*/
<a href="#profile" id="decline">decline</a> /*change button 2*/
<a href="#profile" id="ignore">ignore</a> /*change button 3*/
</ul></div>

<style>
a {
    text-align:center;
}
#profile {
    position: fixed;
     background-color: transparent;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 50px 100px;
    font-size: 150%;
    overflow-y: scroll;
    opacity: 1;
    transition: 0.1s;
}

#profile > * {
    width: 100%;
    max-width: 700px!important;
    margin: 20px auto;
    display: block;
}

#profile:target {
    opacity: 0;
    visibility: hidden;
}
#profile > ul {
    padding: 0px 0px;
    background-color: white;

/*change background image here!!*/
    background-image: url("https://i.pinimg.com/564x/35/41/d6/3541d669cc33bc4f9517e63f81aab7e1.jpg");

    height: 120px;
    width: 345px;
    background-size: contain;
    position: absolute;
    top: 210px;
    right: calc(50% - 172px);
    border-radius: 5px;
}
a#thex {
    right: 5px;
    position: absolute;
    top: 4px;
    background-color: #eb4822;
    height: 24px;
    line-height: 17px;
    padding-top: 0px;
    width: 24px;
    font-size: 28px;
    color: white;
    border: 0.5px outset #4e4e4d;
    box-shadow: -0.5px -0.5px 1px inset #000000;
    border-radius: 5px;
    font-family: verdana;
    text-decoration: none!important;
}

a#thex:hover {
    border: 1px black inset;
    text-decoration: none;
    box-shadow: 0.5px 0.5px 1px inset #000000;
    font-style: normal;
}
a#accept {
    height: 24px;
    display: block;
    bottom: 17px;
    position: absolute;
    left: 30px;
    font-size: 11px;
    font-family: ms ui gothic;
    color: black!important;
    border: black inset 1px;
    background-color: #ece9d8;
    width: 80px;
    line-height: 13px;
    padding: 5px;
    border-radius: 0;
    box-shadow: -0.5px -0.5px 3px inset black;
    font-style: normal;
    text-decoration: none!important;
}
a#decline {
    height: 24px;
    display: block;
    bottom: 17px;
    position: absolute;
    left: 131px;
    font-size: 11px;
    font-family: ms ui gothic;
    color: black!important;
    border: black inset 1px;
    background-color: #ece9d8;
    width: 80px;
    line-height: 13px;
    padding: 5px;
    border-radius: 0;
    box-shadow: -0.5px -0.5px 3px inset black;
    font-style: normal;
    text-decoration: none!important;
}
a#ignore {
    height: 24px;
    display: block;
    bottom: 17px;
    position: absolute;
    right: 32px;
    font-size: 11px;
    font-family: ms ui gothic;
    color: black!important;
    border: black inset 1px;
    background-color: #ece9d8;
    width: 80px;
    line-height: 13px;
    padding: 5px;
    border-radius: 0;
    box-shadow: -0.5px -0.5px 3px inset black;
    font-style: normal;
    text-decoration: none!important;
}
a#accept:hover {
    text-decoration: none;
    box-shadow: 0.5px 0.5px 3px inset black;
}
a#decline:hover {
    text-decoration: none;
    box-shadow: 0.5px 0.5px 3px inset black;
}
a#ignore:hover {
    text-decoration: none;
    box-shadow: 0.5px 0.5px 3px inset black;
}
</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 122 comments ( View all | Add Comment )

toodles,doodles!	1755844381 using! :P Report Comment
Luna ☾ ✭	1754804555 using! Report Comment
_ʎɯool⅁_	1754725276 USING Report Comment
★ellie	1754514004 usinggg! Report Comment
isa	1754430090 using tysm ! Report Comment
N4cksk0tt	1754172356 using ty! Report Comment
°❀⋆.࿔*:･ZombieHIPHOP!	1753989138 using!!! :33 Report Comment
rvins.	1753212455 using Report Comment
Channista☆°	1752900089 usingg Report Comment
Austin/Axel ☆	1752506403 usingg Report Comment
💥 NILAN 💥	1751834860 using!! Report Comment
mhin // misaki	1751279111 usingg Report Comment
rosepink	1750452872 Does anyone Know how to fix the glitch where it shows up on iphone but its broken on computers ( °ヮ° ) ? Report Comment i am not aware of this glitch??? could it be to do with the spacehey image servers being down?? by woodlouse; 1750455987; Report Yeah that was probably the cause! because the problem got fixed :3 by rosepink; 1754143014; Report
stroodle	1750378560 this layout isnt even in my code anymore but it still shows up Report Comment well then it is still in your code lmfao,,, it looks like you didnt delete the html part only the css by woodlouse; 1750414570; Report oh no nvm u still have some css there too,, its after the code for the album gallery in your "about me" section,, looks like you didnt delete it but it could have been the servers playing up while you tried to update your profile by woodlouse; 1750414818; Report
Reygun-Van-Owen	1750272602 definitely using this, changing it a bit tho Report Comment
TAPEWORM	1749224443 usinggggg Report Comment
Xx_Asmodee_XD	1748972461 usinggggg Report Comment
𝕽𝖎𝖓	1748665383 using!!! Report Comment
𓇼pix.ೃ࿔	1747961887 using Report Comment
RandomKeyboardKeys	1747913560 Using Report Comment