galaxy star stuff

Tags: galaxy, stars, sparkle, universe
Description:

i am very proud of myself for this one. i can be original, kinda!!! wow!!!! i really like how it turned out. the font really goes with the vibe! test it here
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by x.{finn}.x (https://layouts.spacehey.com/layout?id=23417) -->

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

body {
    background-color: black;  background-image:url(https://web.archive.org/web/20090724205706/http://www.geocities.com/drjeffreylim/Images/YahooPage_bg.gif);
background-attachment:fixed; 
background-repeat: repeat;
background-size: 50%; 
font-family: 'Orbitron', sans-serif !important;
}

main {
    background: transparent;
  color: white;
  border: 0px;
}

nav .top {
    background: url(https://media4.giphy.com/media/FlodpfQUBSp20/giphy.gif);
  display: flex!important;
    opacity: 1!important;
    border: dotted teal 2px;
    border-radius: 24px 24px 0 0;
  background-position: top;
  background-size: 40%;
border-bottom: none;
background-repeat: repeat;
}

  .count{
color: teal;
}
  
nav .links {
        color: white;

    background: turquoise;
    text-transform: lowercase;
text-align: center;
border-radius: 0px 0px 10px 10px;
}

nav .top, nav .links a, .logout-btn, .logout-form {
   color: white;
font-family: 'Orbitron', sans-serif !important;
}
.search-wrapper input, button {
   background: turquoise;
   color: white;
}
button:hover, a:hover {
   cursor: pointer;
}
.edit-info {
   background: transparent;
   border: 0;
}
  .profile-info {
   background-image: url(https://c.tenor.com/09TToD3BCUIAAAAi/stars-fall.gif);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    background-size: contain;
background-position: center;
  color:white;
    border-radius: 10px;
height: 160px;
border: 2px dotted teal ;
}

.online{
background-color: transparent;
content: url(https://ia601501.us.archive.org/10/items/onlinenow_202210/onlinenow.gif);
}

.online img{
display: none;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    border: 2px dotted teal;
border-radius: 10px;
    background: turquoise;
  color: white;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    color: white;
background: teal;
border-radius: 10px 10px 0px 0px;
}

  .profile h1 {
    color: white;
   background: teal;
  padding:5px;
margin: 5px;
border-width: 2px;
  border-color: turquoise;
  border-style: dotted;
  border-radius: 10px;
  text-align: center;
  }


  .profile .general-about {
    background: turquoise;
background-image: url(https://web.archive.org/web/20091020193810/http://hk.geocities.com/wwytrinity/yahooweb/bg_back.gif);
    border: dotted 2px teal;
    border-radius: 10px;
    padding: 0.5em;
    height: 180px;
  }
  
  .profile .mood {
 color: white; 
margin: 10px;
}
 .profile .blurbs, .profile .friends {
    border: dotted 2px teal;
    background: turquoise;
    border-radius: 10px;
  margin: 6px
  }
  
 .profile .friends .person p {
    color: white;
  }
  
  .profile .blog-preview {
    color: white;
  }
  
  .profile .blurbs .section h4 {
    color: white;
    padding: 0.5em 0em 0.5em 0em;
  }
  
  .comments-table {
    display: block;
    outline: none !important;
  border: teal 2px dotted;
}

.comment-reply {
    padding: 5px 3px;
  border: 3px teal solid;
}
  .comment-replies {
      padding: 10px 5px;
  border: teal 1px solid;
  }


 
.contact {
  background-image: url(https://web.archive.org/web/20091021110004im_/http://www.geocities.com/azafusenosekai/Star01.gif) !important;
  padding: 0px;
    background-attachment: scroll;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain;
  text-align: center;
  } 

  .contact a{
font-family: 'Press Start 2P', cursive;
font-size: 6.5px;
  } 

.contact .inner a img {
font-size: 0;
}

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


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: "☆"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: "✫"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group. the content is supposed to be a smiley face */
	content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "✫"
} 
  
.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: white;

}
.details-table td:not(td:first-child) {
    color: teal;
}
  .profile .blurbs .heading, .profile .friends .heading {
    background: teal;
    text-transform: lowercase;
    color:white; 
border-radius: 10px 10px 0px 0px;
}
  
  table.details-table {
background-image:url(https://web.archive.org/web/20091020193810/http://hk.geocities.com/wwytrinity/yahooweb/bg_back.gif);
border-radius: 0px 0px 10px 10px;
}
  
.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
    background: black;
background-image:url(https://web.archive.org/web/20091027100307im_/http://geocities.com/asiastars_gigi/bganstar.gif);
background-size: contain;
}
.comments-table td, .music-table td {
    color: white;
background-image: url(https://i.pinimg.com/originals/57/00/97/570097e91d660ec4ff12690031ebbdf8.gif);
  background-size: cover;
}

.comments-table td:first-child a, .music-table td:first-child a {
    color: white;
}
   .search-wrapper input, button {
    background: turquoise;
    color: black;
  border: 2px teal solid;
   }

  footer { 
  color:white;
background: turquoise;
background-image: url(https://web.archive.org/web/20090807061634im_/http://www.geocities.com/claudefrancoisforever/Glitter_stars.gif);
background-size: contain; 
background-repeat:repeat-x;
    border: 2px dotted teal;
 background-position: bottom;
border-radius: 10px;
}

  a{
color: white;
}

a:visited {
color: white;
}
a:hover {
color: teal;
}

a:active {
  color: white;
}

nav .links a:hover{
color: teal;
}

</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 1 of 1 comments ( View all | Add Comment )
✬彡CYAN*☆
1680129369
love this!! using! :D
Report Comment