Space/Stars/Galaxy themed layout

Tags: space, stars, basic, base, animated, galaxy

Description:

this is my first time making a layout and i used a base (made by TheJasmineSixx [LunaGloomyCore] https://layouts.spacehey.com/layout?id=532) but i think i did pretty okay. im sorry if theres extra unecessary code packed in there or if something doesnt work. also theres free tinypixels and blinkies!1!1!!1! that definitly motivates you to use this. i also reccomend adding this layout! https://layouts.spacehey.com/layout?id=100785 by averageGamester because i think it would look nice with this base. I also used https://nein-mc.neocities.org/csstest/ to test the layout out.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Jack K3nnedy ⚠︎ (https://layouts.spacehey.com/layout?id=104474) -->




<img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/o0020001610678939476.gif"/>
<img src="https://64.media.tumblr.com/tumblr_lfhu9k9wv71qzvcyt.gif"/>
<img src="https://pixelsafari.neocities.org/favicon/nature/star/star100.gif"/>
<img src="https://64.media.tumblr.com/23f96f4247f158bbc098e5d593f03891/cb6a65d31cf4c08f-cc/s75x75_c1/50c3939a651e23945028698ba291afed7fd0b0b7.gifv"/>
<img src="https://popteamepic.carrd.co/assets/images/gallery26/e8210ee8.gif?v10408301085951"/>
<img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/1786.gif"/>
<img src="https://64.media.tumblr.com/187625b8b1ea37d666d38214b3fb911d/tumblr_inline_mwbnrvEV3a1r8evev.gif"/>
<img src="https://biscuit.crd.co/assets/images/gallery03/29f3d09d.gif?v=ca0f6e9d"/>
<img src="https://pixelsafari.neocities.org/favicon/nature/star/star88.gif"/>




<style>
body {
    background-image:url(https://bettysgraphics.neocities.org/images/backgrounds/stars%201.gif);
}
.profile {
background-image:url(https://bettysgraphics.neocities.org/images/backgrounds/stars%202.gif);
  background-repeat: repeat;
    border-radius: 12px;
}
h1
{
	color: white;
h1
{         color: white; 
	//text-shadow: 1px 1px #BBC1D7;
	
};
	text-shadow: 2px 2px 3px #BBC1D7, 0 0 25px #BBC1D7, 0 0 5px black;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: small;*/
    color: #BBC1D7;
{


}
   border: 1px solid #252B41;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #151B54;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #252B41;
   margin 10px 2;
}

.online 
{content: url("https://64.media.tumblr.com/bb467962e96adaecab52c3c776e3df80/tumblr_inline_mrdzernozC1qz4rgp.gif");}



:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header:#252B41;
	--table-color: white;
	--link-text: white;
	--main-text: white;

    }   
main 
{
    background: black;
    padding: 0;
    font-size: small;
    color: #BBC1D7;
text color: navy;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
footer 
{
    background: navy!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.contact {
  border-radius: 8px;
  background-image: url(https://bettysgraphics.neocities.org/images/backgrounds/stars%2010.gif);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: black;
  text-shadow: 1px 1px 2px #FFF9E3, 0 0 25px #FFF9E3, 0 0 3px #FFF9E3; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #FFF9E3;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #BBC1D7;
padding: 0;
font-size: 90%;
color: #E3E9FF;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://bettysgraphics.neocities.org/images/backgrounds/stars%2012.jpg) 
}


  .profile .table-section{
    border:2px solid #252B41;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #252B41;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #BBC1D7;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 
  .profile .friends .heading{
    background: #BBC1D7;
    color: #FFF9E3;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #FFF9E3;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(gif or image url);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #252B41;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(gif or image url);
	padding: 18px;
	box-shadow: 4px 4px 0 #252B41;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #252B41);
	margin: 0!important;
	color:#252B41;
}
.profile .profile-info .inner h3 a {
	color: #252B41;
}
.profile .profile-info {
	background-image: url(https://bettysgraphics.neocities.org/images/backgrounds/stars%209.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #252B41;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}

</style>

<style>
main {
        border-radius: 0 0 15px 15px;
        opacity: 0.87;
    }
</style>


<style>
@keyframes spinning-earth{
  from{ left:-150px; }
  to{ left:calc(100% + 200px); }
}
#earth{
  position: fixed;
  left: -150px;
  bottom: 10px;
  width: 105px;
  animation: spinning-earth 17s infinite linear;
  pointer-events: none;
}
</style>
<img id="earth" src="https://media.tenor.com/fmM4QaupL4wAAAAj/earth-png.gif"/>

<style>html:before {
  animation: grain 7s steps(10) infinite;
  background-image: url(https://biscuit2.crd.co/assets/images/image29.gif?v=dfc17534);
  content: "";
  height: 900%;
  left: -10%;
  opacity:.25;
  position: fixed;
  top: 0%;
  width: 200%;
  pointer-events:none;
}
@keyframes grain 
  70% { transform:translate(0%, 15%) }
}</style>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; top: 9px; z-index: 200;">
<img src="https://popteamepic.carrd.co/assets/images/gallery83/70eb7241.gif?v10408301085951" width="150" height="150"/></div>
<style></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 8 of 8 comments ( View all | Add Comment )

⦻ aslan !!	1731701145 THIS IS SO SWAG USING !! :3 Report Comment
𖥂Ailbe𖥂	1726351794 using! Report Comment
Miguel3169	1724589628 usgni Report Comment
💥 Jamie McScrewball 💥	1721149878 using!! Report Comment
Sirius A	1718324890 I like the way it looks, very cool :) I'll be using this. Report Comment
BODNO(self proclaimed asshole & longtime sufferer)	1717176590 usingg Report Comment
Vamp	1717037007 using! Report Comment
vessel	1714640347 using Report Comment