blue star & cloud layout

Tags: blue, white, black, pastel, stars, clouds, star, cloud, aesthetic, layout

Description:

(layout requested by: https://spacehey.com/rock_starr) if you use this PLEASE comment! credit is appreciated too‎

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
  background-image: url('https://i.pinimg.com/originals/b0/4d/3a/b04d3a0946bbe86a2722ce7fc2f4f472.gif');
  background-color: white;
  border: 5px solid transparent;
}
nav img.logo {
  filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%) !important;
}
.online img{
    filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%)!important;
}
.url-info {
    background: url(https://i.pinimg.com/564x/79/e6/c9/79e6c9c6ecb255d435d23b44f50e3e23.jpg);
    background-position: center;
    border: 1px black!important;
    box-shadow: 0 0 20px black;
    background-size: cover;
    font-size: 0px;
    height: 275px;
    width: 200px;
}
.friends-grid{
  text-align:center;
  padding:0px!important;
}
.friends .person{
    background-color: white;
    width:80px!important;
    display: inline-flex!important;
    flex-direction: column-reverse;
    margin:10px;
    vertical-align: top;
    padding-left:5px!important;
    padding-top:5px!important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
}
.friends .person p{
    text-align: center;
    word-wrap: break-word;
}
.profile .friends .person img:not(.icon){
  max-width:70px!important;
}
.profile .friends .person:nth-of-type(1){
    transform: rotate(-4deg);
}
.profile .friends .person:nth-of-type(2){
    transform: rotate(5deg);
}
.profile .friends .person:nth-of-type(3){
    transform: rotate(-2deg);
}
.profile .friends .person:nth-of-type(4){
    transform: rotate(6deg);
}
.profile .friends .person:nth-of-type(5){
    transform: rotate(6deg);
}
.profile .friends .person:nth-of-type(6){
    transform: rotate(-1deg);
}
.profile .friends .person:nth-of-type(7){
    transform: rotate(3deg);
}
.profile .friends .person:nth-of-type(8){
    transform: rotate(-3deg);
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 25px;
  background-image: url(https://64.media.tumblr.com/485ddbfe68537765c2e8bc474ea7431b/ffef7e8029b7971b-6f/s400x600/3c2d91f23e692ed340cb9d5be8e486d58cdebe6c.gifv);
  background-repeat: repeat;
  background-position-x: center;
  background-size: 350px;
}
a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
  color: black!important;
}
h1{
   background: url(https://i.pinimg.com/564x/4a/d3/61/4ad3617f9f72a1eafe85437f8b928e9e.jpg);
   border: 5px solid #8ab3db!important;
   padding:5px;
   box-shadow: 0 0 20px black;
}
button {
  background-color: transparent!important;
  border: none;
  color: black;
  font-weight: bold;
}
.general-about .details {
  border: 5px solid transparent;
  padding-bottom: 70px;
}
.mood {
  background: url(https://i.pinimg.com/564x/4a/d3/61/4ad3617f9f72a1eafe85437f8b928e9e.jpg);
  border: 5px solid #8ab3db!important;
  padding: 3px;
  margin-bottom: 20px;
  margin-top: 20px;
  box-shadow: 0 0 20px black;
}
.contact, .table-section, .blurbs, .friends, .profile-info {
  background: url(https://i.pinimg.com/564x/4a/d3/61/4ad3617f9f72a1eafe85437f8b928e9e.jpg);
  border: 5px solid #8ab3db!important;
  box-shadow: 0 0 20px black;
}
.blog-preview{
  background-color: #8ab3db;
  border: 5px solid #8ab3db;
  box-shadow: 0 0 20px black;
}
.comments-table td {
  border: 3px solid #8ab3db;
  background-color: #8ab3db!important;
  box-shadow: 0 0 20px black;
}
.table-section td {
  border: 3px solid #8ab3db;
  background-color: #8ab3db!important;
  box-shadow: 0 0 20px black;
}
.comment-reply:not(:first-child) {
    border-top: 2px solid white;
}
.comment-replies {
    border: 3px dotted white;
    background-color: white!important;
    box-shadow: 0 0 20px white;
}
nav .top, nav .links {
  background-color: transparent;
  color: black;
  font-weight: bold;
}

main, footer {
  background-color: transparent;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.profile-pic {
  padding: 15px;
}
.heading {
  background-color: transparent!important;
}
td {
  background-color: transparent!important;
}
</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Edu+SA+Beginner:wght@600&display=swap');
  body {font-family: 'Edu SA Beginner', cursive;}
</style>

<style>  body {

text-align: center;

}</style>

<style>
.icon, .award img {

        content: url(https://64.media.tumblr.com/8719e3415315fd9aa2353aef890ffb77/52bc904368f8588c-51/s75x75_c1/cd63b1578ff8d2bf513259466e750f4bdc1c9eab.gifv);

        display: inline-block;

        height: 1.5em;

        width: 1.5em;

        margin: 0 .05em 0 .1em;

        vertical-align: -0.3em;

        color: rgba(0,0,0,0);

    }
</style>

<style>
.image {
    background: url('https://www.icegif.com/wp-content/uploads/2022/06/icegif-1037.gif') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: -60px;
    bottom: 300px;
    height: 455px;
    width: 320px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym595.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/01/26/blue-transparent-star.html" target="_blank" title="Blue Transparent Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Blue Transparent Star" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Test acc, add /regretevator	1714350537 Using! Report Comment
💤 (𝘕𝘦𝘪𝘵𝘰'𝘴 𝘞𝘪𝘧𝘦)	1711374100 using :3 Report Comment
Lily☁️	1709223770 Usandoo^^ Report Comment
✮ noisette ✮	1708695263 Using ! Report Comment
☆ tarot ! ☆	1708669773 using ^^ !! Report Comment
Klay.	1708307329 Using!! Report Comment
𝙆𝟏-𝘽0✮⋆˙	1708090963 Using Report Comment
Sammy	1707399603 using Report Comment
Nat☆	1707377044 using! Report Comment
inactive dni	1707024909 using! it looks so nice Report Comment
𝙯𝙪𝙡𝙞!	1706817534 using >_< !! thank you sm for making this <33 Report Comment
ャ ִֶָ .𝐍᥆ 𝐂ᥱ́ᥙ, ℒ𝒚𝒂🪐ᥫ᭡ ˖	1706650733 Usando!! Report Comment
Alexito✮	1706072992 using<3 Report Comment
Sofilu	1705774645 Using!! Report Comment
bibi	1705742504 using!! Report Comment
☾⋆⁺Lilith₊🎧✧	1705168213 using :3 Report Comment
smartzieez	1704766857 using!! Report Comment
Yul_x.x	1704505811 Using Report Comment
kj/kade☆！	1704340525 using ☆ Report Comment
Solar :3	1704235426 Using thank you!! Report Comment