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 (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 36 comments ( View all | Add 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
slushie	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; 1750781410; Report done* by boêmio; 1750781420; Report YAY TY by s0nd3r; 1750781501; Report
Maple	1749962328 USING Report Comment
﹒🍁﹒Damien︕﹒	1749956690 using!!! Report Comment
∂αηтє	1748896461 Us1ng Report Comment
remus	1745951940 THSNK YOUUU Report Comment
𝓡𝓮𝓷𝔂!	1743415488 using Report Comment
Kayden >:3	1743202490 using :3 Report Comment