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 Insomniac ⁠˘⁠ ⁠o⁠ ⁠˘  (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: 6px;
  height: 100%;
  left: 0;
  top: 0;
  box-shadow: 0px 0px 15px 2px #000000c3, inset 0px 0px 0px 1px var(--aero-black), inset 0px 0px 0px 2px #d9e2eb;
  background: linear-gradient(#fff0 20%,hsla(0,0%,100%,.7) 29%,transparent 29.3%);
}
.container {
  animation:.5s windowOpen cubic-bezier(.19,1,.22,1);
  box-shadow: 0 0 15px 2px #000000c3,inset 0 0 0 1px var(--aero-black),inset 0 0 0 2px #d9e2eb;
  background: linear-gradient(-139deg,rgba(135,173,190,.47) 0%,rgba(0,0,0,0) 25%),var(--aero-accent);
  border-radius: 6px;
  -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%) 
        border-radius: var(--curve) 
        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 10 of 10 comments ( View all | Add Comment )

KRISsoup	1726709033 Using :D Report Comment
Lau	1725801038 using :v Report Comment
Glimmer	1724599285 using Report Comment
Blazingjaguar	1723863110 Using Report Comment
SNOOZY!!	1723236141 using Report Comment
★ cameron ★	1723125020 using! I love spacey stuff Report Comment
Star :D	1721695793 using :D it looks so cool Report Comment
Star :D	1721695792 using :D it looks so cool Report Comment
SUSHI!!	1714239115 usuing Report Comment
NightmareEyes	1713921815 using Report Comment