galaxy!!

Tags: layout, galaxy

Description:

my first layout ☜(ﾟヮﾟ☜) sorry if i made some mistakes in the code but i think its alright for my first go ¯\_(ツ)_/¯

if you use i dont need credit just an add and comment on my profile! :)

Preview:

click on the image for a larger preview

Code:

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

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://wallup.net/wp-content/uploads/2016/01/229497-galaxy-space-stars-space_art.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
} 
</style>

<style>

body {

font-family: 'cooper black';
font-size: 20pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
</style>

<style>
:root {
        --logo-blue: #000000;
        --darker-blue: purple;
        --lighter-blue: ;
        --even-lighter-blue: purple;
        --lightest-blue: purple;
        --dark-orange: white;
        --light-purple: purple;
        --light-blue: pink;
        --green: white;
    }



h1 {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px purple, 0 0 5px blue;
}

h1, h2, h3, h4,p {color: white;}

:root {

--darker-blue: white;
</style>

<img src="https://24.media.tumblr.com/8210fd413c5ce209678ef82d65731443/tumblr_mjphnqLpNy1s5jjtzo1_400.gif"/>

<style>body {
   background-image: url(https://media.giphy.com/media/5A7qmHQrtFbBS/giphy.gif);
</style>

<style>
.profile {
   background-color: black; 
   background-image: url(https://media.giphy.com/media/5A7qmHQrtFbBS/giphy.gif)
}
</style>

<style>
.profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
background: rgba(156,56,206,1);
border-radius: 10px;
box-shadow: 2px 2px 7px #000;
color: #f3f2f2;
font-family: 'Brush Script MT', cursive;
font-size:30px;
text-transform; uppercase!important;
padding: 2px 7px;
}

</style>

/&gt;<style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/star-ani.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/star-ani.gif"), auto;}</style>

<style>
.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
background: rgba(156,56,206,1);
border-radius: 10px;
box-shadow: 2px 2px 7px #000;
color: #fff;
font-family: 'Sacramento', cursive;
font-size:35px;
text-transform: lowercase!important;
padding: 2px 7px;
}
</style>

<style>
:root{
/* [background color]: header on top */
 --logo-blue:url(https://cdn2.scratch.mit.edu/get_image/gallery/1832260_170x100.png);
}

nav .links {
    background-image:url(https://cdn2.scratch.mit.edu/get_image/gallery/1832260_170x100.png);
    padding: 1px 1px 1px 1px;
}

</style>
<style>

.online{content:url("http://www.myspacegens.com/images/online_now/109.gif");}

</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.