YELLOW AND BLUE ROBLOX SKY BOX THEMED LAYOUT

Tags: yellow, blue, roblox, skybox
Description:

im not using this layout anymore.., go ham (also you have to put your own profile picture image!!) alao rhe music is set to hello by omfg :3.. no image yet im lazy!
Code:

<!-- (c) Layout created by ꒰ stan୧ (#1 BLOODWITCH CONSUMER) (https://layouts.spacehey.com/layout?id=99374) -->

<style>

/*paste this part into about me*/

.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("INSERT PFP IMG HERE"); 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>

 .profile .right{
   box-shadow: 10px 10px 40px black;
}
  
</style>

<style>

  h1, h2, h3, h4, h5, a, p, b{
   color: white;
   text-shadow: 2px 1px 1px red;
   text-align: center;
}
.blurbs, h4{
   color: white;
   text-shadow: 2px 1px 1px red;
   text-align: center;
}

  .profile h1{
  font-size: 30px;
}

.profile h1:before{
   content: url(https://i.ibb.co/h7n2Xkx/Roblox-logo-svg.png);

}
</style>


<style>
html:before {

background-image: url(https://t4.ftcdn.net/jpg/04/38/37/75/360_F_438377503_F3CXt4GVUOkAKT03GLDgPY0Yi4xD7JOC.webp);

background-size: 1000px;

content: "";

height: 300%;

left: -50%;

opacity:.1;

position: fixed;

top: -110%;

width: 300%;

pointer-events:none;

}


/*charm*/

.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic:before{
  content: '';
  background: url(https://i.ibb.co/h2HGhfx/95906db0189fd0c7ea6745b4321de22c-prev-ui-1.png) no-repeat;
  background-size: cover;
  display: block;
  width: 75px;
  height: 75px;
  z-index: 999;
  position: absolute;
  top: -43px;
  left: 100px;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>



<style>
   main{
    height: 300px;
    overflow-y: scroll;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 2px solid orange;
   }
</style>

<style>
 h1{
  text-align:center
  
}

 body{
   background-image: url(https://i.pinimg.com/564x/c9/d3/e2/c9d3e266ecdc599c9aa12d7bcd73ad80.jpg);
   background-size: 1050px;

</style>

<style>

  main{
    background-color: rgb(235 235 235 / 60%);

}
  nav .top, nav .links{
    border-radius: 40px;
}

   nav .top{
     background: linear-gradient(lightblue, blue 70%);
     margin-bottom: 10px;
   }

   nav .links{
     background: linear-gradient(blue, yellow 120%);
   }
  
   .general-about{
     background: linear-gradient(90deg, white, blue 110%);
     border-radius: 20px;
     height: 120px;
     border: 1px solid white;
     }

   .blog-preview, .blurbs, .profile-info{
     background: linear-gradient(9000deg, white, yellow 110%);
     border-radius: 20px;
     border: 1px solid white;
     }

   .friends-grid{
     background: linear-gradient(900deg, white, yellow 110%);
     border-radius: 20px;
     border: 1px solid white;
     }

   .url-info{
     background: linear-gradient(90deg, white, blue 110%);
     border-radius: 20px;
     height: 40px;
     border: 1px solid white;
}

   .contact{
     background: linear-gradient(90deg, white, blue 110%);
     border-radius: 20px;
     height: 120px;
     border: 1px solid white;
     }


   .mood{
     background: linear-gradient(90deg, white, blue 110%);
     border-radius: 10px;
     height: 60px;
     border: 1px solid white;
     margin-bottom: 10px
     }

   .table-section{
     background: linear-gradient(90deg, white, blue 110%);
     border-radius: 20px;
     height: 120px;
     border: 1px solid white;
     }

   .comments-table{
     background: linear-gradient(90deg, white, blue 110%);
     border-radius: 20px;
     height: 120px;
     border: 1px solid white;
     }


  .profile .contact .heading, .profile .blurbs .heading, .profile .friends .heading, .profile .table-section .heading{
     background: linear-gradient(9000deg, white, gray 110%);
     border-radius: 20px;
     
</style>

<style>

  nav:after {
    width: 100%;
    height: 125px ;
    display: block;
    content: "";
    background-image: url('https://i.pinimg.com/564x/8e/57/df/8e57df2b142623783e8c7faacaac1b42.jpg');
    background-position: center center;
    background-size: cover;
        margin-top: 30px;
        border-radius: 10px;
}
@media only screen and (max-width: 600px) {
    main:before{
        height: 200px;
}
</style>

<style>

/* color/style of borders around tables on the left */

  .table-section{

  border: 1px white;

}

:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: lightgray;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: ;
}
.table-section:nth-last-child(1) {
  display: none;
}
</style>

<style>

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
  content: "✦";
}

</style>

<style>
/*just a vvv cool tint**/
   img.logo, .wheeler, .general-about .profile-pic:before, main:before, .mood:after, .contact .inner, nav .links:after,.profile-pic:after, .profile-pic{
          filter: sepia(200%) saturate(200%) brightness(100%) hue-rotate(10deg) contrast(120%);
    }
</style>


<style>

/*paste this into who id like to meet*/

table.comments-table{
display: block;
height: 300px!important;
overflow-y: scroll;
}

.blurbs .inner{
display: block;
height: 300px!important;
overflow-y: scroll;

}

/*customising interests box*/
  .profile .table-section{
        margin-top: 22px;
        padding: 20px;
        border-radius: 10px;
        overflow-y:scroll;  
        height: 300px  
    
}
	
  .contact .inner a img {

    font-size: 0;

}

</style>


<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}


@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}

</style>

<style>

*{

cursor: url(data:image/png;base64,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), auto;</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/uxCw2zbtBlU?si=02yJkEEWfmi4IgtR//?&;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>

<div class="snowflakes">
<div class="snowflake"><img src="https://i.ibb.co/9Hysz7w/Untitled1008-20240205090156.png"/></div>
<div class="snowflake"><img src="https://i.ibb.co/HPygPL7/Untitled1008-20240205085853.png"/></div>
<div class="snowflake"><img src="https://i.ibb.co/9Hysz7w/Untitled1008-20240205090156.png"/></div>
<div class="snowflake"><img src="https://i.ibb.co/HPygPL7/Untitled1008-20240205085853.png"/></div>
<div class="snowflake"><img src="https://i.ibb.co/9Hysz7w/Untitled1008-20240205090156.png"/></div>
<div class="snowflake"><img src="https://i.ibb.co/HPygPL7/Untitled1008-20240205085853.png"/></div>
<div class="snowflake"><img src="https://i.ibb.co/9Hysz7w/Untitled1008-20240205090156.png"/></div>
<div class="snowflake"><img src="https://i.ibb.co/HPygPL7/Untitled1008-20240205085853.png"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



</style>

<style>

footer{
background: transparent;

</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 )
alex (g)
1732128493
oh my gyatt this is so cool
Report Comment