Pink & white layout

Tags: pink, white, fnaf, simple

Description:

Layout for a friend uhh... idk how to get rid of the blue border sorry 😰 comment if using tyy

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by stan / quinn <3 (https://layouts.spacehey.com/layout?id=88525) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');

body{
font-family: "South Park Font";
}
p{
 font-family: "Metal Mania";
 color: #FF5A9B; 
    font-size: 100%; 
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Metal Mania";
    color: #C23175;
    font-size: 100%;  
}  

body{
background-image: url(https://pbs.twimg.com/media/DUJRASRXcAAaDOo.jpg);
background-size: 900px 600px;
background-repeat: repeat;
}

nav .top{
height: 75px;
background-image: linear-gradient(to bottom, pink, white);
border-radius: 0px;
border-top: solid pink 1px;
  border-left: solid pink 1px;
  border-right: solid pink 1px;
}
nav .links{
height: 30px;
background-color: white;
border-radius: 0px;
border-left: solid pink 1px;
border-right: solid pink 1px;
}

nav .links li::after{
display: none;
}
nav .links a{
font-family: "Metal Mania";
color: pink;
text-shadow: 0px 0px 2px pink;
}

main{
background-color: #FFEBF0;
border-left: solid pink 1px;
border-right: solid 2px #FFEBF0;
border-bottom: solid pink 1px;
box-shadow: inset 300px 0px 2px 20px white;
}
.profile h1{
font-family: 'Metal Mania', display;
color: #F03C8D;
text-shadow: 0px 0px 7px #FFB2D4;
font-size: 25px;
}

.online{
content:url(https://gifcity.carrd.co/assets/images/gallery22/d6b82bc4.gif?v=dbe39dbe);
}

.profile .profile-pic img{
border-radius: 3px;
box-shadow: 0px 0px 9px 2px #E8CBD8;
opacity: .7;
}

.profile .contact .heading,
.profile .table-section .heading{
color: #F24F97;
background-color: #F9F3F6;
border-radius; 2px;
border: 2px solid #F9F3F6;
text-align: center;
padding: .5em;
}

.profile .table-section td,
.profile .contact,
.profile .url-info{
font-family: "Metal Mania";
background-color: #fff;
border-radius: 3px;
border: 2px solid #F9F3F6;
color: #B2254B;
}

table.details-table td {
background-color: transparent;
border: 2px solid #F9F3F6;
color: #F57E87;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #FFEEF5;
background-color: #F594B8;
border-radius: 20px 20px 0 0;
border: 2px solid DD2C92;
}

.profile .blurbs,
.profile .friends{
border-radius: 19px;
border: 2px solid #DD2C92;
color: #BD227B;
}

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

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

.profile .blurbs .section h4{
color: #DD007E;
padding: .5em;
}
.profile .comments-table{
background-color: #FFD9E8;
display: block;
height: 200px!important;
overflow-y: scroll;
border: 0px solid #FF4BB2 !important;
outline: none !important;
border-radius: 10px;
border: 2px solid #FF4BB2;
}

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

.comments-table img,
.person img{
border-radius: 2px;
box-shadow: 0px 0px 2px #FF5598;
opacity: .9;
}

footer{
background-color: #fff;
border-radius: 2px;
border: 2px solid #FFE9EF;
box-shadow: inset 0px 0px 15px 4px #FFE9EF;
color: white;
}

.count{
color: #FF4DB9;
}

a{
color: #C40077;
text-shadow: 0px 0px 3px #FF5A76;
}

a:visited {
color: #C40077;
text-shadow: 0px 0px 6px #FFA6DC;
}

a:hover {
color: #FF4DB9;
}

a:active {
color: #C40077;
text-shadow: 1px 1px 2px #FF5A76;
}

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

</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 0%;
  animation: spin 7s infinite linear;
}
</style>

<style>
.general-about img {-webkit-mask-image: url(https://uvassociates.in/sites/default/files/images/clip-arts/3d-Peach-Love-Heart-Transparent-Background.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="&lt;divstyle="/>
<img src="https://i.pinimg.com/originals/39/f2/24/39f2241cd56c44ef547490392ff532ae.gif" width="200" height="200"/></div>

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://static.wikia.nocookie.net/421d2379-fa7a-4c8a-9d68-9fdb1701d1ce/scale-to-width/755" width="170" height="170"/></div>

<div style="float:  ; max-height: 600px; position: fixed; right: 13px; top: 12px; z-index: 600;">
<img src="https://media3.giphy.com/media/YOjnOP57pacUzxFJkt/giphy.gif?cid=6c09b952ar8jpb2x2jnz4a1nj2hgehvyly9jgpioducei1ey&ep=v1_stickers_related&rid=giphy.gif&ct=s" height="200"/></div>

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

kafka	1734465548 using!!! Report Comment
[𑄝]kyūriྀི𖦹	1716644146 So pretty!! Report Comment
Exinforest	1714999601 Using!!!11! Report Comment
📂ᶻ 𝗓 –val 💤	1707091483 Usalo!! ♡ Report Comment
♡⁠★♡⁠Lizy♡★♡⁠	1703795054 Using!! Super epic!! Report Comment
͙͘͡nyxxiepoo★	1702664666 Using!! How do u get rid of the heart? Report Comment the 2nd < style > code where it mentions the keyframe and general profile picture ! hope this helps :) by stan / quinn <3; 1702674576; Report
𝔞𝔫𝔤𝔢𝔩	1701380688 using! Report Comment
ksoo ♡̶	1701236263 using! It’s super cute! Report Comment
tobyy	1701221872 using cuz this is the cutest layout evr.... Report Comment
KYLO!! <3	1701139854 using... (HI I WAS THE FRIEND :3) Report Comment yippah! (HI :3) by stan / quinn <3; 1701139934; Report