VERY COOL space layout!!!!!!

Tags: space, black, white, stars, astronomy, earth, galaxy, spacecore, astronaut, glow

Description:

use this if you're into astronomy, or if you simply love space!
modify this layout as much as you want... i don't care! no need to credit me too!

The layout looks like this to be more unique, if you don't like it, just edit the code out!

based off this layout: https://layouts.spacehey.com/layout?id=92584

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by boêmio (hater #1 do minimalismo) (https://layouts.spacehey.com/layout?id=103965) -->


<style>
.blurbs .inner {
  text-align: center !important;
}
</style>

<style>
.blurbs .heading {
  text-align: center !important;
}
</style>

<style>
.more .heading {
  text-align: center !important;
}
</style>


<style>/* Friends Info */
    .profile .friends .heading{color: #ffffff;}
.profile .friends{text-align: center;}
    .count {color: #000000;}
    .profile .friends .person p{color: #ffffff !important;}
	.profile .friends .person img {border-radius: 500px;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(255, 255, 255, 0.71);
        border: 2px solid rgba(255, 255, 255, 1);
    }
    
    .profile .friends .person img:not(.icon):hover {
        transform: scale(1.1);
        transition: 0.5s ease;
    }
    
    .profile .friends .person img:not(.icon) {transition: 0.5s ease}
</style>

<style>
.profile-pic {
   border-radius: 15px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 4px white}
</style>

<style>
    .profile{direction: rtl;}
.blog-preview{direction: ltr; text-align: center;}
    .blurbs{direction: ltr;}
    .friends{direction: ltr;}
    .general-info{direction: ltr;}
.profile .left h1{direction: ltr;}
    .details-table{direction: ltr;}
    .profile .table-section .heading{direction: ltr;}
    .details p{direction: ltr;}
	.mood{direction: ltr; text-align: right;}
.contact .heading {display: none !important;}
.url-info{direction: ltr; text-align: right;}
</style>



<style>
    .profile h1{
        text-align: center;
        text-shadow: 0px 0px 15px white ;
        font-size: 50px;
        color: white;   
    }
    
    .profile .friends .person img:not(.icon){
        filter: brightness(130%) contrast(140%) grayscale(80%);
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
           animation: blink .1s infinite;
           box-shadow: 0px 0px 15px white;
           border: solid white 1px;
    }

@keyframes blink {
  0% {
    opacity: 90%;
       
    }
</style>

<style>
    .container{
        width: 1500px;
    }
</style>


<style>

a, .links, .links a, .logout-btn{
   color: #ffffff !important;
   text-shadow: 0px 0px 5px 3px #000000 !important;
   border: none !important}

button{
   color: white;
   background-color: #ffffff46; 
   border: 2px solid white;
   padding: 2px}
   button:hover {
   color: black;
   background-color: #ffffff82;
   padding: 2px}


  .search-wrapper input[type=text] {
    background-color: #fffff !important;
    border: 1px solid white !important;
    border-radius: 10px !important}
 button{
    border-radius: 10px !important;
    border: 1px solid white !important;
    background-color: #fffff !important}
</style>

<style>
.contact .inner a img {
font-size: 0}

.contact .inner a img:before {
font-size: 1em;
display: block}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* ADD TO FRIENDS */
content: url(https://i.ibb.co/DpWvLdH/4i-W2-Zmr-1.png)}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* ADD TO FAVOURITE */
content: url(https://i.ibb.co/DpWvLdH/4i-W2-Zmr-1.png)}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/*SEND A MESSAGE */
content: url(https://i.ibb.co/DpWvLdH/4i-W2-Zmr-1.png)}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/*FORWARD TO FRIEND*/
content: url(https://i.ibb.co/DpWvLdH/4i-W2-Zmr-1.png)}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/*INSTANT MESSAGE*/
content: url(https://i.ibb.co/DpWvLdH/4i-W2-Zmr-1.png)}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/*BLOCK USER*/
content: url(https://i.ibb.co/DpWvLdH/4i-W2-Zmr-1.png)}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/*ADD 2 GROUP*/
content: url(https://i.ibb.co/DpWvLdH/4i-W2-Zmr-1.png)}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/*REPORT*/
content: url(https://i.ibb.co/DpWvLdH/4i-W2-Zmr-1.png)}


.contact {
   padding: 2px;
   margin-bottom: 20px !important;
   font-size: 12px;
   border-radius: 5px;
   border-top: 1px}


.profile-pic {
   border-radius: 15px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 7px white}

.friends-grid img{
   border-radius: 15px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 7px white}
</style>

<style>
.logo{ 
   filter: sepia(1%) hue-rotate(100deg) saturate(100);
   box-shadow: 0px 0px 7px 5px white}
</style>


<style>

@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/*BODY FONT*/
   body{font-family: 'Orbitron', sans-serif;
   color: white !important;
   font-size: 90%;
   text-shadow: 2px 2px 3px white, 0 0 25px white, 0 0 5px white}

/*HEADINGS FONT*/
   h1, h2, h3, h4, .profile .blurbs .section h4{font-family: 'Orbitron', cursive;
   font-size: 120%;
   color: white !important;
   text-shadow: 2px 2px 3px white, 0 0 25px white, 0 0 5px white}

/*TEXT SETTINGS*/
main p{
   letter-spacing: 2px;
   font-weight: 700; 
   line-height: 1.5;
   color: white !important;
   text-shadow: 2px 2px 3px white, 0 0 25px white, 0 0 5px white}

main{background: none !important}
</style>




<style>

.container:before {
  border-radius: 1px;
  height: 100%;
  left: 0;
  top: 0;
  box-shadow: 0px 0px 15px 2px #000000c3, inset 0px 0px 0px 2px #d9e2eb;
  background: linear-gradient(#fff0 20%,hsla(0,0%,100%,.7) 29%,transparent 29.3%);
}
.container {
  border-radius: 1px;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(2px);
  padding: 8px;
}


</style>


<style>
.general-about .profile-pic img,
.comments-table,
.profile-info{
  border: 10px dashed #;
}
.profile .blurbs .heading, .profile .friends .heading,
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  background: #;
  color: white;
}
.profile .blurbs .heading, .profile .friends .heading a,
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading a{
  color: white;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions{
  border: 2px solid #;
}


:root {
        --logo-blue: #;
        --darker-blue: #;
        --lighter-blue: #;
        --even-lighter-blue: #;
        --lightest-blue: #;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #;
    }

</style>

<style>

nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }

 .heading {
        padding: 5px 0 !important;
        margin-top: 25px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #ffff !important;
        border-bottom: 2px transparent;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(255, 255, 255, 0.05) !important;
    }
    .container {
        border-radius: 0 0 15px 20px;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.10) !important;
        display: block !important;
    }
    table.comments-table td {
        background-color: rgba(255, 255, 255, 0.10) !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 1px;
    }
   .profile .friends .person img {
        border-radius: 300px;
    }
    .friends-grid img{
        opacity(50%) 
        filter: color: #ffffff;
    .blog-preview p {
        font-size: 1.4rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
</style>

<style>
 .profile{
        background-color: ;
        border-radius: 30px;
        border: 1px solid white;
        box-shadow: 0px 0px 13px white;
    }
</style>
<style>

 nav .top {
        background-color: #;
        background-position: center;
        border-radius: 5px;
        position: relative;
        border: 1px solid white;
        border-radius: 20px;
        box-shadow: 3px 0px 10px white;
          } 
</style>

<style>
body{
background: url(https://64.media.tumblr.com/4ab666179e42c457a37e0b0c5a16d1a3/bff0dafb3623d420-13/s2048x3072/32447ac018091869984d16032eeb2463e12c04f0.jpg);
height: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
</style>

<style>
main p{
   letter-spacing: 2px;
   font-weight: 400; 
   line-height: 1.5;
   color: white !important;

</style>

<style>
a:hover, nav .links a:hover, nav .top a:hover, footer a:hover, button:hover, .friends a p:hover{
  color: white !important;
  font-style: italic;
  text-transform: uppercase;
}
</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 41 comments ( View all | Add Comment )

yamaha	1776556631 USING!! this is so cool :0 Report Comment
odd-ichi from Krypton!	1775112820 I give you my absolute thanks, fellow spacehey user. I shall be using this layout of yours! Report Comment
RawrXD!	1767539336 AHH I LOVE IT,IM USINGGH Report Comment
🔮𝐌𝐞𝐨𝐮𝐜𝐡🔮	1766033421 USING RAHH I LOBE THIS Report Comment
littlebobby_ART	1765056897 using Report Comment
Alexandria	1764596983 thsibis cool, i like to use this Report Comment
greedo318	1760146109 heyy. so! love the layout but it keeps erasing my custom interest names,, how can i fix that ? tried in alot of ways but js couldnt do it. Report Comment hold thefuck wait it was my mistake holy zod i deleted the code bymistake . by greedo318; 1760147054; Report
Galaxy.of.daisies	1759709019 Usandooo Report Comment
Victor	1758959187 using :D Report Comment
kreido2o	1755472987 using >< Report Comment
smiley	1755223003 using :)))) Report Comment
flan	1755149446 Using!!! Report Comment
Rei	1755109504 Using! Report Comment
O N I I	1755061865 Using!! Report Comment
ada	1755033336 usingg! Report Comment
⊝𝕯𝖆𝖓⊝	1752742134 used for main glow thanks Report Comment
sb	1752666780 I LIKE IT uuussiiiiiingggg Report Comment
Myth!!	1751034900 uuusssinggg!! Report Comment
sl☆shie	1750761809 using Report Comment
s0nd3r	1750694916 how do you customize your blog entries? Report Comment (sorry for late reply) when creating a blog, click on the <> in the custom bar, paste your layout code there, click on the <> (which will probably be like an eye symbol now) and some! by boêmio (hater #1 do minimalismo); 1750781410; Report done* by boêmio (hater #1 do minimalismo); 1750781420; Report YAY TY by s0nd3r; 1750781501; Report