KPP layout for my wife🩷

Tags: kpp, crt
Description:

Ily
Code:

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

<!-- (c) Layout created by ⋆ ˚｡⋆୨୧˚ꜱᴍᴀʀᴛʏ⋆ ˚｡⋆୨୧ (https://layouts.spacehey.com/layout?id=33223) -->

<!-- (c) Layout created by ⋆ ˚｡⋆୨୧˚ꜱᴍᴀʀᴛʏ⋆ ˚｡⋆୨୧ (https://layouts.spacehey.com/layout?id=33201) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/teMdjJ3w9iM//?&;amp;;autoplay=1&;loop=1&;controls=1" title="National Anthem Demo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" loading="lazy">
</iframe>



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




★info here★




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


<style>

.online{content:url("https://i.postimg.cc/5yhfqbXq/B5-EB4882-1-BEA-4296-AF50-55-DF6-FD90301.gif");}

</style>

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

<style>
body {
font-family: Liron;
background-color: white;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

#q, button {
color: pink;
background-color: white;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: pink !important;
}
a, .profile .friends .person p, .logout-btn {
color: pink !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: pink;
}
nav .top {
margin-top: 2px;
background: none;
background-color: white;
border: 2px solid grey;
border-bottom: none;
}
nav .links {
background-color: white;
border: 2px solid grey;
}
body{
background-image:
url(https://cdn.discordapp.com/attachments/1112302108948054049/1119557606277656606/Solid_white.svg.png);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: white;
color: pink;
border-left: 2px solid grey;
border-right: 2px solid grey;
}

main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://cdn.discordapp.com/attachments/1112302108948054049/1119335256894480404/tumblr_inline_ovm5m3DX451rifr4k_250.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

.heading, .url-info {
color: pink !important;
background: none;
background-color: white !important;
border: 2px solid grey !important;
}
.inner {
color: pink !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: pink !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid grey;
border-collapse: collapse;
}
td {
color: pink !important;
background: none;
background-color: white !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: white;
border: 2px solid grey;
}
footer p {
color pink !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
. ★ comment-replies {
border: 1px solid grey;
margin: 2px;
}
nav .info {
background: none;
}

.logo {

   content: url(https://i.postimg.cc/mZvcSsf5/98-F454-C1-0940-4577-91-A0-F367-DCA3-BB07.gif);


</style>

<!-- (c) Layout created by ✧𝓢𝓪𝓹𝓱𝓲𝓻𝓮✧ (https://layouts.spacehey.com/layout?id=31763) -->

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://cdn.discordapp.com/attachments/1112302108948054049/1119335809779245196/a57dfb8e0881a6861062fd02b0bf40c7.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</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 )