Balloon/Comforting layout

Tags: balloons, beginner layout, simple layout, childhood, nostalgia

Description:

First time doing a layout. Call this a work of concept. Very simple and bare-bones. Inspo from the Happypasta Splendorman and the aesthetic of Childhood nostalgia. Also, balloons.

Preview:

click on the image for a larger preview

Code:

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


<style>

/*PASTE SCROLLBAR CODE HERE*/

body{
background-image: url('https://i.pinimg.com/originals/d7/1e/30/d71e30fc6c0ea5be533a551a743a2367.gif');
background-repeat: repeat-x;
background-position:undefined;
background-attachment: fixed;
background-size: contain;
background-color: #ffffff;
border: 1px solid #ffffff;
}
| - Mish-Mash of Code from other users will be credited - but otherwise, the concept is by MiloBruises - |
main{
background-color: #d8e8fd;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #88b1dd;
border: 1px Solid #ffffff!important;
}

span[itemprop='name'] {
color: #fe7cd5;
font-family: Sans-Serif;
}

h4 {
color: #470023;
font-family: Sans-Serif;
}

.section h4, .details-table td:first-child {
color: #8f004c!important;
font-family: Sans-Serif;
}

a, .count {
color: #0065d1;
font-family: Sans-Serif;
}

a:hover {
color: #0024b3;
font-family: Sans-Serif;
}

body,main {
color: #bd006e;
font-family: Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
</style>
<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/564x/5a/fb/98/5afb98b353886e218fe891422ab09fa1.jpg"); 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: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/564x/2d/cd/7a/2dcd7a3c0107e8650cd7a879dfa76a1c.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/XCPOBBl3vZ4/?&;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>
<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/99/cf/bc/99cfbcea6fc3b3848e1d35be0de3617f.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: youranimation 3s 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 2 of 2 comments ( View all | Add Comment )

charly

1718571343

I LOVE THIS!!! USING!!! >_<

Report Comment

joel

1710487875

lovely layout :-)

Report Comment