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 17 of 17 comments ( View all | Add Comment )

ろg!e	1771588730 using Report Comment
M3TTH3R1PP3R	1769566994 using !! Report Comment
ghostcookieee12	1766597212 using Report Comment
grimmzyy	1762755924 usinn Report Comment
Tiethosetubestoday	1756640746 This is awesome usinggg Report Comment
AfroAnonymous	1752197409 using the spinning earth! Report Comment
peculiar_cryptid	1750074532 Using! Report Comment
Etho	1747202853 using!! ty for making this beauty of a layout <3 Report Comment
Foureyes	1744159698 using!! Report Comment
Sammiebleeeh	1738942927 USIIINGGG Report Comment
ditzy	1734650516 using!!! Report Comment
Finny. ⦻🦇	1731701145 THIS IS SO SWAG USING !! :3 Report Comment
Ailbe🧇⋆˚࿔	1726351794 using! Report Comment
Miguel3169	1724589628 usgni Report Comment
Sirius A	1718324890 I like the way it looks, very cool :) I'll be using this. Report Comment
Vamp	1717037007 using! Report Comment
vessel	1714640347 using Report Comment