FUN PINK LAYOUT!!!

Tags: emo, pink, sweetie
Description:

HEY FREAKS!! if u wanna use this layout feel free just friend me on my main or comment so i can add u :3
Code:

<!-- (c) Layout created by SWEETIES LAYOUT TESTER (https://layouts.spacehey.com/layout?id=19306) -->

<marquee behavior="scroll" direction="down" style="position:absolute; left:20%; top:179px; width:15; height:516px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:32%; top:106px; width:15; height:604px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:74%; top:172px; width:15; height:542px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:39%; top:81px; width:15; height:664px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:83%; top:30px; width:15; height:573px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:24%; top:192px; width:15; height:639px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:70%; top:88px; width:15; height:507px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:79%; top:191px; width:15; height:527px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:43%; top:7px; width:15; height:528px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:61%; top:155px; width:15; height:652px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:50%; top:189px; width:15; height:634px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:64%; top:35px; width:15; height:681px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:22%; top:146px; width:15; height:609px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:41%; top:53px; width:15; height:557px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:29%; top:59px; width:15; height:574px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:46%; top:22px; width:15; height:637px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:48%; top:55px; width:15; height:505px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:22%; top:158px; width:15; height:533px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:69%; top:79px; width:15; height:623px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:89%; top:58px; width:15; height:678px;"><img src="http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif"/></marquee>
<style>

.details:after {
    content: "He/Him";
}
</style>

<iframe src="https://open.spotify.com/embed/playlist/1vCGqXBinz4kLqD9Vef2Gn?utm_source=oembed" width="100%" height="380" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>

<style>

@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');

body{

background-image:url('http://ct.pimp-my-profile.com/i85/8/6/27/f_19c1808d4b83.jpg');
background-position: center;
background-attachment: repeat;
background-repeat: repeat;
background-size: cover;
}

nav .top{
background-color: #D4027F;
border-radius: 20px;
border: 2px solid #000000;
box-shadow: inset 2px 3px 5px #000000;
margin: 1em 0;
}

nav .links{
background-color: #D4027F;
border-radius: 20px;
border: 2px solid #000000;
box-shadow: inset 2px 3px 5px #000000;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links li::after{
display: none;
}

main{ 
background-color: #fe72c5;
border-radius: 20px;
border: 2px solid #000000;
box-shadow: inset 2px 3px 5px #000000;
margin: 1em 0;
padding: .5em;
opacity: .9;
}

.profile h1{
font-family: 'Kalam', cursive;
color: white;
text-shadow: 1px 1px 2px #000000;
font-size: 25px;
}

.profile .profile-info{
border-radius: 20px;
border: 2px solid #FFC3D9;
box-shadow: inset 2px 3px 5px #FFC3D9;
text-shadow: 1px 1px 2px #AC3862;
color: white;
background-image: url(https://i.gifer.com/DXp.gif);
background-repeat: no-repeat;
background-size: cover;
}

.profile .general-about{
color: white;
font-style: italic;
text-shadow: 1px 1px 2px #AC3862;
}

.profile .blog-preview,
.profile .mood{
color: white;
font-style: italic;
}

.profile .profile-pic img{
border-radius: 20px;
box-shadow: 1px 1px 2px #AC3862;
filter: sepia(100%) hue-rotate(299deg);
opacity: .5;
}

.profile .contact .heading,
.profile .table-section .heading{
font-family: 'Kalam', cursive;
color: white;
background-color: #D4027F;
border-radius: 20px 20px 0 0;
border: 2px solid #000000;
box-shadow: inset 2px 3px 5px #000000;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
border-radius: 20px;
border: 2px solid #D4027F;
box-shadow: inset 2px 3px 5px #FFC3D9;
text-shadow: 1px 1px 2px #000000;
font-style: italic;
color: white;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
font-style: italic !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: white;
font-family: 'Kalam', cursive;
background-color: #D4027F;
border-radius: 20px 20px 0 0;
border: 2px solid #D4027F;
box-shadow: inset 2px 3px 5px #000000;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
border-radius: 20px;
border: 2px solid #000000;
box-shadow: inset 2px 3px 5px #FFC3D9;
text-shadow: 1px 1px 2px #000000;
font-style: normal;
color: white;
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: white;
}

.profile .blurbs .section h4{
color: white;
padding: .5em;
}

.profile .comments-table{
background-color: #D4027F;
border-radius: 20px;
border: 2px solid #000000;
box-shadow: inset 2px 3px 5px #000000;
font-style: italic;
color: white;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
background-color: #D4027F;
border-radius: 20px;
border: 2px solid #000000;
box-shadow: inset 2px 3px 5px #000000;
font-style: italic;
color: white;
}

.comments-table img,
.person img{
border-radius: 20px;
box-shadow: 1px 1px 2px #000000;
filter: sepia(100%) hue-rotate(299deg);
opacity: .5;
}


footer{
background-color: #D4027F;
border-radius: 20px;
border: 2px solid #000000;
box-shadow: inset 2px 3px 5px #000000;
font-style: italic;
color: white;
}

.count{
color: #D4027F;
}

a{
color: #D4027F;
text-shadow: 1px 1px 2px #000000;
}

a:visited {
color: #D4027F;
text-shadow: 1px 1px 2px #000000;
}

a:hover {
color: white;
}

a:active {
color: #D4027F;
text-shadow: 1px 1px 2px #000000;
}

nav .links a:hover{
text-decoration: underline;
color: #D4027F;
}

</style>

<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: " da commentz"; font-size:.8rem; font-weight:bold; } </style>
<style>
    .details-table td:first-child {
        background-color:white;
    }
</style>
<style>
   .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "the deetz"; font-size:.8rem; font-weight:bold; } </style>

<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hi! i dont bite tooo hard!! xD"; font-size:.8rem; font-weight:bold; }
</style>
<style> 
.profile .table-section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "Who id like to meet??"; font-size:.8rem; color:#D4027F; } 
</style>
<style>
  .profile .blurbs .section h4{ font-size:0; }
.profile .blurbs .section h4:before{ content: "my muzic taste!"; font-size:.8rem; font-weight:bold; color:#D4027F; }
</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>
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 80px;
        transition: 0.5s width;
        
    }

    #music:hover {
        width: 360px;
    }
</style>

<style>

body {cursor: url('data:image/x-icon;base64, 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'),auto; }
</style>
<style> .count {color:white}</style>
<style>
.general-about .profile-pic img {
border: 5px solid ;
border-color: white } </style>

<style>.online{ visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/109.gif"); animation-name: none; visibility: visible; height: 25px; width: 90px; }</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 )