ALIEN/SPACE LAYOUT ~!

Tags: alien, layout, blog, cute, emo, blood, green, 2000s, space, weird

Description:

A simple (ish) alien / space layout, requested by @orbitsince1989

Code:

<!-- (c) Layout created by P0MP0MZ (https://layouts.spacehey.com/layout?id=99397) -->

(PUT THIS IN ABOUT ME) 

<style>  h1 {

text-align: left;

}</style> 

<style>  body {

text-align: center;

}</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>
<style>

/* friends icon */

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://pngfre.com/wp-content/uploads/Alien-23.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>


<style>
    img{
          filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(60deg) contrast(150%);
    }
</style>

<style>
 .logo {
  
  content:url("https://upload.wikimedia.org/wikipedia/commons/b/b6/Alien_logo.jpeg")
  
  }
</style>

<style>
p.online {font-size: 0px;}
p.online::after{content: "🛸 ALIEN SIGHTINGS INCREASING . . .";
color: white;
font-size: 10px;}

font-size: 10px;}
    </style>
<style>
    body {
        background:url(https://i.pinimg.com/736x/59/64/9f/59649fa56ab472f7a36e0654640638dd.jpg);
    }
</style>
<style>
    .profile {
       
 
background:url(https://i.pinimg.com/564x/91/5d/d9/915dd9f06e164e7f8acff9ca6ba91c15.jpg);
color:white;
text-shadow: 0 0 9px white;
    }


.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:White; 
background:black;
}

/* contact icons */
.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 {
/* attempt to befriend */
content: "👽"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "👽"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a sign */
content: "👽"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* share to others*/
content: "👽"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant sign*/
content: "👽"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* hide user */
content: "👽"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group  */
content: "👽"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "👽"

}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/564x/39/0e/1e/390e1e3ed860bcc23fea7fb84cfd393b.jpg);
color:White; 
}
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
}

nav .top {
        background: url("https://i.pinimg.com/564x/39/0e/1e/390e1e3ed860bcc23fea7fb84cfd393b.jpg");
    }
    
    nav { background: black url(""); }

:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#080a08;
--even-lighter-blue:#080a08;
--lightest-blue:#080a08;
--dark-orange:#ffffff;
--light-orange:#080a08;
--even-lighter-orange:#080a08;
--green:black;
}

iframe.spotify {
    width: 100%;
    height: 250px;
    padding: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 


<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "✱ MORTAL BEINGS ✱"; font-size:.8rem; font-weight:bold; 
color:White; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "✱ COMMENTS ✱"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "✱ INFORMATION ✱"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "✱ REACH OUT TO THE ALIEN . . ✱"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "✱ ABOUT US ✱"; font-size:.8rem; font-weight:bold; color:White; }
</style></div>

(PUT THIS IN WHO I'D LIKE TO MEET)
 
<img src="https://adriansblinkiecollection.neocities.org/d27.gif"/>

<marquee behavior="alternate"><img src="https://64.media.tumblr.com/8e7f734709ec058667a5b51147886ca2/182a6c587a277f3f-0c/s250x400/0a7d5c218365f96ac69a8ea344299cf08968874e.gif"/></marquee>

<img src="https://adriansblinkiecollection.neocities.org/k1.gif"/>
<br/>‎ 
<br/>‎ 
YOUR TEXT HERE

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

sl33pycyber ྀི	1712303633 using :3 Report Comment
ʄօʀɢֆ	1709720026 Using! :3 Report Comment
space cadet	1709256902 using ^_^ Report Comment
hoist ⊗	1708741544 using :3 Report Comment
P0MP0MZ	1707930493 comment if using btw ^_^ Report Comment