princess bubblegum layout (matching!!)

Tags: princess bubblegum, pink, bubblegum, adventure time, clairo, gay, lesbian, matching, marceline

Description:

princess bubblegum matching layout matching with : https://layouts.spacehey.com/layout?id=39386

Preview:

click on the image for a larger preview

Code:

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

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(' https://i.pinimg.com/originals/ee/98/ac/ee98ac0bd855f4e6f247d836eb6896b0.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}
</style>
<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: URL("https://i.pinimg.com/originals/d5/70/04/d570049d91e12ac4240fdad2f9069855.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</style>
<style>
main:before {
    width: 810px;
    margin-bottom: 25px;
    border: 0px solid black;
    height: 250px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/originals/27/ea/dd/27eadd0fa9160fe98e13dcece0a79b7b.gif);
    background-position: center;
    background-size: cover;
    border-radius: 30px;
}

</style>

<style>
.profile .friends .person img{
 clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}


</style>

<style>
@import url('https://fonts.google.com/specimen/Hubballi');
p{
  font-family: 'Hubballi', cursive;
  font-size: 100%;
}
h1{
  font-family:'Hubballi', cursive;
  font-size: 200%;  
}
h2,h3,h4,h5{
  font-family:'Hubballi', cursive;
  font-size: 100%;  
}
body{
   background-image: url(https://i.pinimg.com/564x/9b/dd/55/9bdd55006d0c50abd1e8d6c96f37931b.jpg) 
!important;
  height: 75%;
   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


}
h1
{
	color: /*the username glow and shadow*/
h1
{         color: yellow; 
	//text-shadow: 1px 1px #7a0b4e;
};
	text-shadow: 2px 2px 3px #7a0b4e, 0 0 25px #7a0b4e, 0 0 5px black;
}

main {
  background:rgba(240, 136, 190, 0.82);
  color: white;
}
.count {
  color: #7a0b4e
}
.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue:rgba(240, 136, 190, 0.70);
  --darker-blue: #a10e67;
  --lighter-blue:rgba(255, 203, 227, 0.45);
  --even-lighter-blue:rgba(255, 203, 227, 0.25);
  --lightest-blue:rgba(255, 203, 227, 0.32);
  --dark-orange: #a10e67;
  --light-orange:rgba(255, 203, 227, 0.40);
  --even-lighter-orange:rgba(255, 203, 227, 0.45);
  --green: #240782;
  --table-header: black;
  --table-color: black;
  --link-text: black;
  --main-text: #3e0782;
}

a:hover{
        color: #7a0b4e!important;
}







<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-5/oth479.cur), auto;}</style><a href="https://www.cursors-4u.com/cursor/2009/10/05/guitar-bass.html" target="_blank" title="Guitar Bass"><img src="https://cur.cursors-4u.net/cursor.png" alt="Guitar Bass" style="position:absolute; top: 0px; right: 0px;"/></a>  


<style>
	.online { visibility: hidden; } .online img { content: url("https://cdn.discordapp.com/attachments/1143897733762121871/1144369797572862112/output-onlinegiftools_5.gif"); animation-name: none; visibility: visible; height: 20px; width: 80px; }
</style>

<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    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>* {cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi268.ani), url(https://cur.cursors-4u.net/smilies/smi-3/smi268.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/25/cute-line-smiley.html" target="_blank" title="Cute Line Smiley"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Line Smiley" style="position:absolute; top: 0px; right: 0px;"/></a>


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

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 )