NIGHT SKY LAYOUT

Tags: morgan madewell, morgan, clouds, sky, stars, dark, layout, blue, kawaii

Description:

𝙸 𝚖𝚊𝚔𝚎 𝚕𝚊𝚢𝚘𝚞𝚝𝚜 𝚊𝚗𝚍 𝚌𝚘𝚍𝚎𝚜 𝚍𝚊𝚒𝚕𝚢 𝚜𝚘 𝚋𝚎 𝚜𝚞𝚛𝚎 𝚝𝚘 𝙰𝙳𝙳 𝚖𝚎 𝚜𝚘 𝚢𝚘𝚞𝚛 𝚞𝚙𝚍𝚊𝚝𝚎𝚍 𝚠𝚑𝚎𝚗 𝚒 𝚌𝚛𝚎𝚊𝚝𝚎 𝚜𝚘𝚖𝚎𝚝𝚑𝚒𝚗𝚐 𝚗𝚎𝚠. 𝚃𝚑𝚎 𝚙𝚒𝚌𝚝𝚞𝚛𝚎 𝚙𝚛𝚎𝚟𝚒𝚎𝚠 𝚍𝚘𝚎𝚜 𝚗𝚘𝚝 𝚍𝚘 𝚝𝚑𝚒𝚜 𝚕𝚊𝚢𝚘𝚞𝚝 𝚓𝚞𝚜𝚝𝚒𝚌𝚎 𝚊𝚝 𝚊𝚕𝚕. 𝙰 𝚕𝚘𝚝 𝚘𝚏 𝚝𝚑𝚎 𝚐𝚛𝚊𝚙𝚑𝚒𝚌𝚜 𝚊𝚛𝚎 𝚊𝚗𝚒𝚖𝚊𝚝𝚎𝚍. 𝙿𝚕𝚎𝚊𝚜𝚎 𝚌𝚘𝚖𝚖𝚎𝚗𝚝 𝚒𝚏 𝚢𝚘𝚞 𝚞𝚜𝚎!

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
</style>

<style>body { cursor: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4e542c8e-ddea-498e-9ca2-b7684d0a5661/darwwy6-c400a50e-5a83-4c43-9414-cc72595ab41a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvNGU1NDJjOGUtZGRlYS00OThlLTljYTItYjc2ODRkMGE1NjYxXC9kYXJ3d3k2LWM0MDBhNTBlLTVhODMtNGM0My05NDE0LWNjNzI1OTVhYjQxYS5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.b5UA2RvRWNgSVRd5Mm0wvNc5RU0YfxXxW6v26ifm420'), auto; }</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');
</style>


<style>

table {
  border-spacing: 2px;
width: 100%;
  /* sets background */
    background-image: url(https://webstockreview.net/images/spider-clipart-animation-2.gif);
    background-repeat: repeat;
    background-size: 70%;
  }  

.blog-preview {
border: 1px dotted #9dcff9;!important; 
background: rgba(190, 190, 190);
background-image: url(https://i.pinimg.com/originals/cc/d2/92/ccd2926b176eb5cf2c2ee638ec1d0aea.gif);
opacity: 0.5
border-radius: 10px;
box-shadow: 1px 1px 2px rgba(190, 190, 190,);
height:155px!important;
background-position: right;
background-repeat: no-repeat;


</style>

<style>
  body {
    background: url(https://data.whicdn.com/images/353099437/original.jpg);

   background-attachment: fixed;
background-position: center;
font-family: Courier New;
font-size: 22px;
letter-spacing:2px; 
line-height: 15px; 

text-shadow: 1px 1px 1px #9dcff9;


   }

.profile-info{display:none !important;}
.blurbs .heading{display:none !important;}

}

.general-about {
  background-image: linear-gradient(60deg, ######, ######);
  background-clip: text;
  color: ######;
  -webkit-background-clip: text;


}
.profile {
    background: #9693e0; /*not sure if you were trying to have your background red first or not, but CSS will show the second styling of the same element*/
  }
.profile {
    background-color: #000000;
    color: #9dcff9; /*your text color for most of the page - this is the complimentary color for the magenta that you chose. Feel free to change it*/
    border-left: 1px  dashed grey;
    border-right: 1px dashed grey;

}

/*these are your various headers, I have used yellow to show you which text is affected by this code. Feel free to change them to what you prefer. If you want individual headers to be different colors then you have to write each one in a separate piece of code.*/
h3 , h4, h5, .url-info b {
    color: #000;
font-family: 'Creepster', cursive;
text-shadow: 0 0 7px #9dcff9;

}

/* This is the color of the links on your page. I have set them to green so you can see what they are. Feel free to change them to your preferred color*/
a {
     color: #9dcff9;
text-shadow: 0 0 9px #9693e0;
font-family: 'Creepster', cursive;
font-size: 17px
line-height: 8px;

}

/* color of the normal text on your page. I have set this to purple so that you know which text is affected. Feel free to change it to what you prefer*/
p, h2 {
     color: white;
}
/* color of friend's names in the comments, number of friends and your name. This I set to orange */ 
h1, .count, .friends a p {
     color: #74c69d;
} 



:root{
/* [background color]: header on top */
 --logo-blue:url();

/* [background color]: table headers, main top menu, border color*/
 --lighter-blue:url(https://www.udrop.com/file/8RzO/2332.gif);  

/* [background color]: 'interests' table (left column) */
/* [background color]: 'interests' table (right column) */
 --even-lighter-blue: rgb(000,0.5)!important;
 --lightest-blue: url(https://www.udrop.com/file/8RzO/2332.gif);

/* [font color]: 'blurbs' , 'friend space', 'friends comments' */
/* [background color]: 'blurbs' , 'friend space', 'friends comments' */
 --dark-orange: #d8f3dc!important;

 --light-orange:url(https://data.whicdn.com/images/307653243/original.gif); 
background-position: center;

/* [background color]: 'friend comments' right column */
 --even-lighter-orange: url(https://media1.tenor.com/images/bd4508efae84452400a478e8b4c72680/tenor.gif?itemid=5611463);

}


/*471- [font color]: the link-text up to the friend photo  */
.profile .friends .person p{
 color: #edffb9!important;
}


.online{content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0d397352-de1e-4439-a72d-26fe08545872/d9tjrrj-ec907f61-cfd8-422c-a1bc-02e6f50abb46.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvMGQzOTczNTItZGUxZS00NDM5LWE3MmQtMjZmZTA4NTQ1ODcyXC9kOXRqcnJqLWVjOTA3ZjYxLWNmZDgtNDIyYy1hMWJjLTAyZTZmNTBhYmI0Ni5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.RZMnJgvsnQUKPc5SB2pnSQJOKs0ZC1XaxFF_7tTf-Cc");

}

/*127- [background color]: footer area*/
/*     [Font color]: text footer area  [added by me]*/
/*     remove the margin top and bottom [added by me]*/
footer{  
 background-image:url(https://www.udrop.com/file/8RzO/2332.gif);!important;
 color: #ff99cc!important; /* * */
 margin: 0px !important; /* * */
}
nav .links {
    background: url();
    padding: 3.5px 16px 5.5px 16px;


}

h1 {
font-size: 40px!important;
line-height: 75px;
font-family: 'Creepster', cursive;
font-weight:normal;
letter-spacing: -1.5px;
color: #000;
text-align:center;
padding-bottom:0px;
padding-top:0px;
text-shadow: 0 0 7px #9693e0;
background: #000;
background-image:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d2f09e4c-741f-4e75-a1b2-738ca8a14c9a/dba6xjd-f9e04f44-6184-42ca-95be-c9a58e421fd1.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvZDJmMDllNGMtNzQxZi00ZTc1LWExYjItNzM4Y2E4YTE0YzlhXC9kYmE2eGpkLWY5ZTA0ZjQ0LTYxODQtNDJjYS05NWJlLWM5YTU4ZTQyMWZkMS5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.yoJYffCdzqTL5knQZVU06Q0zBM1HeJbUkqhR_-urP2I");
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
}

.mood{text-transform: lowercase; !important; color:#ff99cc; letter-spacing: 2px; font-style: none;}
}

</style>



<style>
.contact {

  border-radius: 25px;
  background-image: url(https://i.pinimg.com/originals/92/23/51/922351bc3ab1cb868b195d7e7a871de0.gif);
background-position: center;
  background-repeat: no-repeat;
font-family: Arial Black;
  padding: 20px;
  width: 200px;
  height: 150px;
line-height: 8px;
color: #000;
background-size: 50%;

}
.profile-pic {
 border-radius: 00px;
        overflow: hidden;
        border:1px dashed grey;
}

</style>

<style>

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



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

𝖘𝖆𝖘𝖍𝖆	1702175328 using Report Comment
RealHumanBeing	1700141790 using Report Comment
Jun	1694419674 Usingggggggggggggg Report Comment
Lumi	1691266301 Using :] Report Comment
James	1691105864 using Report Comment
Willow Gray	1690217655 using! Report Comment
Your Sadist Lover	1687506714 Using Report Comment
* Ace .	1686793959 using!! :3 Report Comment
Soot <3	1683809245 using tyyy Report Comment
Störti	1672088461 Just have changed to this one. But I hate Courier New tbh and changed to Comic Sans Report Comment
Blair	1667274754 I will be using this! Report Comment
JUPITER	1661212726 using Report Comment
Jupiter	1657018544 I'm Gonna Use This It Looks So Nice. Report Comment
squiid_	1653592070 Using! Report Comment
Elijah	1652455915 I love Using!! Report Comment
Lunette Jade	1651550148 this is sooo cute, using it now Report Comment
melody ⚘️	1649812174 using ! Report Comment
river	1648012492 cute!! Report Comment
Veline	1647688409 so cute!! Report Comment
Catie	1644096418 Love this one! Would love to see more like this with a font that's a bit easier to read. Throwing out an idea (not complaining). This is my favorite layout that I've seen. Awesome job :) Report Comment